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+...
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...
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

How to use Gumby components

In our last article about Gumby you saw the fundamentals of this robust framework, but we also have a lot of JavaScript components we can use via the JavaScript UI for Gumby. Today, we’ll take a look at these components. Toggles & switches ... A lot of what Gumby focuses on is minimizing the amount of JavaScript we need to write. Toggles and switches look at the gumby-trigger attribute and the element you enter as the value of this attribute will have the .active class toggled. You can use this to toggle...
read more

Deal of the week: Anodyne, 6 distressed, all-caps fonts

One of the biggest problems designers have on the Web is combatting the sterility of the screen; as human beings we love organic, natural, even slightly random elements, but our computers give us precision. If you can tap into that starved need for a real natural feel then you'll make an emotional connection your customers won't be able to resist. So we're delighted that our sister-site, MightyDeals.com, has arranged a massive discount on Yellow Design studio's Anodyne typeface. Anodyne is a set of...
read more

How to create a jQuery file uploader

File uploads are something that, as developers, we have had to do for years and getting an ajax file uploader is always a better choice than redirecting the user to an upload page or even just reloading the page; keeping the user on the same page will improve the usability of your application. Today we will be creating a simple ajax file uploader with drag and drop support. The plugin ... In this example I will be using the jQuery Upload File Plugin because it’s a simple to use and robust plugin that will get...
read more

Introducing your new favorite framework: Gumby

As web developers, it’s usual to have a favorite framework that we use for virtually every project. There are certainly plenty to choose from. Today I’d like to try and persuade you to switch to one of mine. Gumby is a flexible framework developed with Sass that comes with a whole bunch of extensions and JavaScript helpers. It’s been growing in popularity for some time and for good reasons. The grid ... The first thing to check out when considering a framework is the grid system being used by the framework....
read more
Load more