A code framework is nothing more than a collection of pre-formatted classes and functions. There are frameworks created for practically every language out there – even including frontend web development like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code. There are reasons both for and against building on top of web frameworks. You need to spend time learning the code and adjust your website accordingly. But in the long run [...]

In this tutorial, I’ll teach you how to adapt a simple HTML blog layout into a WordPress theme. We’ll be using this static page as starting point.

As a developer, anything that can save you just a little bit of time is well worth its weight in gold. If you agree with that statement, you will love this. What we have for you is our selection of the best, the most useful and the most innovative tools and resources from 2011. That includes frameworks, boilerplates, apps, Javascript resources, CSS3 animations tools…and on…and on. So, no matter what, you are guaranteed to discover something completely new and really, [...]

Content sliders are a great way to make a website more dynamic. They add flair, and if used correctly, could be the difference between a purchase and a back button. Normally, they would be built with jQuery or some other Javascript library. However, with the advent of CSS3, I will show you how to build one using only CSS. The result won’t be the most semantic thing to ever be made, but it will be completely functional nonetheless. Demo & [...]

There are many tools built to help with CSS, and improved ones are constantly being created. The fresh tools we have for you in this article will greatly improve your work-flow, whether that be by solving validation or debugging snags, or taking care of many of those tedious repetitive tasks that every project requires, or by simply offering solutions to many of those tasks that are time consuming (like sprites) and at times challenging (CSS3 animations). You’ll certainly appreciate this [...]

CSS has hugely improved forms. Where once you had very rudimentary forms that looked plain and un-styled, CSS lets you style your form however you want and create rich and robust forms. Even a simple contact form can look slick and increase readability and user-friendliness – which means more visitors will fill it out and you’ll get more results based on that action. Like with any web design, there’s no need for you to reinvent the wheel – use these [...]

In this post we have 25 CSS snippets and hacks that will solve many of the most frequently used and, at times, frustrating CSS development tasks. Why reinvent the wheel when there are already plenty of time-saving pre-written CSS code snippets? As well as some classic and timeless CSS hacks you will also find many CSS3 snippets, like box-shadow, border-radius,linear-gradient and many more. You might also like… 40 Professional and Detailed Web Layout PSD Templates → 25 Completely Free Fonts [...]

Tables continue to be one of the best ways to present a lot of information in a easy-to-read manner. From side-by-side comparisons to big data presentation, tables feed into our human desire of wanting to see things as organized grids. And while tables have been part of HTML practically since it begun, CSS has allows HTML tabular data to progress to be more advanced, usable, and, well, darn good-looking. In this article you will find a selection of tutorials and [...]

A CSS framework is a piece of software that has a lot of options for you to use in your HTML development, potentially making it faster and easier for you to develop your website or web app. A CSS framework does this by containing predefined libraries of code. One example is a grid-based framework which sets up a multi-column arrangement with predefined pixel widths so you can focus on creating content instead of lining up blocks of text. But is [...]

As part of my new position as CTO of SpeckyBoy I’ve decided to write a series of articles that will help you understand what it takes to make a truly fast site. As you may have noticed SpeckyBoy just got a shot in the arm recently and is running a heck of a lot faster. This is because of all of the tips that I will be listing in the “Website Speed” series, where the focus is 100% on load [...]

HTML5 is an effective language for web developers and designers to use to structure and present content on the web. It’s increasingly used more and more, whether to make websites more functional and user-friendly, deliver video faster, or build desktop-level web apps. No doubt you want to jump in and join the fun. But where to start, you might ask? Or you could be looking for some resources and tools while developing and designing with HTML5, perhaps? Well, today’s your [...]

We have another amazing freebie for you today — a completely free single-page HTML5 portfolio template and all of the accompanying PSDs. It has been jointly designed by Hannah Milan & Joefrey Mahusay and is a beautifully crafted template perfect for any creative designer as a means of displaying their portfolio. This template is also a great exercise in practical and semantic HTML5, it is well worth downloading, dissecting and experimenting with the code. Free Single-Page HTML5 Portfolio Template Click [...]

The best designers never stop learning. Only the mediocre ones think they know it all, that there’s nothing else to learn. But you don’t don’t want to be a mediocre designer, do you? That’s right – you want to be a great designer. One that’s always hungry to learn a new technique to make your first web and visual design project slick, cool, user-friendly, and just plain awesome. There is only thing holding you back – How to do it [...]