Earlier quoted context omitted.
Last time I checked, gmail was still using tables for layout.
I would say that ignoring implementation dogma and going for the best solution to a problem definitely falls under advanced development. It's certainly not something you see coming from developers with a few flavor of the month tutorials and maybe a site build or two under their belt.
An Advanced Guide to HTML and CSS
51–60 of 105 posts
Re: An Advanced Guide to HTML and CSS
#52Earlier quoted context omitted.
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 for…
Remember the first BaseCamp? Given designs, I reckon I could build the front-end for that. However given designs for GrooveShark, icloud.com or the new spotify web-app - I wouldn't know where to begin.
I've tinkered with responsive designs, Backbone, LESS, grid layouts and such (by the way, I will check out Compass, it looks interesting) - yet still I feel like I lack the knowledge to build more advanced apps.
Re: An Advanced Guide to HTML and CSS
#53You lost me at the fade in.
Shouldn't be so snobby. There's cool stuff inside!
As it stands, the primary content page has no visual hierarchy. Everything is the same size and loads at approximately the same exact time. On refresh, sometimes everything under ul.breakout flashes first before hiding again. The border-radius on the images is also giving them some awful-looking jagged edges which appear to be coming from the filter property.
I haven't taken an extensive look at the current unlocked lessons, but as someone with extensive CSS experience, these little things are what makes me hesitant about the rest of the information contained therein. Additionally, as others have pointed out, the palette is bland if not going to be hard for a lot of people to see, so I don't think a little skepticism is snobby.
Re: An Advanced Guide to HTML and CSS
#54Re: An Advanced Guide to HTML and CSS
#55Does 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?
There's a big difference from creating a simple/moderate website vs an application that has many facets but same styles. It's a tough chore to get everything right but I'm excited to do it.
Re: An Advanced Guide to HTML and CSS
#56Re: An Advanced Guide to HTML and CSS
#57Earlier quoted context omitted.
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 for…
I think the best way to describe the difference between a 'regular' website and the advanced layouts I talk about is that an 'advanced layout' often looks similar to a desktop application. Remember the first BaseCamp? Given designs, I reckon I could build the front-end for that. However given designs for GrooveShark, icloud.com or the new spotify web-app - I wouldn't know where to begin. I've tinkered with responsive…
I'm unsure if for the type of apps we're talking about it's just the way they handle the loading of their site or if it's the framework it is based upon, but he forwarded me to Meteor (http://meteor.com/) and told me that that was probably what I was looking for.
If someone could chime in on this - and sorry for being so obtuse - I'd be super grateful.
Re: An Advanced Guide to HTML and CSS
#58Earlier quoted context omitted.
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 for…
I think the best way to describe the difference between a 'regular' website and the advanced layouts I talk about is that an 'advanced layout' often looks similar to a desktop application. Remember the first BaseCamp? Given designs, I reckon I could build the front-end for that. However given designs for GrooveShark, icloud.com or the new spotify web-app - I wouldn't know where to begin. I've tinkered with responsive…
Re: An Advanced Guide to HTML and CSS
#59Earlier quoted context omitted.
I'm pretty sure they're just markers telling you what the code is an example of, so they get out of your way when you hover over the code.
You're correct, thanks for the answer here. Feedback has been hot and cool on them, still trying to decide if they are worth it or not.