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 9 years ago.
Improve this question
Is there a better CSS Website design/editor tool to design CSS Websites other than Dreamweaver that could be considered a great tool for a developer?
Thanks
Thanks for your answers.
I am an ASP.NET developer. I need an easy way (GUI-like) to design Websites layouts with pure CSS however I am not planning to master CSS as I cannot allocate time to that.
I haven't used Dreamweaver yet, I am just checking on the relatively easiest and best tool for css layouts.
Appreciate your help.
Regards
If you're serious about front-end development, you shouldn't need anything more than a text editor with syntax highlighting for HTML, CSS and Javascript.
On Windows, Notepad++ does a pretty decent job, another good option is Aptana, especially for Javascript, although it can be a bit heavy weight depending on the job. I've also used Sublime but not in any great depth, and then there's Microsoft Expression Web which is very similar to Dreamweaver (I thought they had a free 'Express' edition but apparently not).
On Mac, as mentioned CSSEdit is worth a look as is TextMate or Coda or Espresso. CSSEdit is squarely aimed at CSS, although to be honest the only feature I really use is sectioning with #group comments (I usually use TextMate for HTML and Javascript along side it).
Or for the hardcore on any platform there's vim. Check out vim casts for some great tutorials.
If you are on Mac use MacRabbit's CSSEdit its the best money i've ever spent :)
Also I would insist upon my stack:
Left-to-Right:
Transmit, Billings, CodeBox, Coda(Just testing), TextMate, CSSEdit, Versions, Git Tower, Kaleidoscope, MAMP Pro, MarsEdit
All are non WYSIWYG.
BlueGriffon has a free version and is very good at CSS3/HTML5
Related
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
I would really like to learn how to use Twitter Bootstrap 3. The problem is that it seems I can't find a good source to learn it from. Any source I've tried so far assumed that you somehow have some knowledge and wasn't explaining what are the available classes for elements, what are the classes they have used are actually doing etc.
I simply want a source it can either be a book/videos or w/e that will start from scratch and if possible, will use HTML5, modernizr and respond.js to make it cross-browser supported and actually give me a start point (base folder just like H5BP) which I can then later on start building my own websites.
Thanks in advance!
The bootstrap docs are really helpful, probably the best resource.
http://getbootstrap.com/getting-started/
http://getbootstrap.com/components
My first recommendation is to learn CSS in depth. Oftentimes, Bootstrap is just not necessary, but developers rely on it because they are too lazy to master CSS fundamentals. You are welcome to check my book series - Functional CSS - which covers almost the entirety of CSS using practical examples.
If you are keen on sticking with Bootstrap, then you can 1) print the source code for their example (Bootstrap examples) and simply re-implement them on your own, typing each block of code one line at a time and observing the effect, and 2) read the Bootstrap source code. The latter is a bit over 6000 lines and should not take long to go through. And, 3) reflecting on what you have learned in 1 and 2, create personal realistic website that uses Bootstrap.
If you are looking for a good source here is one: http://ieatcss.com/twitter-bootstrap-tutorial.html
3 Step by step real time examples are used in Ieatcss bootstrap 3 tutorial. You can easily understand them without any knowledge of the basics.
Don't worry about learning CSS & other messy things. The tutorials in http://ieatcss.com is targeted at complete beginners, you can easily understand them.
Regards,
Hussain.
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 9 years ago.
Improve this question
A codebase includes Twitter Bootstrap, I can achieve a design for a component without using Twitter Bootstrap classes & elements. I can also achieve the design using Twitter Bootstrap classes & elements, overriding styles that are not applicable (but come with the built-in classes from Twitter Bootstrap). Which approach should I favor?
If the project already includes Bootstrap, it would probably be best to stick to the conventions of the project and use Bootstrap. If you have full control of the project you might want to remove Bootstrap, but either way it would be good to keep things consistent throughout.
Ask other coders you work with. If you're going to rewrite in your own way all the stuff that others are using and getting for free from Bootstrap, you will not make anyones life any easier.
This is probably going to result in very subjective answers, but I'll try to answer as well as I can.
I think it depends on the goals for your project, as well as the target design you have in mind.
If your priority is quick and low effort, maybe you want to use Bootstrap. That's where it seems to slot into development - when you don't want to, or can't, spend the time to do a custom job.
If you're hoping to end up with a project that looks like effort has gone into it, avoiding the cookie cutter feel you get from a popular visual framework is probably worth the effort.
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 4 years ago.
Improve this question
I'm diving into CSS and would like to practice coding from PSDs. Any sites where I can grab free designs in PSD format?
Or any other suggestions for practicing?
Take a
screen shot of a website you think
would be challenging, slice and dice
any images needed yourself in
Photoshop and then re-create it via
HTML/CSS. Of course most websites are
under copyright and you could not use
any of their intellectual property
(e.g. images, design, code, etc...)
in any public manner.
Practice/improve
your CSS skills on the CSS Zen
Garden. The site
was created in such as way that
developers can dramatically change
it's presentation purely with CSS.
Look through the designs and see how
that developer accomplished it. After
you are done with your own design you
can submit it to be shared.
See if you can find a sample/demo template from one of the many template retailers on the web. Discard their HTML/CSS and recreate yourself.
You may need some "filler" content to make your design more realistic. You might try a lorem ipsum generator.
I may be not really helpful, but I truly remember myself struggling with no production experience.
And, as I did, the best way to get it, was to give free of charge services of html/css coding.
as long as you're not publishing the designs as your own, copying for the purposes of education is protected as "fair-use".
Copy Copy Copy
Practice re-creating everything. Read through the stylesheets of sites you like, and take notes on what elements are present in them.
Don't limit yourself to just sites like what you are planning on creating, copy completely unrelated pages too. There are many companies that will publish images of designs: copy those too.
When you've crated a clone page, start tweaking styles. Add a border here, tweak some margins there. The more you play with it, the more you'll understand it.
Also: read through the CSS specifications:
CSS1
CSS2
CSS3
And make sure you've got a good grasp of HTML by reading the html specs too.
It can be slow. It may be boring. It will be worth it.
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
I need a light css editor with certain functions. Already downloaded and tried a few apps but still no luck, none of them fit my requirements. Actually, there is one, CssEdit (or TextMate), but unfortunately i'm a windows user...
Already tried:
built-in NetBeans IDE css editor (btw nice editor, the one i'm using now for css)
IntelJ IDE (very good html and css editor, but using the entire ide just for this - that's crazy)
ArduoCss (very buggy in win7 environment)
Notepad
Notepad++ (it rules, but as i said, i need something more functional for css editing)
Style Master ( if i don't find anything else, probably i'll choose this one)
Stylizer ( also might be my choice, but it's black interface kills me, also extremy noob-oriented, i even couldn't find a way to see the source code)
Some of the features i am looking for:
grouping by comments like here
snippets
autocomplete,
if i type for instance f-s, it should recognize and expand it to "font-size" property
color picker
The editor must have at least the first feature that i listed above.
Sorry for my poor english.
This is the closest thing to TextMate on the windows platform that I know of:
http://www.e-texteditor.com/
Check out TopStyle v4 - excellent Windows CSS (and HTML) editor. Great product, well worth its registration price.
Have a look at Zen Coding. It's a plug-in for several diferent editors adding helpful functionality for CSS (and HTML) coding.
http://code.google.com/p/zen-coding/
You can switch Stylizer's black interface to the white interface with CTRL + F10. Also, the Stylizer philosophy is setup differently that you don't need to see the "source code"...it's interface is just a graphical representation of the source code.
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
I am looking for a tool which can edit asp.net pages and supports intellisense. I know several tools like Web Developer Express but I am looking more lightly softwares and of course it must be free because I am not that rich to pay money to a software :) and if it was open source,it'd be more great (:
If you knew any and shared it with me,it'd be great.
Thanks in advance.
Free
Light
Supports Intellisense, Syntax Highlighting and Code Formatting
For Asp.NET
(Optional) Open Source
These are the requirement that I want the software to does have :)
Sorry for wanting so much things.. :)
You could try notepad++ and set it to c#/vb. You won't get auto complete but you will have a light text editor with syntax highlighting. I could be wrong, but I believe the only free tools with everything you want are the VS Express IDEs that MS offers.
MonoDevelop is a IDE for C#/.Net on Linux, but it sounds like it might suit your needs.
Here's the link: http://monodevelop.com/
Here is another list from archive.org:
http://web.archive.org/web/20071217202115/http://www.dotnetcoders.com/web/Articles/ShowArticle.aspx?article=49
You have some very particular requirements. They are not unreasonable but I'm not sure you will find all of those things and FREE. If you have the skills and/or desire, maybe you should consider building the tool you want for yourself.
Intellisense, syntax highlighting, and code formatting, particularly in multi-context files like those used in ASP.NET, are precisely why the available editors aren't terribly lightweight.
If you can give up perfect syntax highlighting and complete Intellisense, I recommend using a general-purpose programmer's editor such as UltraEdit, which is inexpensive and very fast. UE doesn't force you to bundle your source code into "solutions," has powerful search and replace, etc.
But on the flip side, for that extra speed, the highlighting and other fancy features are implemented using pattern recognition, not true behind-the-scenes compilation or interpretation of your code. So it can highlight certain words, recognize comment blocks, etc., but it doesn't have the ability to follow along and provide object-specific Intellisense, etc.