Another 20 Docs and Guides for Front-End Developers

Originally published at: http://www.sitepoint.com/another-20-docs-guides-front-end-developers/

We’re well into 2015 and I’m sure you’re feeling one of two ways right about now:

  1. Really overwhelmed at how much there is to learn in this industry, or

  2. Hungry for more and can’t wait for some new ideas for what to learn next.

Okay, I suppose it might be a combination of the two – the first coming out of our personal feelings and the second out of sheer necessity.

So to help you out, I’ve compiled another list of useful documentation, info-sites, and guides related to various areas of front-end development.

1. I want to use

Based on data and features listed on Can I use, this app gives you the ability to select a number of front-end development features and get a percentage readout of the number of users worldwide that will see the features you choose.

I want to use

2. Regulex

A client-side, regular expression visualizer with a precise error indicator, should you have a syntax error in your expression. Also offers an option to embed the output anywhere, using an iframe.

Regulex

3. Mastering the :nth-child

A one-page website to help you grasp how to use the various useful but often complex nth-child based selector combinations.

Mastering the :nth-child

4. HTML5 Video Events and API

“This page demonstrates the new HTML5 video element, its media API, and the media events. Play, pause, and seek in the entire video, change the volume, mute, change the playback rate (including going into negative values). See the effect on the video and on the underlying events and properties.”

HTML5 Video Events and API

5. Excess XSS

This is probably a topic that all developers should be familiar with, and this might be a great place to start. It’s a comprehensive tutorial on cross-site scripting, a description of potential types attacks, along with solutions for preventing them.

Excess XSS

Continue reading this article on SitePoint
3 Likes

How about some accessibility, UI and UX stuff?

http://webaim.org/intro/

http://www.uie.com/

1 Like

Yep, I think a UX guides list could be its own post. I almost included this one:

https://userium.com/welcome/checklist

A really nice checklist for UI/UX stuff. But I wanted to stay focused mostly on front-end code-related stuff.

Great list Louis, some of those are extremely useful. Perhaps throw this in a future article, or on your tools website you run: The Best CSS Reference website you might want to bookmark - #3 by mikey_w

Yes, for sure! Great reference. TBH, I’m not sure why I didn’t include that. I was on vacation when it came out but I think I have it bookmarked somewhere. It wasn’t in my primary list, I think it’s in a cloud document that I use to move stuff over to another doc. Anyhow, it will definitely be in a future post either here or on Web Tools Weekly.

2 Likes

Sitepoint already passed a link to that site about a month ago in their versioning newsletter (and on which I commented) :smile:

It is a great reference.:slight_smile:

2 Likes

Ah ok - I found the reference via CSS-weekly.com (think that’s the site) which is a great resource on keeping up with upcomings in CSS.

Yes there’s so much going on lately it’s hard to keep up :wink:

I still find myself using HTML5 Please a lot. A really handy resource.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.