Jam API
Block Reveal Effects
Ideas for block reveal effects in a schematic box look as seen around the Web lately. The idea is to uncover elements on load, on scroll or on some action.
Transitions
KUTE.js | Javascript Animation Engine
KUTE.js is a minimal Javascript animation engine with outstanding performance and supporting 3D transforms, SVG Morph, draw SVG, SVG transform, cross-browser animation, scroll animation, CSS3 properties and many more.
Vue JS 2.0 Component Framework | Vuetify
Reusable semantic component framework for Vue JS 2.0.
Yeoman install/node path issues?
Took the plunge a couple of days ago, using yeoman for a project. After some fiddling I got it to work on my computer, but then something got messed up and now the project is not running anymore. I...
(All Events) Link! - The Events Calendar
Hello there, I wish to show two separate calendars in my site. Since, this is not directly doable, the other way to do it is to show two different categories to represent two different calendars. Calendar A – is actually category A, and I will the category URL to show Category A as if it…
Jquery check if element is visible in viewport
Function to check if the div class "media" is within the browsers visual viewport regardless of the window scroll position. <HTML> <HEAD> <TITLE>My first HTML document</TITL...
CSS Drop-Down Menu Transitions
Example for http://stackoverflow.com/questions/20098447/css-only-drop-down-menu-css3-transition...
Morphing Buttons Concept
Inspired by codrops morphing button concept, using jquery and velocity instead of css. Article: http://tympanus.net/codrops/2014/05/12/morphing-buttons...
Fabulous macOS Tips & Tricks
Some useful productivity hacks I’ve learned over the years
eliorshalev/sprite-spirit
sprite-spirit - SCSS Mixin that Brings Image Sprite to life
Emoticon Creator
Create unique text faces for chats, forums, source code, ... Generate japanese emoticons simpler than ever!
What next for CSS Grid Layout?
Rachel Andrew opens the door on next generation CSS to bring us tidings of Grid joy. But rest not on your laurels, we must look to what comes next for the specification. Gold may be just around the...
Jessica Hische - Client Emails Are Hard.
The portfolio and random thoughts of a crazy cat lady.
Get the Balance Right: Responsive Display Text
Richard Rutter shepherds a tea towel onto our collective heads and describes a technique for responsively scaling display text to maintain a consistent feel in both landscape and portrait screen...
Siema - Lightweight and simple carousel with no dependencies
Siema is a simple and very lightweight slider / carousel plugin written in pure vanilla JavaScript without any dependencies.
10x16
19 visual artists countdown their 10 favorite albums of 2016 with reimagined cover art.
Performant Parallaxing | Web | Google Developers
With a little mathematical wriggling, it's possible to have parallax effects that play nicely with browser architectures!
How to keep your Mac’s camera from spying on you, no tape required | Macworld
If you don't want to tape over your Mac's FaceTime camera, free and paid software can alert you when the camera and microphone are activated.
Hierarchy view component with pure CSS (SASS)
Hi reader!
Canyons Vintage Script
Canyons is a professionally-crafted vintage script font that will become a wonderful addition to every designer's toolbox! Download a complete font family including 8 fonts in 4 weights (Regular...
VAL Stencil
Navia Type Free
Modernist Navia Type
Lazy-Loading Disqus Comments | CSS-Tricks
Lately, I've been obsessed with optimizing performance through lazy-loading. Recently, I've written on how to lazy-load Google Maps and on how to lazy-load
Learn Vue 2: Step By Step
Vue is easily one of the most exciting additions to the front-end world in many years. With its intuitive API, and the fact that it can be applied to any type of application, it's no wonder why folks...
Input Masking | CSS-Tricks
I don't have any UX research to cite, but anecdotally, I like it when inputs that expect data in a specific format use an input mask. I thought I'd just li
KUTE.js Core Engine Examples | Javascript Animation Engine
Animation examples for KUTE.js core engine with most essential CSS and CSS3 properties, as well as all easing functions.
Vectr - Free Online Vector Graphics Editor
Free vector graphics editor. A simple yet powerful web and desktop cross-platform tool for everyone.
WordPress Security: This wp-config.php Protects Your Website - noupe
Hackers are everywhere. Don't let damage happen to your beloved WordPress blog, and consider my tips for the perfect wp-config.php.