HTML5 & CSS3 Tips and Tricks

HTML5, CSS3, and a bit of jQuery
560 Pins
·
12y
a blue and white web page with black lines on it
slick - the last carousel you'll ever need
Slick - The last carousel you'll ever need
the submit button is shown in green and white
How to Create a Circular Progress Button | Codrops
How to Create a Circular Progress Button A tutorial on how to implement the circular progress button concept by Colin Garven. We are using the SVG line drawing animation technique as described by Jake Archibald to animate the circular progress and provide a success and error state to indicate the final status.
a green background with the words how do you like your veggies?
Minimal Form Interface | Codrops
MINIMAL FORM INTERFACE A very simplistic form interface that shows only one text input at a time and reveals the next input with a subtle transition. The concept is based on the form at the bottom of the PageLanes website.
the sign up screen is shown on an iphone's screen, and it appears to be empty
MDS - The Website of Matt D. Smith
Understanding Vector Shapes in Illustrator
an image of a computer screen with the text select the plates on it's side
CSS Diner
A little game to help you learn CSS selectors. Type in the correct selector to complete each level
the words 100 free fonts are displayed in red and blue letters on a white background
The 100 Greatest Free Fonts for 2014
The 100 Greatest Free Fonts for 2014
an image of a website page with the wordpress section highlighted in red and white
Using Media Queries In JavaScript | Modern Web
Using Media Queries in JavaScript
two lines that are parallel to each other and one line has the same point on it
GIF
Understanding The CSS3 transition-timing-function Property
Understanding CSS Timing Functions
Inspiration for Item Transitions State transitions are done using CSS Animations.
Inspiration for Item Transitions | Codrops
Inspiration for Item Transitions State transitions are done using CSS Animations.
a red mask with horns and eyes in a circular shape on a white background illustration
My Traitify Personality Results
Excited about Daredevil on Netflix? Find out how you match up to the vigilante and if you would make it in Hell's Kitchen
a red and yellow lion emblem on a white background
My Traitify Personality Results
Check out Traitify's Game Of Thrones personality assessment and see which House suits you best. Are you destined for The Throne?
two screens showing different types of web pages
Really Good Emails
Website 'http://reallygoodemails.com/' snapped on Snapito!
8 Pure CSS Flat Mobile Devices  We've created several minimal iPhone, Android, Lumia and iPad devices in pure CSS to showcase the prototypes our users make on Marvel.
13 Pure CSS Mobile Devices from @marvelapp
8 Pure CSS Flat Mobile Devices We've created several minimal iPhone, Android, Lumia and iPad devices in pure CSS to showcase the prototypes our users make on Marvel.
the text reads become a sublime text power user canadian sized hot tips - webbos com
Sublime Text Power User
Become a Sublime Text Power User