Peter-Paul Koch writes about browser compatibility, mobile browsers, and web standards, and runs the QuirksMode cross-browser reference site.
HN commenters recommend QuirksMode as a great resource for cross-browser issues and mention PPK when discussing JavaScript and web development learning.
I really admire Resig, and this post contains a few gems:
1. Knew about PPK[0], didn't know about JZ[1]
2. Feature detection came about from writing this book! Which generalizes too: writing is a great way to innovate (something pg has said, too).
3. A nice little jab at GRRM, who thoroughly deserves it.
4. An exciting glimpse into the future of computer science pedagogy by way of JavaScript in the browser. (And I can't help but wonder if this is an oblique response to the recent Alan Kay Dr. Dobbs interview, where Kay asserts, "The Web, in comparison, is a joke. The Web was done by amateurs."[2])
5. Points out that even the best of us can get stuck in a procrastination loop.
6. Resig is going to finish a JavaScript book [3]
[0] http://www.quirksmode.org/
[1] http://perfectionkills.com/
[2] http://www.drdobbs.com/architecture-and-design/interview-with-alan-kay/240003442?pgno=1
[3] http://jsninja.com/
For introduction to HTML, CSS, JavaScript, HTML DOM, I recommend you visiting the site http://www.w3schools.com/ .
Respectively, you might want to read: Learn HTML, Learn CSS, Learn JavaScript and Learn HTML DOM.
For reference, when I want to remember or search for some specific tag, I'm used to go to http://htmlhelp.com/reference/html40/ .
And I highly recommend you, when you're a little advanced in your learning, to periodically access Web Devout: http://www.webdevout.net/ . There you can find tables containing browser compatibility elements for HTML, CSS, JavaScript, DOM, articles, really interesting stuff.
Another awesome website I'm used to access, mostly for JavaScript clarifications and techniques: http://www.quirksmode.org/
I think these resources are 95% what I use when I need to figure out something regarding HTML/CSS/JavaScript/DOM and browsers compatibility.
> https://www.google.com/search?q=safari+is+the+new+ie
Which is of course bullshit
--- start quote ---
The allegation that Safari is holding back web development by its lack of support for key features is not new, but it’s not true, either. Back fifteen years ago IE held back the web because web developers had to cater to its outdated technology stack. “Best viewed with IE” and all that. But do you ever see a “Best viewed with Safari” notice? No, you don’t. Another browser takes that special place in web developers’ hearts and minds.
...even though Chrome is not the standard, it’s treated as such by many web developers.
https://www.quirksmode.org/blog/archives/2021/08/breaking_the_we.html
--- end quote ---
> A Brief Look at Grid-Based Layouts in Web Design
Yes, most certainly "brief". Somehow the author managed to write the entire article without once showing an example of the HTML/CSS markup one would use to create a grid. Here's a bit more depth:
http://designshack.net/articles/css/rolling-your-own-grid-layouts-on-the-fly-without-a-framework/
It turns out that Microsoft has created their own vendor-specific version of grid CSS, all elements of which are prefixed with -ms- (as in -ms-grid). But I recommend that people avoid the vendor variations on the grid system, and I'm not the only one making this recommendation:
http://www.quirksmode.org/blog/archives/2010/03/css_vendor_pref.html
I would be really wary of reading through the w3schools JavaScript guides first. You'll learn programming basics (which, as an experienced developer, you won't need), but not much about what makes JavaScript so interesting. And many of the coding practices you'll see at w3schools are painfully outdated and/or just bad practices.
Basically, if you're reading a JavaScript guide and it mentions document.write(), run away.
The MDC guides are much, much better. And Crockford's book is best.
There are also fantastic explanations of the Event model at PPK's Quirksmode site. Start here and read through all of his Event articles:
http://quirksmode.org/js/events_early.html
I think the desire for this kind of project is very reasonably based, and it looks like you have done great work on most of the implementation. I have one gripe with it, though.
It would be nice if the documentation mentioned that garlic.js requires an HTML5 browser with localStorage implemented. Remember, there are people who are still using Internet Explorer 6 and 7, and these browsers are incompatible [1]. This is a minor details considering browser marketshare, but a fallback using cookies would be a nice-to-have feature.
Besides that, awesome work!
[1] http://www.quirksmode.org/dom/html5.html#t00