Navigation

Articles by Sara Vieira

We have capabilities in our browsers that we wouldn’t have dreamt of 5 or 10 years ago. Entire 3D game worlds can run in the browser and interactive websites can be more immersive experiences. With a certain virtual reality company being purchased...
In the last few months, the buzz around SVG images has grown and grown. SVG has been around for years, but it’s only recently that it’s started to look like a real contender. The hype around SVG isn’t just some hipster trend, SVG completely...
jQuery is used on thousands upon thousands of web pages. It’s one of the most common libraries to insert into pages, and it makes DOM manipulation a snap. Of course, part of jQuery’s popularity is its simplicity. It seems we can do almost...
A primary goal of all developers is faster development, especially rapid bootstrapping. There are dozens of frameworks made available in the last couple of years that aim to have our prototypes up in minutes. Unfortunately many of those frameworks...
A lot of designers use some sort of CSS pre-processor, whether that be Sass, LESS or Stylus. If you've used any of these, you're probably also aware that Compass is a framework built on Sass, and although its installation may be off-putting,...
Charts are far better for displaying data visually than tables and have the added benefit that no one is ever going to press-gang them into use as a layout tool. They're easier to look at and convey data quickly, but they're not always easy to create....
Building complex, flexible layouts has never been easy, but CSS3 has certainly taken away a lot of the headaches. CSS3 features like Flexbox and Columns have made some complex layouts a real possibility and now they're being joined by one of...
When it comes to styling webpages, nothing's as tricky as forms. And when it comes to styling forms — almost — nothing's as tricky as the <select> input. We can style a <select> with CSS, but there are big limitations on how much...
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,...