Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

An Advanced Guide to HTML and CSS

learn.shayhowe.com

Post reply on HN
Print view View original

31–40 of 105 posts

Re: An Advanced Guide to HTML and CSS

#33

Post by shawnz »

alan_cx wrote: post #29

I just want to praise you for it NOT looking like that awful look Win 8 is now designed in. That style must have a name but I dont want to dirty my mind by knowing it. ;) Grumpy old git moans aside, what I really want to say is that layouts like this are so, so easy to come up with on paper, as it were. Lets face it, there is nothing new there at all. But making something so basic look so elegant is the real art. Yea…

> what I really want to say is that layouts like this are so, so easy to come up with on paper, as it were. Lets face it, there is nothing new there at all. But making something so basic look so elegant is the real art.

Which was exactly Microsoft's rationale for Metro.

Whether or not they achieved that goal, though, is another matter.

Re: An Advanced Guide to HTML and CSS

#34

Post by adamauckland »

kaolinite wrote: post #27
bzalasky wrote: post #22

Earlier quoted context omitted.

Learn a front-end MVC framework. JavaScript plays a huge roll in creating applications like Gmail or Grooveshark. Addy Osmani's blog is probably as good a jumping off point as any ( http://addyosmani.com/blog/ ).

Sure, I've worked with Backbone and advanced JS - this isn't the problem. What I'm talking about is the rich, fluid layouts that these sites have and which distinguishes them from a 'regular' website. Edit: changed Bootstrap to Backbone - always get those two mixed up.

Not really sure what you mean by 'regular' website, it sounds like you're talking about a variety of different things.

Google the following:

Responsive Design, Object Oriented CSS, SASS, Compass, Susy Grids. Any help? I don't think you're going to get tutorials on how to create something like Gmail because AFAIK it's JavaScript generated from JAVA.

Nicole Sullivan writes a lot about this sort of thing.

EDIT fixed formatting

Re: An Advanced Guide to HTML and CSS

#35

Post by pault »

kaolinite wrote: post #19

Does anyone know of any guides or books for really advanced HTML/CSS? I find a lot of these guides target regular websites, which I have experience with, whereas I'd love to know how to create much more advanced layouts (e.g. Gmail, Grooveshark). Does anyone know where I can find information on that kind of stuff?

Last time I checked, gmail was still using tables for layout.

Re: An Advanced Guide to HTML and CSS

#39

Post by mediumdeviation »

alan_cx wrote: post #29

I just want to praise you for it NOT looking like that awful look Win 8 is now designed in. That style must have a name but I dont want to dirty my mind by knowing it. ;) Grumpy old git moans aside, what I really want to say is that layouts like this are so, so easy to come up with on paper, as it were. Lets face it, there is nothing new there at all. But making something so basic look so elegant is the real art. Yea…

The style is commonly referred to as "metro", inspired by the design of metro signs. The idea is to reject skeuomorphism, and use large, clean typography to deliver something that is 'digitally native'. You could think of it as a direct rejection of Apple's adoption of decorative skeuomorphic designs that bring things into the digital space which really don't belong here.

It's not exactly a bad idea, though it is possible to take things a little too far. Certainty if you observe the trends in web designs recently sites appear to be "flatter", less cluttered and more focused, without the Apple inspired "Web 2.0" glossiness that has taken over from circa 2006 onwards

Post reply on HN