As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
I would like to learn moders XHTML and CSS programming. Does someone has any good book suggestions where to start? I would like to have a book where I can learn those languages completely or as much as possible and I can use them if I get trouble on my web-programming projects. And of course I would like that my sites passes web-standards and validators and teaches what are different DTD's.
Don't waste your money on a book, there are so many good websites that do this:
HTML Dog
W3Schools
HTML.net
All of these websites are free and will help you begin learning web development.
I suggest CSS: The Definitive Guide if you want to really understand how CSS works. There's some how-to, but more information on what the rules mean and how things work.
This is how I learned CSS, and it makes a great reference. From there you can understand more of the clever tricks you find online.
I have only ever needed Dynamic HTML: The Definitive Reference. Having a first edition from 1998 means everything it contains is supported almost eniterly in modern browsers. The 2nd edition is still pretty old from 2002 though so that's probably similar.
I also make good use of Peter-Paul Koch's excellent site quirksmode.org which covers browser compatability about as well as I could imagine anyone doing.
Head First HTML with CSS & xHTML would be a good starter book. I have not read it specifically, but have read others in the Head First series and think they're excellent.
They are specifically for beginners, and use a lot of innovative techniques for helping you understand and remember what you're learning.
Css Mastery - is the best CSS book I have read. If you think you know a lot about CSS, this book will open eyes!
I would second the recommendation of Head First HTML with CSS & xHTML.
Other good "starter" books would be:
Designing with Web Standards
Bulletproof Web Design
The Zen of CSS Design
All of the above are very readable and focused on the practical.
I learned from the CSS Zen Garden and the associated book, The Zen of CSS Design. I'm not sure that's the best way since the books are more about the design aspects of css, but it worked for me.
Related
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
Does anyone know a good place to learn css? When I say css I do not mean how rules are matched . The w3school tutorials do a good job showing how changing certain properties effect a single element, but it doesn't show you how to bring all these skills together to build something bigger. Thanks
There is some genious technology called "learning by doing". I would really recommend you to do this ;-)
Think of something somebody could need and build a website. There are plenty of websites which provide you with material:
http://www.cssbasics.com/
http://blog.jm3.net/2007/03/16/the-only-ten-things-to-know-about-css/
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
AND last but not least NEVER ever refer to w3school.com because of http://w3fools.com/
I'd first like to point out that w3schools, although a good place to start, should ultimately be abandoned once you feel the need to explore further.
A great resource for CSS is MDN's (Mozilla Developer Network) here.
There is also a list of separate tutorials here.
The best place to learn CSS is Google. Seriously, if you want to build something bigger, you bring little things together and make something bigger out of them. By trial and error as well as researching on Google for some certain features, you can learn CSS and build something bigger.
Andy Clarke has written my two favorite books on CSS and web design at large. I recommend his latest - Hard Boiled Web Design:
http://www.hardboiledwebdesign.com/
I find that Mozilla Developer Network has the best documentation for most web technologies, as seen here
Anyways, here's their CSS tutorial
Best idea is to get some template from web and try to remake it - trying to change sth bigger gives you better overview of whole thing. Than You can try to make sth yourself from scratch.
I think www.codepupil.com plans to offer CSS lessons in the future.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I've been using Paint.NET to create mockups for my web application. They're pretty, and it's not hard to save the constituent graphical elements. However, the process of getting my layout into CSS is completely manual and time-consuming.
I'm aware there are better tools out there for this. Should I be looking at DreamWeaver? I'm not looking for any auto-generated web or data access functionality, and I'm happy to code all the behavior myself. I'm mostly looking for a great-looking layout editor that understands both layered imaging and CSS. (Preferably, one that can map a layered image to HTML and generate initial CSS with the right styling.)
Thanks in advance for any and all insight!
Jeff
A text editor, really.
It's time consuming, yes, but so is doing anything right. I have yet to use any program that builds the design of a website with a level of markup quality that I find even remotely acceptable. Where you may give a div a class of userInfo, most layout programs might give that div a class of style12 or something equally unhelpful. This results in unmaintainable markup, which is especially hard to build into a web application.
So learn how to do it by hand, and then do it by hand.
Axuer can be used to take mockups/prototypes and export as HTML/CSS: http://www.axure.com/
I only ever used it for prototyping.
There are no apps that will make it a css3, they apps that exist will give you a lot of image sprites and css2 and a lot of bugs you have to fix manually :/
So suggest coding it manually or hiring someone who does it(Kinda cheap these days even I would do it if I get paid well enough)
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
Hello fellow designer/developers!
So I have just been updating my HTML5 template and I have been trying to incorporate all the latest tips and tricks but in the end settled on combining HTML5Boilerplate with Grid960.
One big change to the HTML5Boilerplate is the use of Normalizer.css - This is a little weird for me because I am used to seeing the classic resets floating around the net.
Has anyone used the new Boilerplate?
What do you think of it?
What do you think of Normalizer.css!?
I kind of like its simplicity and so far I have not had any issues with using it. My basic mockup seems to work fine in all browsers I have loaded on my laptop.
Anyway I would really like to get some feedback on this just to get a glimpse of what others are doing with it and whether they like it or not.
I guess considering HTML5Boilerplate is so popular Normalizer.css will become the next "classic HTML5 reset" for most of us.
Looking forward to some replies!
Richard
I have tried 2.0 out on a few sites and quite frankly, I never even thought about it. I think that might be the goal - a sensible accross-the-board starting point from which you build your design. For me, the big plus with the HTML5boilerplate is the aggregation of best practices. Depending on client sensitivity, the window opening to download chrome frame for IE6 users might be a little heavy, but I certainly understand and applaud that worthy goal (and I hope the same applies to IE 7 & 8 - see Paul Irish's recent post on our Future IE Hell to Come)
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
This is at the framework level, not dealing directly with CSS, so posting to SO.
I just learned about the existence of CSS frameworks. 960 Grid System seems pretty awesome, then I found Blueprint, which seems to do the same thing and more.
Is there a better word than "framework" to categorize this?
Are there any other products in this category?
In response to one of the comments Link to a site designed using a CSS framework (Blueprint, 960,etc)?, "how many example frameworks do you want? he just listed two of them.", I'd love to have more than two examples, unless those are the only two in the running.
Blueprint,
which is "the original CSS framework"
960 Grid
System, which is a tool to have a
grid underlying your screen.
YUI
2: Grids, similar to 960? The rest of YUI is more similar to JQuery?
YAML: Yet Another Multicolumn Layout, is what it says on the tin. Has the most SO results.
Elements, which also focuses somewhat on your work process.
Tripoli.
A CSS Framework.
Here are a few more for your list
http://elements.projectdesigns.org/
http://devkick.com/lab/tripoli/
http://www.contentwithstyle.co.uk/content/a-css-framework
Look at Elastic CSS Framework. Its main feature is that you are not enforced to have exactly N columns.
I think the word "framework" is okay to use here because it denotes a collection of useful, reusable components that abstract away the repetitious and error-prone aspects of a project and allow you, the developer, to focus on the task at hand.
Traditionally a framework is an programming API (which these CSS frameworks are not) so you could be pedantic and say that these CSS foundations are not frameworks.
Seems like "framework" in this case is more like a "scaffold" used in construction, and less like an actual programming MVC setup.
There are also:
The Golden Grid
Emastic - CSS Framework
Malo - CSS Framework
Fluid Grid System - http://fluid.newgoldleaf.com/
Main benefit is that it can contain nested containers.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
Ok,
i've read most relevant questions asked here previously on this but I still don't see a clear "best in class" suggestion for WYSIWYG editors for ASP.net
I've used fckeditor up to now (found it ok but many problems with config/permissions on folder etc.).
I'm looking for something that has a lot of flexibility/config options and can integrate nicely with the sites css.
Also i'd like something that minimises config requirements when moving from server to server etc.
Any good suggestions are much appreciated.
Ed
Almost didn't open the question because I thought it would have been mentioned already, but FCKEditor is a great freely available WYSIWYG editor with a good team behind it.
TinyMCE - besides beeing configurable and extendable, it's quite nice to integrate with asp.net (or any other web framework) since it's just javascript over a textarea
I stopped using the freetextbox control because I don't like the code that comes with it. I found Cute Editor for ASP.NET to be the best solution.
Demo:
http://cutesoft.net/example/general.aspx
we use the Telerik Radeditor, and it performs great. Microsoft also uses it on their MSDN website. It's not free, but worth the investment.
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
Try Free Text Box Free Text Box as well. A lot less hassle than fckeditor i've found
Not sure what budget you're working with, but it might be worth taking a look at Dreamweaver CS3+. It has support for ASP.NET and its WYSIWYG is quite good.