Navigation

Articles by Sara Vieira

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...
HTML5 came with all new APIs, new input types and attributes for forms. As is often the case, those major additions often obscure the minor upgrades and I think that this is particularly true of the download attribute. As you know, there are some...
Recently, there's been a lot of talk about markdown as an alternate way to format text. I decided to do a little research and see what all the talk was about and I was actually quite glad of what I found; markdown is simple markup language that makes...
If you plan to use CSS on a regular basis you need to develop an understanding of what specificity is and how it is applied. Other than floats and positions, specificity may be one of the hardest things to get used to, let alone master. The selectors...
With increasing diversity in monitor sizes, it's not practical to design single blocks of text that take up the entire width of the screen. The traditional solution is to split text into columns manually, which is very time intensive; or to...