How to use Cute Grids

This is a golden age for frameworks, with dozens for us to choose from. We have great options like Bootstrap and Foundation, but sometimes these frameworks deliver more than we want. Sometimes, all we need is a clean, and responsive grid. Cue: Cute Grids. Why use Cute Grids? The idea behind Cute Grids is to get you away from a full featured framework, and focus on just the grid. Cute Grids take a mobile-first approach, so that all of your websites work on mobile as well as desktop. The framework is completely...
Read more

How to create text animations with Textillate

Using CSS we can create all kinds of animations. Whether we’re working with text or with elements, animations and transitions are a much simpler task with CSS. It’s all possible with vanilla CSS, but there are a number of plugins that make our life simpler, one of which we’re going to look at today: Textillate.js. Getting started In order to start using this plugin we need firstly to head over to its website and download the latest version. One thing to keep in mind is that this plugin has 3 dependencies:...
Read more

Deal of the week: 50% off the amazing Typo-painter

Typographic art is all the rage, with everyone from politicians to pop-stars finding their speeches, lyrics and quotes transformed into portraits of themselves. The trouble is, the old saying that a picture is worth a thousand words tends to be true; it takes a lot of time to rearrange words and letters convincingly so that they form a realistic image. So we're delighted that our sister-site, MightyDeals.com, has found a way to speed up the process by arranging a fantastic deal on Typo-Painter. Typo-painter...
Read more

How to use Myth

Most of us use some form of a CSS pre processor now, they give us the freedom and advantages that CSS still doesn’t have implemented, like variables. The problem with these pre processors is that they use a completely different syntax than CSS itself making us learn two syntaxes. What if we could have a pre processor that had all the advantages we are used to and still keep the CSS syntax ? Myth allows you write CSS syntax so that you don’t have to remember two syntaxes and so that when features like variables...
Read more

Introducing Shadow DOM

The DOM has been a part of our webpages from the beginning, and since the earliest browsers there have always been certain things we wanted, but couldn’t get from the DOM; and other things we wanted to hide. The shadow DOM is designed exactly for that, it hides DOM subtrees under shadow roots, giving you a method of creating a better and more functional encapsulation in the DOM. Browser support This functionality is very much new and experimental so it’s only available at the moment in Chrome 25+ by...
Read more

Deal of the week: Design websites faster with Pinegrow Web Designer

Working in Photoshop is no longer an option. The bloated behemoth just doesn't provide a suitable interface for designing websites, especially not responsive websites. Designing in the browser is ideal, but it does require fluency in HTML and CSS to get anything done. Across the industry designers are crying out for a modern way of designing sites, and we think we've found one. What's more, our sister-site MightyDeals.com has even managed to arrange a huge discount on it. Pinegrow Web Designer is...
Read more

How to use Gumby extensions

In our final article on Gumby, I will talk to you about the extensions Gumby provides. They aren’t included in the main framework to make it more lightweight but you can install them separately to make your coding even easier. Bower These extensions should be installed with bower , if you have never heard of Bower it is basically, as their github page says, ‘a package manager for the web’. It allows you to install registered packages with just a simple command and to install it yourself you will need...
Read more

Deal of the week: 6 professional iOS7 app design templates

It seems like the whole world's got an idea for an app, the really tricky part is converting that idea into a real app that makes sales on the App Store. If you're looking to produce an app that is commercially viable, solidly built and great looking, then you're in the right place, because our sister-site, MightyDeals.com, has put together a staggering 95% discount on this amazing set of 6 iOS7 App Design Templates. Each template comes with the original Photoshop sources files, so you can edit the graphics...
Read more