Css and html productive tools [closed] - html

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I am beginning to learn css and html programming,
I am currently using notepad to do it,
Which IDE Tools provides automatic attributes listings to help code css and make css and html development more productive,
thanks,

You can use Aptana Studio 3, it's free too..
Core Features :
HTML, CSS, and JavaScript Code Assist
Deployment Wizard
Integrated Debugger
Git Integration
Built-in Terminal
IDE Customization

Microsoft Visual Studio Express includes intellisense which is very useful when starting to learn HTML/CSS. It's also free to download.

I think if you're just beginning, you shouldn't be using an IDE. You'll rely on it too much and won't actually learn... then you'll never be able to do anything without the IDE.
That being said, I use Notepad++. The only feature I rely on is word complete since it auto completes every word, I don't accidentally mistype any variable names or anything. It also speeds up typing a lot since I usually only have to type out the first few characters of each word.
Last time I worked on a large project with someone else, we used Netbeans. It worked out pretty well for HTML, CSS, and PHP. Had version control built in, too.
I still default to Notepad++, though, because it's fast and simple. My point is, focus on learning and not the tools you're learning with. Once you are good enough at it, you can get tools to make development faster, but don't use them when you're beginning.

I love dreamweaver for html css stuff. Other languages text mate is my favorite.

Related

Web Design Process: Minifying? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
How does minifying codes come into place in terms of web designing?
I understand the importance of minifying in order to reduce load speed. I write my html and css codes with indentation. How I'm doing it right now is that on my local computer, I have my original codes. Then when I'm ready to upload it to a live site, I will minify it and copy/paste the code there.
So now I have 2 version of the website: original & minified.
Is this the correct way to do it, or should I write my code in the "minified" form? It'd be pretty much a mess and impossible to code if I wrote in the minified form.
Please tell me how you guys are doing it!
Write your code in a clear, maintainable way. So, keep indenting, etc.
Minify your code when you deploy it. You are doing it by running a tool yourself. Many people do it as part of their build/deploy process. So you might have one command that minifies all your assets and deploys them to your server.
But if you don't have a build/deploy tool right now, then the way you're doing it is probably the way to go. Put "learning about build tools and adopting one" on your to-do/self-improvement list. You'll be glad you did.
minifying is not a part of you web design process. you need to write your code nice and pretty. then use a tool to minify your css and javascript, probably as a part of your build process.
I´m using http://gulpjs.com/ and some of its packages. It can watch my readable css (or less) and pipes it each time I save automatically through some methods like minify or prefixing (automatically adds browser specific css for older browsers which don´t support css3)
maybe check this tutorial if you want to dig deeper http://www.sitepoint.com/introduction-gulp-js/

Web Development IDE with that indents HTML correctly [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I am currently looking for a web development IDE that highlights the syntax of html and more important, indents the html-code correctly. I have tried Dreamweaver but it doesn't seem to have a feature for auto-indenting html-code while you're typing. I also have tried NotePad++ and Aptana 3.0 but no luck with both.
So I was wondering if anyone knows a web development IDE that meets my needs.
Thank you in advance.
I'm using an IntelliJ IDEA (I'm java web developer). IDEA makes high-quality formatting code in any language, including in an HTML.
Eclipse is a very very good editor. For indenting u can try ctrl+shift+f key combinations.
Also you can use Aptana Studio. It is free as well as a very good editor.
Koding is a browser-based IDE, and the editor text editor (Ace) was originally developed for Web Languages (HTML/JS/CSS) so it supports them quite well.
Again though, this is browser based, so if you're looking for a local-only tool this may not be of help. :)
I'd suggest VS Code. Because...
It's dev by Microsoft
Very good suggestions and autocomplete feature
Code folding feature. It will be extremely useful when coding for big websites
Interactive layout and amazing color themes
Live server plug in support which us good for checking the output live .
However, At the end any IDE you'd b using it will help very much so go with something suggested by the instructor during the course. It will be lot ore easy to use!!

how to include advanced text edit tool [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
just a quick question, is there a way I can embed adevance text edit tool like the above picture shows in the html or php page? your help will be greatly appreciated!
What you're looking for is generally known as a What You See Is What You Get editor or WYSIWYG.
There are a number of options on the market, all I know of are in JavaScript.
For my projects I use CKEditor personally, greatly due to the integration of CKFinder for file uploads. CKEditor is easy to integrate and get running quickly in a number of environments. Their developer and user docs are also quite good.
However a nice and simple to use in-line HTML5 editor is Aloha Editor. My preference however is to CKEditor greatly due to the fact it is easier in my opinion than Aloha and it has many more options.
Simply look for "web based WYSIWYG editor" in Google and you will find a whole heap more to choose from!
I hope this helps.
EDIT: I forgot to mention something, CKEditor is Open Source making it fantastic if you need "deeper" integration into your own code. I'm not sure about Aloha however. With this I have integrated our own permissions system into CKEditor allowing per-user permissions to functions rather than having to write a selection of more rigid configuration files or having to write 1 configuration file per user.
I often used tinyMCE.
Base usage is very simple... check it out!

Web design software for non-designers [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
I'm a system programming geek. My drawing and design skills are very limited and I barely know how to use Photoshop.
Currently, web development software only offers separate options for coders (non-visual) and designers (visual). But I'm trying to find a WYSIWYG (visual) website design piece of software optimized for engineers, rather than artists.
Something like drag & drop building blocks, select various layouts, options. Add graphics.
Don't get me wrong - it must not be a primitive template-based editor - I'm looking for advanced solution, so I can make a professional website.
I dont think you will find a "golden bullet" here.
That being said I consider myself in a similar vein. I'm a pretty competent front end developer with minimal design skills. Although kind of template based, Artisteer is worth a look. I use it to get me started then I tweak from there. Being an ASP.net guy Visual Studio is my normal poison for tweaking. Visual Studio Express is a free version. Though Dreamweaver etc would also work.
If you are getting serious about this, you make sure you have the basics of HTML and CSS covered so you know what you are doing when you are tweaking templates.
you best option is what most of us nerds do and thats hire a designer, or go to something like template monster thing is with design, it is a creative mind... when it comes to programming it is logical mind. Fair enough there are a few good designers out there that can make a website, code etc but to what level. I just right code, its what i am good at, my pal brian creates designes for me.... because thats what he is good at.
:-)

Cross platform, multi-syntax highlighting editor [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Is there an editor that is:
Available for at least windows and linux
Highlights multiple syntaxes in the same document. (Ala Dreamweaver)
Tabbed interface
All the editors I tried highlighted by file extension only which isn't fine grained enough.
At the very least it needs to distinguish scripting from html, css and javascript in the same document.
Scite!
The answer is emacs. You can do pretty much anything you want with that editor. There is a 'nxhtml-mode' which you can use to edit javascript, php, html,ruby, jsp,css, whatever on the same file. If you're still at university, the best advice I can give you is to start learning how to use emacs. It will change your life, really.
Eclipse (very good, but heavy)
vim (doesnt have tabs, but aprt from that very lightweight and very good)
emacs (only heard about it that is is very good, but it has a steap learning curve)
hop it helps
Netbeans.
I've only tried it with HTML av Javascript for two languages in the same file though.
I have used jedit. Just need a java runtime.
Handling syntax highliting and completion for multi-language files is something the NetBeans people have been working on and has been available for javascript since 6.1. I got the impression from JavaPosse#214 that this has seen further work in 6.5.
I don't Netbeans myself (my primary tools are Emacs and Eclipse), but It might be worth a look for you.
SciTE FTW!!! Doesn't even need an installation! A portable single exe.