Articles by Sara Vieira

One of the key concepts in any responsive design is the change of viewport size. That's because mobile viewports vary greatly from desktop viewports. To control the viewport size we traditionally use the viewport meta tag. However, the viewport...
For a long time JavaScript functions have existed that allow us to create drag and drop interfaces, but none of these implementations were native to the browser. In HTML5, we have a native method of creating drag and drop interfaces (with a little...
Every time we use CSS, we use selectors. But despite this, CSS selectors are one of the more neglected parts of the specification. We talk about the big transformations in CSS3 but all too often forget the basics. Good use of selectors makes our...
For years developers have been taking advantage of PHP frameworks like CakePHP, CodeIgniter and even Ruby frameworks based on the MVC pattern. But if you think about it, there haven't been a lot of JavaScript frameworks to help us out in the...
All over the web, sites are springing up, that use what is known as a parallax scroll. In essence, a parallax scroll is when content scrolls at different speeds, creating a sense of perspective and therefore depth. It's an appealing effect,...
Responsive design is everywhere, and whether you're using a framework or writing media queries yourself, some elements on your page are bound to move or scale. If your media queries are based on browser dimensions and the browser is resized,...
A couple of weeks ago the famous Foundation framework released its fourth version. If you have never heard of Foundation we're going to guide you through using this responsive framework. Since version 3 of Foundation was built from the ground...
In version 2.5 WordPress introduced shortcodes, and all of us have probably used them at one time or another. They usually come bundled with plugins, or even themes, and what they do is watch for when you insert something inside square brackets...
In the first part of this article about CoffeeScript, you saw its basic capabilities; but let's be honest, most of the time we use the jQuery library to help us write our JavaScript and what I showed you in the first part was just vanilla JavaScript....
Let's face it, JavaScript hasn't always had the best reputation among developers, and since the foundation of CoffeeScript back in 2009 this little language has taken the world of JavaScript developers by storm; mainly because it overcomes...
Hidden away in the depths of the CSS specification you'll find CSS counters. As the name suggests they allows you to count a thing on your page with CSS incrementing the value every time it appears on the document. This is principally useful if...
Creating an to-do app is usually the first application you learn how to build in JavaScript but the problem with all those apps is that when you reload the page all those to-do’s are gone. There is a simple solution though, and that's to use local...