Thank you!!
An Advanced Guide to HTML and CSS
71–80 of 105 posts
Re: An Advanced Guide to HTML and CSS
#72Does 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?
I think I get what you're asking here. I work for a startup as the sole front-end guy and we have a mess of SASS/JS. It was never really rebased since the beginnings and definitely wasn't structured for performance, reusability, or neatness. I'm going to be reorganizing it soon and I'm reading up on things like this, object oriented CSS, and SASS best practices. There's a big difference from creating a simple/moderat…
I inherited a similar beast at my last startup. The company ended up going under before I could fully untangle the mess, but when I was researching, I found little out there to give me good advice. All of our HTML, CSS, and JS needed to be addressed and we were on a 2-week release cycle, so I found breaking this debt work into release-size chunks to be a real challenge and still am without a real solution for.
I'd be interested in hearing your approaches to your current project and would definitely be willing to give whatever advice I can based on what I found through trial and error.
Re: An Advanced Guide to HTML and CSS
#73The content seems just great - even in a current work-in-progress state it reads like a solid, proper, well structured and thought out book and not just like a typical set of more or less random posts on HTML/CSS. The presentation wakes a grumpy rebel[1] in me, though =)
Also, I think that having the ability to play with some code and see results right there on the site (e.g., tweak all the included numerous demos) would bring even more awesomeness to the project.
Edit: formatting. (Thanks, saraid216, you are right.)
Re: An Advanced Guide to HTML and CSS
#74In all honesty this should be called a beginner or intermediate guide, no?
When I saw it I was thinking an advanced guide would cover some of the details found here: http://www.html5rocks.com which I find somewhat hard to digest (especially all new semantics).
In no way do I mean to be negative towards what you have done, it looks awesome, I just expected something else.
Re: An Advanced Guide to HTML and CSS
#75You lost me at the fade in.
Shouldn't be so snobby. There's cool stuff inside!
Their first lesson is "performance and optimization". A page-delaying animation raises question-marks. The stuttering of my mouse as I pass over elements in the list (due to the slow fade-to-colorized animation) raises more.
The rest of the site looks pretty good, but why do all that on the one page where you're trying to sell your highly-tuned-techniques lessons?
Re: An Advanced Guide to HTML and CSS
#76> One functionality of CSS often abused without awareness are selectors [...] How elements are selected within CSS affects performance, including how fast a page renders
This assertion used to be thrown around as one of the supporting arguments for using OOCSS, but I'm sure I later read that it was largely debunked; the performance implications were negligible and so it was just making CSS less legible/maintainable for no real reward. Has that changed? Have you any recent benchmarks to share?
Re: An Advanced Guide to HTML and CSS
#77I love these guides. Even as an experienced front-end web developer, I always learn something new and insightful as well as design patterns I can improve on. Bookmarked.
Thank you for your contribution.
Re: An Advanced Guide to HTML and CSS
#78[deleted]
Re: An Advanced Guide to HTML and CSS
#79Just going to throw this out there: http://www.betterfrontend.com - been working on this. It's open source.
Re: An Advanced Guide to HTML and CSS
#80The content seems just great - even in a current work-in-progress state it reads like a solid, proper, well structured and thought out book and not just like a typical set of more or less random posts on HTML/CSS. The presentation wakes a grumpy rebel[1] in me, though =) Also, I think that having the ability to play with some code and see results right there on the site (e.g., tweak all the included numerous demos) w…
The caret is not the greatest choice for footnote annotation, btw. I'd suggest [1] or something. :P