Of all the technologies web developers need to master, it seems the one that causes the most confusion and potential problems is drag ‘n’ drop. This is not a new technology, it’s been around for years, but many developers are still clinging to old jQuery based methods to implicate complicated (sometimes slow and inaccurate) drag-and-drop emulation. Now that HTML5 includes a drag-and-drop API, you already have a very simple way to implement drag-and-drop without headaches. Understanding...

Pretty much the moment Google released their Material design guidelines, people started working on frameworks for it. However, the earliest examples were all dedicated to apps and app development. It took a while for someone to develop a Material-based framework for websites. Enter Material Design Lite (or MDL), a simple Material-based CSS framework for the whole family. Now anyone can easily bring most common (and recognizable) aspects of Material Design to any website. And now we have a question:...

Colour Garden, the brainchild of front-end web developer Tom Hare, from Cambridge, England, has released Avalanche, a CSS grid system that’s responsive, SASS-based, extremely clean and powerful. Sounds too good to be true? We look at it in more depth. For a grid system to be well-received, it must have many benefits, and Avalanche promises plenty. They include: A flexible naming convention ... Your width class names now come with three naming conventions: fraction (1/4), percentage (25) and...

Cascading Style Sheets (CSS) have really changed the way we think about web page design, and they've certainly made creating awesome designs much simpler than it used to be. Still, for such a great technology, there's a huge amount that designers and developers need to learn in order to truly master the entire skill set required to earn the title of CSS Ninja. 1. Create an organized library of CSS that fits your design philosophy ... Every time you do something in CSS that achieves a perfect result, you...

These days recycling is all the rage, and one of the more interesting things to note is you can recycle just about anything. In this article, I’m going to introduce you to a new kind of recycling: the Frankensite! “What the heck is a Frankensite?” you ask. A Frankensite, as the name implies, is a kind of monster. You make an entirely new website from the decomposed remains of other websites, selecting only the choicest parts. Now take note, because this is very important... I am not talking about plagiarism....

Buzzfeed just released a CSS framework, and you’ll never believe... okay, I’ll just stop myself there for everyone’s sake. The point is that yes, the Internet publishing giant has indeed released a CSS framework called Solid. Is it any good? Yeah, basically. It’s good for them, at least. Installation ... Accomplished via NPM, and only NPM, for now. ’Nuff said. Style ... The thing to remember about Buzzfeed’s framework is that it was made by Buzzfeed, for Buzzfeed. All of the style-based...

In short, Unslider is the quickest and most straightforward way to have a slider up and running on your website. All it takes is a bit of valid markup, jQuery and some additional CSS. Then, Unslider takes over and does the rest. Sure, Unslider is small, but that’s its unique value proposition. Both flexible and extensible, it allows designers the freedom to pretty much alter anything they want through options/settings, methods or callback events. Let’s look at some of its features… Automatic...

Bootstrap is beloved by many. Well, if not “beloved”, then it is at least appreciated for what it is: a giant framework with almost everything you could need for building a site or web app interface. Bootstrap is changing, though. That’s right, version four is in alpha release. Naturally, we're just as curious to know what’s different, so I dived into the documentation to find out. Keep in mind, though, that this is an alpha release. It cannot be considered feature-complete. It could radically...

DeveloperDrive.com is a blog about web development from the makers of the popular web design blog WebdesignerDepot.com
Founded in 2011, we focus on the latest trends, tutorials, opinion articles as well as tips and tricks to empower our readers to become better web developers.