SpyreStudios

Web-Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

22 Useful HTML5 CSS3 Form Tutorials

October 21, 2011 by Brant Wilson

Using HTML5 and CSS3 you can create creative web forms with great specifications. So in this roundup we are featuring 22 CSS3 form tutorials.

Slick login form with HTML5 & CSS3

Filed Under: CSS, HTML5, Tutorial

Design a Full HTML5/CSS3 Template Replica of Digg v3

September 29, 2011 by Jake Rocheleau

Social media junkies on the turn of the year 2004 surely remember Digg. It was the powerhouse of social news, all the techies would flock to Digg on a daily basis. And it’s been through quite a few changes recently with the v4 redesign. However I fondly remember Digg’s classic appeal running under v3 as the most accepted web interface.

Thus I’ve taken the liberty to re-code the entire front page template into HTML5/CSS3! And in this short tutorial I’ll be introducing you to some of my techniques. Additionally I’ve offered the source code completely free to download for your own usage. Much of the design I’ve had to piece together through the Wayback Machine Internet archives.

Digg v3 Template hand-coded into HTML5/CSS3

Filed Under: CSS, HTML5

21 Incredible HTML5 Experiments

September 7, 2011 by Brant Wilson Leave a Comment

Today we have a collection of some incredible and impressive HTML5 canvas and java-script experiments. Enjoy!

Coil

Filed Under: HTML5

30 Must See HTML5 Tutorials

July 26, 2011 by Brant Wilson 11 Comments

HTML5 and CSS3 Expanded the possibilities of Web Design.There are lots of designers and developers who started practicing HTML5 and also started implementing them in their web designs. In this roundup we have featured 30 useful HTML5 tutorials that will definitely help developers increase their skills..

Making a Beautiful HTML5 Portfolio

Filed Under: HTML5, Tutorial

Modernizing Scripts Every Web Designer and Developer Should Use

April 5, 2011 by Oleg Mokhov 25 Comments

Web development keeps getting better – there are more increasingly-standardized tools like HTML5 and CSS3, and their features let web designers and developers create advanced and good-looking websites more easily.

But some browsers – mainly Internet Explorer version 6, 7, and 8 – don’t support many of these features, like border-radius, gradients, text-shadow, transparency, CSS animations and transitions, and so forth…

Filed Under: Accessibility, Development, HTML5, Resources, Tools, UX

How To Create a Sweet CSS3 Vertical Navigation

December 15, 2010 by Eric Hoffman 13 Comments

Today we’ll be creating a beautiful vertical CSS3 navigation, without the use of images. Basically we’ll display a circle with an icon in the center. When the user hovers over the circle, it expands and shows a short description.

Now you may be wondering: how are we going to display an icon without images? Well, Drew Wilson’s (fabulous) Pictos font makes this quite simple. Unfortunately (but understandably) it’s not free, you can purchase is for $49 here. Luckily, there are other icon fonts out there like iconic, which you can use for free.

I should also mention that this has been tested using Webkit browsers only (Safari, Chrome). It may work in other browsers but probably with limited support. Check out the demo here!

Filed Under: CSS, Development, HTML5, Tutorial

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

November 19, 2010 by Eric Hoffman 21 Comments

Today we’ll be creating a bar that pops up at the top of a page, and stays above the content (similar to ‘hellobar’). The popup bar was only tested in Chrome and Safari and may not work in other browsers. The bar can be used to display information, for example your latest blog post, to the user.

The way the bar pops out at the top makes sure it’ll be seen. And after the visitor has seen the information, he/she has the option to hide the bar.

Filed Under: CSS, Development, HTML5, jQuery, Tutorial

Creating a CSS3 Generator with CSS3, HTML5 and jQuery

November 1, 2010 by Eric Hoffman 14 Comments

Many of you have probably already seen some of those CSS3 generators that have been poppin’ up? Have you perhaps been wondering how they’re made? Wonder no more, that’s what we’ll be creating today, using CSS3, HTML5 and jQuery.

The CSS3 generator we will be creating is Webkit only, so make sure you open up the demo in a Webkit browser like Safari or Chrome.

Filed Under: CSS, Development, HTML5, jQuery, Tutorial

HTML5 Canvas Image Effects: Black & White

August 23, 2010 by Marco Lisci 20 Comments

The new canvas tag in HTML5 is known for its illustration power. It’s basically an empty element on which you can write and sketch using Javascript. But there’s a hidden power: image manipulation. In our opinion, this is the most important element that differs from SVG. With canvas you can perform operations on pixel based […]

Filed Under: Design, HTML5, Tutorial

  • « Previous Page
  • 1
  • 2

Search SpyreStudios

Web Design Jobs

Development & Programming Jobs

Graphic Design Jobs

Computer & IT Jobs

UX Design Jobs

LiquidWeb

Level up professionally!

Coursera - Hundreds of Specializations and courses in business, computer science, data science, and more

Envato

SpyreStudios © 2021