Category archives: Web Design
Category archives: Web Design
-
Inspiration for Article Intro Effects
Amazing inspiration from codrops.
-
Reference for EVERY Character Key on a Mac
Keyboard shortcuts for special characters. Super handy.
-
Creating a Responsive Tiled Photo Gallery with Pure CSS
The trick is to use padding-bottom instead of height to set the height of the containing div.
-
What’s the closet Google Font?
Find the most similar Google font for popular typefaces.
-
ScrollMagic
jQuery plugin for magical scroll interactions.
-
CSS Shake
Off the shelf CSS for making elements shake.
-
Type-Finder
An online tool for find reputable typefaces
-
Geisha
Daily inspiration and news for designers
-
peek by User Testing
See and hear a 5-minute video of a real person using your site.
-
pageres
Get screenshots of websites in different resolutions
-
CSS Selectors and Pseudo Selectors and Browser Compatibility
Great list of tables for legacy browser selector support.
-
Fullscreen Overlay Styles & Effects
Inspiration for beautiful fullscreen overlay menus.
-
On Responsive Layout and Grids
Great approach to a simple grid system.
-
mockuphone
Generate product screenshots / device mockups – more basic than placeit.
-
placeit
Generate device mockups / product screenshots – iPhone, iPad, Mac computers, etc.
-
Photoshoplr
Best plugins, scripts, and Photoshop extensions in one place.
-
Sass & Compass Color Functions
A visual guide.
-
UsabilityHub
Learn how visitors will interact with your design before launching.
-
Animate.css
A bunch of cool, fun, and cross-browser animations.
-
Pace
Automatic page load progress bar.
-
Bento
A collection of resources for learning how to code various languages.
Some good things to keep in mind when using fixed positioning.