In this tutorial, we will create an animated flip down clock inspired by the 70’s. Using the Mootools framework, I tried to replicate the flip action of the pads and make it as lifelike as possible. With it’s retro styling, it could be a really neat thing to add to your website, so let’s get started!
Learn how to Create a Retro Animated Flip-Down Clock
Oct 21st in HTML & CSS, JavaScript & AJAX by Alexandru Pitea
82
CSS: The Very First Steps – New Plus Tutorial
Oct 7th in HTML & CSS by Jeffrey WayThis one is for those who are hoping to take their first steps into web design. This 70 minute Plus video tutorial will assume that you have zero knowledge of CSS. Over the course of the screencast, you’ll learn about the basic syntax, a plethora of different properties, and how to create the beginnings of your very first website.
Don’t know what CSS stands for? Need help diving into CSS? Never created a website before? If so, this screencast was tailor-made for you! Sign up for a Plus membership!
Object-Oriented CSS: What, How, and Why
Sep 29th in HTML & CSS by Andrew BurgessIt sounds like an oxymoron, or at least an impossibility, doesn’t it? How can a static language that’s really more like markup than programming be object-oriented? In this tutorial, I’m going to introduce you to the idea of object-oriented CSS, show you how it works, and try to convince you that you should be using it too!
30 CSS Best Practices for Beginners
Sep 16th in HTML & CSS by Glen StansberryCSS is a language that is used by nearly every developer at some point. While it’s a language that we sometimes take for granted, it is powerful and has many nuances that can help (or hurt) our designs. Here are thirty of the best CSS practices that will keep you writing solid CSS and avoiding some costly mistakes.
11 Classic CSS Techniques Made Simple with CSS3
Sep 8th in HTML & CSS by VasiliWe’ve all had to achieve some effect that required an extra handful of divs or PNGs. We shouldn’t be limited to these old techniques when there’s a new age coming. This new age includes the use of CSS3. In today’s tutorial, I’ll show you eleven different time-consuming effects that can be achieved quite easily with CSS3.
20+ HTML Forms Best Practices for Beginners
Sep 3rd in HTML & CSS by Andrew BurgessWorking with XHTML forms can be somewhat daunting; they not only use some niche HTML elements, but also blur the line between static content and user interaction. Let’s review some things to remember when creating your next form.
How to Design and Code a Flexible Website
Sep 1st in HTML & CSS by Tessa ThorntonIn this tutorial, we’re going to be designing and coding a simple blog-style web-page. We’ll pay special attention to making our design flexible and accessible by using clean and simple XHTML and CSS. This tutorial is aimed at beginners, and anyone looking to improve the accessibility of their web designs.
Using Compass and Sass for CSS in your Next Project
Aug 31st in HTML & CSS by Alex CoomansSass could potentially be called CSS 2.0; it has some really nifty features that allow you to write your code in less time and with more flexibility. In today’s article, we will be working the basics!
6 Ways To Improve Your Web Typography
Aug 14th in HTML & CSS by Michael OwensTypography on the web is anything but simple, and for many, it is a troubling mystery. Today, we’re going to review six ways that web designers and developers can improve the typography of the sites they create.
Design and Code Your First Website in Easy to Understand Steps
Aug 3rd in HTML & CSS by Tessa ThorntonIn this tutorial, we’re going to design and code our first website in simple, easy steps. This tutorial was written for the beginner with the hope that it will give you the tools to write your own standards-compliant websites! It’s a brand new week; maybe it’s time to learn a new skill!
