IT Blog, Web Development,

22 Online Resources to Guide Front-End Developers

2 m read
QArea Expert
QArea Expert Marketing Manager
August 1, 2014
Share on
Reading Time: 2 minutes

If you are one of those people working as a front-end developer in a web development company, you are likely to often need guidance of quality resources and documentation to rely on.

The lucky day for you has come and here are a whole of 22 great resources for you.

  1. Can I Use….. This compatibility table instantly shows you what technology matches what browser.
  2. CSS Values. This projects lets users to easily look up any CSS property to quickly view its possible values.
  3. CSS Vocabulary. This little and functional app is a great reminder of every part of CSS syntax ensuring you are never going to forget a name.
  4. DevDocs. The guide combines a great many of API documentations organized in a quick and very searchable way.
  5. Elements of HTML. This comprehensive chart with XHTML and HTML elements indicates the specification of each element. This is quite helpful for research on deprecation of some elements.
  6. ES6features. This is an overview of ECMAScript 6 spec improvements and innovations which are helpful to get to know since some of the features are likely to be implemented in the upcoming JavaScript engines.
  7. Flexbox Cheat Sheet. This is a rich reference of flexbox syntax and a good way to master other useful tricks.
  8. How To CoffeeScript. This cheat sheet helps much in studying CoffeeScript syntax.
  9. HTML 5 JavaScript API Index. This is a very comprehensive and easy to use guide to search information about HTML5 API.
  10. JavaScript Equality Table. The chart aims to help users better understand double or triple-equals JS operators.
  11. jsCode. The service lets you build your own custom JS coding guidelines as well as look up others’ guides and share yours.
  12. Liquidapsive. Its simple but informational layout uses a select box to let you switch across Adaptive, Responsive, Static and Liquid site formats to show how the site’s changing under these types.
  13. Open Web Reference. This is an alphabetical reference of CSS features and properties with specification links for everything.
  14. OverAPI. These are cheat sheets about almost everything you may need. Lots of links to relevant authoritative resources are provided.
  15. Relevant Spec Links. The service gives users a brief summary of the links they need to know to make a better use of the W3C spec.
  16. Sam Hughes’s tutorial. This extensive guide fairly introduces regular expressions.
  17. Static Web Apps. This guide helps you promote such an architecture which will ease some common development problems with static web apps.
  18. Superhero.js. This collection of great articles, presentations and videos will help you maintain large code bases of JavaScript better.
  19. The HTML Landscape. The W3C document describes the significant differences between the 3 main HTML specifications. It’ll be useful for those who can deal with its technically overloaded style.
  20. The Right Way. The guide is about the best JS practices comfortably introduced to both junior and senior employees of web development companies.
  21. Web Accessibility Checklist. You can check off your various project items for accessibility with this useful reference.
  22. Zeal. With this app, you can search over 130 offline API docs.

 

Categories

Recent Posts

  • Refactor or not refactor? Everything there is to know about refactoring

    Read more
  • What is Ambient Proximity? Definetely More Than A Buzzword

    Read more
  • GDPR: why so serious?

    Read more
Yes
Share on
Privacy Preference Center
Your Privacy

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.

Strictly Necessary Cookies Always Active

These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms.

You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.

Cookies used

Google Analytics
Functional Cookies

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.

Cookies used

Test Second Test
Targeting Cookies

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.

More Information

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.