Home > Web Designer Wall > 20+ Docs and Guides for Front-end Developers

20+ Docs and Guides for Front-end Developers

Scratching your <head>? Download our Free HTML5 <head> Cheat Sheet!

It’s that time again to get learning! As before, I’ve collected a number of different learning resources, including guides, docs, and other useful websites to help you get up to speed in different areas of front-end development.

So please enjoy the eleventh installment of our Docs and Guides series and don’t forget to let me know in the comments of any others that I haven’t yet included.

1. HTML Canvas Cheatsheet

An HTML Canvas syntax cheatsheet, available in regular web format or as a downloadable PDF or PNG. This cheatsheet has a good overview starting with the basics (shapes, text, colors, etc.) and moving on to more advanced features (images, transformations, animations).

HTML Canvas Cheatsheet

2. ARIA Landmarks Example

An extensive W3C guide providing details for authoring accessible pages using ARIA Landmarks and headings. In addition to the info in the various pages (which cover everything from banner roles regions), the pages have interactive buttons at the top of the page that allow you to view the landmarks and headings visually, which is useful for identifying the organization and structure of a web page.

ARIA Landmarks Example

3. Clean Code JavaScript

Developer Ryan McDermott has put together a comprehensive repository of software engineering principles, from Robert C. Martin’s book Clean Code, adapted for JavaScript. It’s a guide to producing readable, reusable, and refactorable software in JavaScript.

Clean Code JavaScript

4. Know it all

Not so much a guide in itself, but a tool to help you decide which guides, tutorials, etc., to look for. It’s basically a web app in the style of a to-do list that lets you indicate which web platform and Node.js technologies you know or don’t know. The list starts off very broadly and lets you drill down to more specific features under each category.

Know it all

5. Mostly Adequate Guide to Functional Programming

It seems like every week there’s a new resource on functional programming, but this one looks like a good option for experienced programmers and those not yet familiar with functional programming concepts. Written for JavaScript developers, this seems to be a work in progress. The first nine chapters are done and I think that’s plenty for anyone just getting started with this subject.

Mostly Adequate Guide to Functional Programming

6. Fetch Living Standard on WHATWG

In case you haven’t noticed, the Fetch standard, which is a modern replacement for XMLHttpRequest, now has pretty strong browser support. If you’re looking into making the transition from older techniques to this new API, the official spec might be a decent place to start.

Read Full Article

The WebRecital is a dedicated User Interface/User Experience professionals who come together to provide design and research workshops, portfolio reviews, and educational outreach to the greater Seattle area.

58 thoughts on “20+ Docs and Guides for Front-end Developers

  1. It’s the best ime tto make some plans ffor tthe fuure andd itt iss time to
    bee happy. I’ve rrad this postt annd iif I coulld I wish to suggest you few innteresting things oor advice.
    Mayb youu ccan write ext artiles refcerring tto thjs article.

    I wat to reawd mkre tjings abgout it! Does yoiur bloog have a contact page?

    I’m havung a tough tie locating itt but, I’d like tto sshoot youu
    ann e-mail. I’ve gott some reconmendations forr yohr blog yyou
    might bee interested iin hearing. Either way, great blog annd I look foreward tto seeing itt exppand over time.
    It iss perfecct tike tto maqke soome lans forr the future and itt is time to bbe happy.
    I’ve read this pkst aand iff I culd I wish tto sugest yyou few interesting thins oor advice.
    Pefhaps youu ould wriote nwxt articles referring
    tto thios article. I wiksh tto read moe thins aboutt it!

  2. Hi there! I could have sworn I’ve been to this website before but after
    browsing through some of the post I realized it’s new to me.

    Anyhow, I’m definitely happy I found it and I’ll be bookmarking and checking back frequently!

  3. Great post. I used to be checking constantly this blog and I am inspired!
    Extremely helpful info specially the last section :
    ) I care for such information much. I used to be looking
    for this particular information for a very lengthy time.
    Thank you and good luck.

  4. It’s actually a great and useful piece of info. I’m glad that you just
    shared this helpful information with us. Please keep us up to date like this.

    Thank you for sharing.

  5. I am now not positive the place you’re getting
    your info, however great topic. I must spend some time finding
    out more or understanding more. Thanks for
    fantastic info I used to be on the lookout for this
    information for my mission.

  6. Hello there! This is my 1st comment here so I just
    wanted to give a quick shout out and tell you I really enjoy reading your blog posts.
    Can you recommend any other blogs/websites/forums that deal
    with the same subjects? Thanks a lot!

  7. I do consider all of the ideas you’ve introduced for your post.
    They are very convincing and can certainly work.

    Still, the posts are too brief for novices.
    May you please extend them a little from subsequent
    time? Thank you for the post.

  8. Have you ever thought about adding a little bit more than just
    your articles? I mean, what you say is valuable and all. Nevertheless think of if you added some great pictures or video clips to give your posts more,
    “pop”! Your content is excellent but with pics and videos, this website could definitely be one of the very best in its field.
    Excellent blog!wholesale ncaa jerseys China

  9. Hey excellent blog! Does running a blog similar to this reqauire a massive amount work?
    I have virtually no knowledge of computer programming but I had been hoping to
    start my own blog soon. Anyways, if you have any ideas
    or tips for new blog osners please share. I understand this is ooff subject however I
    simply wanted too ask. Thanks a lot!

  10. Woah! I’m really enjoying tthe template/theme of this website.
    It’s simple, yet effective. A lot of times it’s tough to get that “perfect balance” between user friendliness and vixual appeal.
    I must say you’ve done a great job with this. In addition, the blog loads super fast
    for me on Firefox. Excellent Blog!

  11. Instructor attending school was really these types
    of throughout the day that’s about %BT%. That he or she didn’t prevent the following day identical.
    Will often smb impart anyone and with computer

  12. Magnificent goods from you, man. I have understand your stuff previous to and you are just too wonderful.
    I really like what you have acquired here, certainly like what you are stating and
    the way in which you say it. You make it entertaining and you still take care of to keep it smart.

    I can not wait to read much more from you. This is really a wonderful site.

  13. I don’t think I’ve scanned anything like this before.
    So great to find somebody with some original thoughts on this subject.
    great one for starting this up. This site is something that’s needed on the web,
    someone witha bit of originality. Good job for bringing something new online!

  14. Hello! I have to admit, I’m amazed with your website.
    I had no trouble navigating through all the information. I discovered what I
    needed in no time at all. Pretty awesome. Would appreciate
    it in case you add forums or something, it would be a great means for your
    clients and some other visitors to have interaction. Well done.

  15. Hi! I could have sworn I’ve been to this website before but after reading through
    some of the post I realized it’s new to me. Nonetheless, I’m definitely
    delighted I found it and I’ll be bookmarking and checking back frequently!

  16. My spouse and I stumbled over here from a different web address and thought I should check things out.
    I like what I see so now i’m following you. Look forward to going over your web
    page yet again.

  17. Hi there! This is kind of off topic but I need some guidance
    from an established blog. Is it very difficult to set up your own blog?
    I’m not very techincal but I can figure things out pretty quick.
    I’m thinking about making my own but I’m not sure where to begin. Do you have any ideas or suggestions?

  18. We’re a group of volunteers and opening a new scheme
    in our community. Your website offered us with
    valuable information to work on. You’ve done an impressive job and our
    whole community will be thankful to you.

Leave a Reply

Your email address will not be published. Required fields are marked *