Updated on May 21, 2015 in Learn
Getting Started with Bower
There are now more libraries and frameworks available for front-end development than ever before. It’s not uncommon to have five or more of these libraries involved in a single project. But keeping track of all these libraries and making sure…
Updated on May 21, 2015 in Learn
Creating Immersive Experiences with the FullScreen API
Having the ability to take elements, or even entire pages fullscreen allows developers to create fully immersive experiences for the user. You can remove the distractions from other apps and help the user to focus on the task at hand….
Updated on May 21, 2015 in Learn
Building Multi-Touch Web Applications
With mobile web browsing now accounting for 15% of all global internet traffic building web applications targeted at mobile has become more important than ever. Building for mobile is very different to creating web applications targeted at the desktop environment….
Updated on September 11, 2023 in Learn
Timing JavaScript Code with High Resolution Timestamps
As the browser has evolved the possibilities of what can be achieved on the web have greatly increased. Technologies like Flash have given way to newcomers like Canvas and WebGL. But as we create more complex applications for the web…
Updated on May 21, 2015 in Learn
Using Emmet to Speed Up Front-End Web Development
Emmet is a plugin for your text editor that provides a number of tools to help you quickly write HTML and CSS code. The plugin, which was previously known as Zen Coding, allows you to generate HTML elements using a…
Updated on July 14, 2015 in Learn
Challenges & Solutions for Your Responsive Navigation
One of the biggest hurdles when creating a responsive website is implementing the navigation – hands down. Not just from a design standpoint, but from a content and development standpoint as well. Debatably the most important element on the page,…
Updated on August 4, 2022 in Learn
An Introduction to Source Maps
One of the easiest performance wins you can gain for your website is to combine and compress your JavaScript and CSS files. But what happens when you need to debug the code within those compressed files? It can be a…
Updated on May 21, 2015 in Learn
Improving Code Quality with JSHint
JSHint is a tool that can help you to write more reliable and consistent JavaScript code. The tool works by checking your code for a number of common errors. If you’ve ever spent half an hour trying to debug your…
Updated on July 14, 2015 in Learn
Intentional Breakpoints with CSS Transitions
Responsive Web Design is more than just a few lines of code in your HTML & CSS. It’s an approach to building websites that requires us to think about the entire user experience. This means accepting that the user won’t…
Updated on July 14, 2015 in Learn
Getting Started with Stylus
Within the web development community, we hear a lot about two popular CSS preprocessor: Sass and LESS. You don’t often, however, hear about the third big preprocessor: Stylus. When it came to redesigning the Mozilla Developer Network, I chose Stylus…
Updated on May 21, 2015 in Learn
Solutions for Well-Designed Comments & Discussion Areas
Not every website requires a type of user discussion. Handling comments on a popular site becomes a chore when sifting through spam and cleaning up garbage. Yet it also provides a way for readers to communicate their thoughts on a…
Updated on May 21, 2015 in Learn
Efficient Animations with requestAnimationFrame
If you are using animations in your web apps you’ll want to make sure that they run smoothly. The easiest way of doing this is to use requestAnimationFrame (sometimes referred to as rAF), a method that makes creating smooth animations…