Roundups & Resources

These posts consist of collections of links, docs, guides, tools, toolkits, libraries, GitHub repos, etc. that are of interest to front-end developers.

DOM Features You Didn’t Know Existed (Video & Slides)

on | 3 Comments

DOM Features You Didn't Know ExistedIf you subscribe to my newsletter then you’re probably aware that in the past couple of years I’ve done a lot of research and writing on DOM-related stuff. I don’t consider myself a JavaScript expert; pretty far from it, actually. But I like the DOM. I think it’s easy to use, and it’s in greater shape today than it was five or so years ago when jQuery was pretty much the only choice for cross-browser DOM manipulation.

As a result of all this recent work (some of which I collected together in a JavaScript/DOM e-book), I was able to put together a presentation that I had the privilege of delivering at two different conferences: CSS Dev Conf 2015 in Long Beach, California in October, and FITC Toronto 2016 on April 18.

The presentation at CSS Dev Conf wasn’t recorded, but the FITC version was (without the Octopus, though!). So below you’ll find the video of my talk, the slides, and links to all the resources and features that I discuss in the presentation. I’ve also included JS Bin demo links for most of the features. Enjoy!

My Talk and Slides from FITC Toronto 2015

on | 1 Comment

FITC Toronto 2015On Tuesday, April 14, I had the privilege of speaking at FITC Toronto 2015, a technology and creativity conference that features events all around the globe, many of them in Canada. It was my second talk ever, and it seemed to go over pretty well. This was a 4-track conference, so it was nice to see a packed room with standing-room only (or so they told me — as you can see from the video below, those lights blind the speaker to what’s going on in the room!).

My talk was focused on the tools explosion that we’ve seen in the front-end development industry in the past 5 years or so. If you’ve been following my tools newsletter for some time, then you would have seen some, if not most, of the stuff in the talk. But I did go in depth on a few of the tools that I featured, so there should be something new in here for most front-end developers.

A JavaScript & DOM E-Book Offer

A JavaScript & DOM E-Book OfferAs many of you know, I publish a weekly newsletter called Web Tools Weekly that’s now gained a pretty nice subscriber base of over 10,000. In addition to the weekly list of categorized tools, each issue usually starts with a brief tutorial or tip, usually something focused on JavaScript and the DOM.

After 80+ issues, I’ve amassed quite a bit of JavaScript- and DOM-focused content. All of that content is available for free in the Web Tools Weekly archives. However, for those who would like to read the tips on a tablet or mobile device, I thought it would be useful to put it together in book form in PDF, EPUB, and MOBI formats. So I’ve just released JavaScript & DOM Tips, Tricks, and Techniques, a collection of 70 tips (125+ pages in PDF), priced at $5.

A Ridiculously Big List of Design Tools and Resources

The Ultimate List of Design Tools and ResourcesLately I’ve been working hard on my weekly newsletter Web Tools Weekly, which focuses on tools for front-end developers.

The newsletter was originally supposed to include design-related tools on occasion, then I changed my mind and kept it mostly developer focused. Unfortunately, this left me with a huge list of useful design, color, and typography related tools that I’ve compiled over the last 6 months or so.

So here is everything I’ve compiled, dumped into one big cheesy post for your artificial browsing pleasure. :)

Looking Forward to Reading: Smashing Book #4

Smashing Book #4The team at Smashing Magazine have come a long way. I’m sure many of us remember how they broke ground, paving the way for so many copycat websites. While they still have a place in their hearts for the occasional “round-up” post, they are now focused on publishing the best web design and development related content in the world.

In my opinion, now that they have branched out into print publishing and have drastically improved their review and screening process for authors and articles, I think they have overtaken the previous industry leaders and are now the #1 web development resource in the world. That’s not taking anything away from publishers like A List Apart, SitePoint, or others; those organizations have their niche, and they will continue to be big. But Smashing Magazine has, in my opinion, surpassed them all.

A CSS Book for Beginners

on | 5 Comments

Jump Start CSS BookThis year I had the pleasure of completing my second book, and the first book that I authored all by myself: Jump Start CSS published by SitePoint.

It’s part of their “Jump Start” series of shorter books that provide an introduction to specific web development and design topics.

SEO for Web Apps (Link Dump)

on | 2 Comments

SEO for Web AppsIn recent months, I’ve come across a number of links discussing the issue of Search Engine Optmization (SEO) for single page apps or similar complex JavaScript-driven web apps.

This certainly should be a key concern for anyone building these types of projects. So below I’ve compiled two categories of links related to this topic.

jQuery Vertical News Slider

on | 35 Comments

jQuery Vertical News SliderThe last thing developers need today is another jQuery and/or CSS3 based content slider or carousel. I think the problems with these types of modules have been well documented.

About a year ago, however, I wrote a step-by-step tutorial for Issue #203 of Web Designer Mag that involved creating a “news content switcher”. I’ve been meaning to revisit, tweak, and release the code for that here and so I finally got around to it.

384 Pages of CSS

on | 14 Comments

CSS E-BooksDue to the prevalence of ad-blockers, ads as a means to support online content is becoming a less effective method with each passing month.

Selling ads on a blog like this one is not easy, and resorting to backfilling missing ad-spots for ugly Google Ads is less than satisfying. I hope I can one day remove all ads from this website and still continue to produce content regularly.

To begin the process of reaching that goal, I’ve put together 3 CSS E-Books in PDF format containing a collection of CSS-based articles that I’ve published here on this website. Below are links to view a description and table of contents for each e-book: