Search
Transform Text into Images using SnapText JS
Note: It seems this only works on node as far as i can tell from testing and its not a scipt you can just embed into a html page. SnapText šø Snap a picture of HTML text Converts HTML text ..
Fancy Border Radius CSS Generator Tool - spin animation keyframes
Tool to generate custom border radius. you too can create blob like objects. How to use Just generate your border radius, and then copy the following code into a new or existing element. ..
Create a checkerboard background pattern with CSS
How can you create a diamond checker board background in css and html? One way to create a diamond checkerboard background in CSS and HTML is to use the CSS3 property of "background-size." This prope..
button animations hover and fill animation
Why would i want to use animations on my buttons? Button animations can be used for a variety of reasons. They can be used to add aesthetic appeal to a website or web application, or to provide a vis..
button on focus swing animation
Creates a swing animation on focus. Use an appropriate transition to animate changes to the element. Use the :focus pseudo-class to apply an animation that uses ..
Animated Button Border when Active
What is it? A button with a top and bottom border, when you mouse over it the border extends to the width of the button. Preview a preview of Animated Button Border when Active What can i use this..
create a border with top triangle in css
Here is a quick css and html code that gives you an element with a triangle on the top left border. Looks a bit like a callout box. Preview
Front-End Checklist
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production. If you want to check your project for the best practi..
Font Awesome Icons
I have been using this awesome font library for so long now that i almos overlooked it as being such a stable web developer resource for an amazing set of icons and easy to add to your project. Wha..
Deep Links to highlight and share text on any page
Deep Links allows you to highlight text on the page, and will generate a URL hash to allow that text highlight to be shared to another browser. Example Link: Link 1 Just highlight some of the ..
WCAG Responsive Accessible Menu Dropdown Library
What is WCAG Responsive Accessible Menu? Here we have a javascript library with css and html that produces a responsive and mobile compatible dropdown navigation system. When the screen size goes int..
Blob Navigation Menu Selection Animated
This seemingly innocent menu has a hidden animation in it, just click on each icon to see the change, something different and out of the box for this one.
CSS Goey footer red blotched gloopy footer animation
Here we have an interesting animation added to the bottom of the footer area making it look kinda like its on fire, or paint glooping up from it. Nice effect, not sure where i would use this one, but ..