Underappreciated frameworks part 1: Titon Toolkit

Many, many frameworks have been created since Bootstrap took off. It may not have been the first, but it sure made people start thinking about them. People made them for the experience, for the fun of it, and to solve very specific needs. They made them for clients, for themselves; alone, and in teams. Some were sub-par, some were only usable in specific cases, and others were brilliant. But very few got any serious recognition from the community. Eventually, you’d see a new framework or five every other...

How to implement drag ‘n’ drop

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

A look at Material Design Lite

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

Avalanche CSS grid system debuts

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

Getting the best out of CSS

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

Introducing the Frankensite

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 releases its own framework

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

Meet Unslider, the simplest jQuery slider

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

What you need to know about Bootstrap 4

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...
Home XML WordPress Web Services Web Development Web Design Underscore Uncategorized Tutorial Tools SQL Server Social Apps Snippet SEO Security RoR Responsive Design Resources Python PHP News MySQL Mobile Miscellaneous jQuery JavaScript Java J2EE HTML5 HTML Design Patterns