How to Build a Fully Functional CSS3-Only Content Slider

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…

20 New Tools for for Easier CSS Development

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)…

HTML5 and CSS3 Form References, Resources and Tutorials

This article explores some of the new HTML5 form features and how it has greatly improved text inputs, search boxes and other form fields by providing better and cleaner controls for validating data allowing you to build complicated forms with far less code and even less bemusement. Accompany all of this with some fantastic CSS3 properties and you are able to create stylish and highly-usable forms that go way beyond…

CSS Form Templates, Tools & Services

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…

25 CSS Snippets for Some of the Most Common and Frustrating Tasks

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…

CSS Data Table Techniques and Resources

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…

Discussing the Pros and Cons of Using a CSS Framework

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…

Website Speed Part 1: Write More Efficient CSS

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…

10 Essential Guides, Resources and Tools for Getting Started with HTML5

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…

Free Single-Page Scrolling HTML5 Portfolio Template + PSDs

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…

25 Video Tutorials for Getting Started in Web Design

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…

25 Fresh and Professional CSS and HTML Templates

Ready-made CSS templates are one of the most sought after resources within the web design community. They not only offer a quick and easily edited solution for a static website or as a theme for your favorite CMS, they also offer a great avenue for exploring beautiful code, learning new techniques and most will work perfectly as a basic framework for any web project.

Beginner’s Study Guide to HTML5 Microformats

For years the web has been a static development block for housing information. It hasn’t been up until recently that micro-format designs have been released into the semantic web. These allow developers to contextually describe page elements for better representation of what the information holds. Most of the tips below are useful for those still building their introduction into HTML microformats. Some are more common than others but the concept…

Partners

Our iOS App

Designed by Mobiloud