What is the deal with those orange buttons that hover on the right hand side of the code snippets?
They look like they should be interacted with, but when I hover my mouse over them they fade away. That's terribly irritating.
An Advanced Guide to HTML and CSS
21–30 of 105 posts
Re: An Advanced Guide to HTML and CSS
#22Does 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?
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/).
Re: An Advanced Guide to HTML and CSS
#23I thought image files were already in a compressed format and the gains would only be seen for extremely large files (think MB in size.) Is this really needed for mobile first design? Honest question.
Re: An Advanced Guide to HTML and CSS
#24What is the deal with those orange buttons that hover on the right hand side of the code snippets? They look like they should be interacted with, but when I hover my mouse over them they fade away. That's terribly irritating.
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.
Re: An Advanced Guide to HTML and CSS
#25Beautiful implementation.
As stated elsewhere in the thread, it is work in progress, so do not be too harsh of a critic.
Once all the lessons are up and a responsive layout is implemented, I believe this to be a beautiful addition for beginners and advanced programmers.
P.S.: Reminds me a bit of http://www.phptherightway.com - Maybe you can borrow a few of the good ideas from that guide?
Re: An Advanced Guide to HTML and CSS
#26In my opinion, the detailed positioning section should discuss flexbox as well.
Re: An Advanced Guide to HTML and CSS
#27Does 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?
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.
Re: An Advanced Guide to HTML and CSS
#28Earlier 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.
[deleted]
Re: An Advanced Guide to HTML and CSS
#29I 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.
Yeah, there are nitpicks, but I'm sure you'll smooth those out. The bulk or core is bang on.
As a lazy useless git, I wouldn't mind a template of it!!!!
Nice work.
Re: An Advanced Guide to HTML and CSS
#30This is the first time I've read about the image data URI technique. Is this a common practice?
I'd say spriting is a lot more common - http://www.patternify.com/ uses the URI technique, came up on HN today.
I've been using it for a few years for a vCard SVG image (that is probably next to useless).