Using Sass to automatically pick text colors
Theming is always a challenge, particularly when you’re working on a library, rather than a standalone website. One example of an…
CSS Frameworks - CSSReflex
A directory of the best css frameworks, we have a total of 68 css frameworks in our database. All th...
Plumber
That Fluid Type Stuff Again
There have been a couple of articles lately regarding fluid type. Matt Smith (calling it "flexible type"): My preferred approach for more flexible type is
Fluid Type on Blogs
It makes good sense that font-size changes depending on the screen. 24px type might look great on a very big screen, but be impractical on a 360px wide screen when even at 100% width you can only fit 3-5 words per line. Adjusting down to something like 16px might retain the same feel and still …
The Wrap
Precision responsive typography
I've not seen this before so I think I've figured out something new and hopefully useful. It appears that by using calc() and vw we can get responsive...
Vitaly Friedman: Dirty little front-end tricks - JSConf Iceland 2016
Do you love the object tag, too? How do you feel about responsive image maps? Have you ever tried to work around complex tables, nasty carousels, endless cou...
Performance Calendar » Loading web fonts asynchronously
Typography is an integral part of design, so it’s no wonder web fonts usage soared once browsers sta...
Hologram | Generate a Styleguide right in your CSS
Hologram is a Ruby gem that parses comments in your CSS and turns them into a beautiful styleguide. ...
Zooming
Check out this nice image-zooming library by Desmond Ding. It's fairly little, has no dependencies, and has all the modern stuff to make it easy to integra
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!