7 Web Development Trends to Watch for in 2016

Web development and design moves at the speed of technology. What does the industry have in store for 2016? Tomorrow looks promising, with cutting edge web development trends that boost the look and navigability of your website. 1) Parallax scrolling gets more intuitive ... Scrolling web pages can be annoying. Many people who use the computer frequently use a mouse wheel or shortcut keys to scroll, but generally, most people use the scroll button on the side of the page. This cuts down on the user experience;...

Underappreciated frameworks part 2: spaceBase

This is a part of series, where we explore CSS frameworks that are well-made and have great ideas, but never took off like the “big two”. In the first article in this series, I ranted about the wonders of Titon Toolkit. I loved it because it was made to be customized, to be abused, and built upon. Well, I’ll try not to rant about that sort of thing too much, because it’s a feature common to a few of the frameworks that I’ve selected for this series, including today’s. It’s called spaceBase, and...

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