1306
Granim.js
Create fluid and interactive gradients animations in javascript with this small library.

Animated css gradients
javascript  css 
10 days ago
A Strategy Guide To CSS Custom Properties
Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties.
css 
5 weeks ago
Twitter
User Interface mockups are a lot easier with amazing imagery, but unless you know you’ll always have control over t…
from twitter_favs
6 weeks ago
browserl.ist
A page to display compatible browsers from a browserslist string.
6 weeks ago
Layout Land
Learn what's now possible in graphic design on the web — layout, CSS Grid, and more. A series for designers and web developers. Created by Jen Simmons, Mozil...
css  grids 
6 weeks ago
Twitter
Oooh this minmax work by is 👨‍🍳💋👌
from twitter_favs
7 weeks ago
Twitter
Says at — "our monitoring tells us that around 1% of requests for JavaScript on BuzzFeed tim…
AllDayHey  from twitter_favs
7 weeks ago
Twitter
Typical software company: 1. Backlog of stuff somebody decided the team should do -> 2. “Product” role who really i…
from twitter_favs
8 weeks ago
ScrollMagic
- The javascript library for magical scroll interactions. ScrollMagic helps you to easily react to the user's current scroll position.
javascript 
10 weeks ago
It's Time To Start Using CSS Custom Properties
Today, CSS preprocessors are a standard for web development. One of the main advantages of preprocessors is that they enable you to use variables. This helps you to avoid copying and pasting code, and it simplifies development and refactoring.
css 
10 weeks ago
ES6 DOM Scripting Tricks
Good ES6 tips - like looping and filtering of nodelists
11 weeks ago
axios
Promise based HTTP client for the browser and node.js
javascript 
12 weeks ago
(429) https://twitter.com/i/web/status/976485059292205056
I’ve had an incredible 7 years at and I’ll miss working with the all the great colleagues, partners and…
from twitter_favs
march 2018
ECMAScript modules in browsers
ES modules are landing in browsers! Here are the HTML-specific differences you need to be aware of.
march 2018
bounty
Javascript and SVG odometer effect library with motion blur
march 2018
Twitter
Farewell to our great Dane . He's been with us from day one and we will miss him incredibly. Thank you, An…
from twitter_favs
march 2018
anime
Anime (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects.
javascript  animation 
march 2018
Laws of UX
is a collection of the maxims and principles that designers can consider when building user interfaces.
ux  design 
february 2018
Plus Hus
small, modular house or office spaces. Modern design.
home 
february 2018
The Step-by-Step Guide to Go From Novice to Expert in Any Skill
The defining element of the novice is a reliance on recipes. Novices need clear instructions on how to do something in order to do it. They don’t have an intuitive understanding of the skill, so they need someone else’s recipes to follow in order to complete any task within the skill.
february 2018
Gradient for EVERY line of a para
##Gradient for EVERY line of a para Using `<mark>` and `box-decoration-break`...
february 2018
Room Acoustics Software
Room EQ Wizard REW, free room acoustics software and audio analysis software
church 
february 2018
UMIK-1
The UMIK-1 is an omni-directional USB measurement calibrated microphone providing Plug & Play acoustic measurement. From speaker & room acoustic measurement to recording, this microphone provides low noise and accurate results you can rely on.
church 
february 2018
RPF series
microphone and cat5 electric box covers
church 
february 2018
A functional JavaScript motion library
The JavaScript motion engine. Mix tweens, physics, and user input actions to create delightful interactions on the web.

Alternative to gsap
javascript  animation 
february 2018
Staggering Animations
The following is a guest post by David DeSandro. David wanted to offer a new feature in Isotope: staggered animations. Like so many things web, there are l
css  javascript  animation 
february 2018
philipwalton/flexbugs
flexbugs - A community-curated list of flexbox issues and cross-browser workarounds for them.
december 2017
Creating author pages with Jekyll and Siteleaf
Really helpful tutorial for getting related content in siteleaf and jekyll.
jekyll 
december 2017
Yarn Package Manager: An Improvement over npm
Yarn is the newest package manager on the block with speed and improvements over npm.
november 2017
Why npm Scripts?
The following is a guest post by Damon Bauer. There has been a growing sentiment (for instance) that using node packages directly, with the command line in
development 
november 2017
Webpack – A Detailed Introduction
Webpack is a powerful tool that bundles your app source code efficiently and loads that code from a server into a browser. Read more »
webpack 
november 2017
Flexbox and Grids, your layout’s best friends
Aerolab's blog focuses on actionable design and development guides, tips and strategies. Check it out!
css  flexbox  grids 
november 2017
How to Use CSS Gradients on the Web
In this tutorial you’ll learn about using gradients on the web. I’ll give you some examples, some exercises (such as how to create gradients for borders), and I’ll also throw in some useful...
css 
november 2017
Goodbye MAMP, OS X Mavericks includes a built in PHP webserver
Developing web apps, especially PHP apps, has gotten easier on Mac OS. Run Wordpress or any custom PHP app locally in minutes.
php 
november 2017
Using SVG as placeholders — More Image Loading Techniques
I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is placeholders: what to show when the image hasn’t loaded…
svg  performance  images 
november 2017
Twitter
1.5 Years ago I closed down 31Three and started a new chapter at Shopify. I really wanted to grow again in my caree…
from twitter_favs
november 2017
Twitter
🔥 Since :before and :after are first class CSS Grid items, this “lines on either side” design can easily be accompl…
from twitter_favs
november 2017
Reboot, Resets, and Reasoning
I saw in an article by Nicholas Cerminara the other day (careful visiting that link, looks like they have some tracking scripts run wild) that Bootstrap 4
css 
october 2017
System Font Stack
Defaulting to the system font of a particular operating system can boost performance because the browser doesn't have to download any font files, it's usin
css  fonts 
october 2017
Twitter
CSS Gradients 😍 Made this icon with a single div, w/o using pseudo elements (before, after).

Check it out
from twitter_favs
october 2017
Mimic Relative Positioning Inside an SVG with Nested SVGs
Nested is a thing, and this is a brilliant use case for them. 🔥

More on the topic: &…
SVG  from twitter_favs
september 2017
Twitter
Nested is a thing, and this is a brilliant use case for them. 🔥

More on the topic: &…
SVG  from twitter_favs
september 2017
Breaking the Grid
Two ways to break CSS Grid and how to fix it
css 
september 2017
Convert Polygon to Path Data
I've had to do this a few times recently so I thought I'd save the method. StackOverflow has a method that works great: [].forEach.call(polys,convertPolyTo
svg 
september 2017
SVG Circle/Ellipse to Path Converter
Convert svg circle or ellipse to path
svg 
september 2017
Property Index – SVG 1.1 (Second Edition)
SVG properties that can be styled with css.
css  svg 
september 2017
Sketch’s Brilliant New Way to Export Borders as SVG
Sketch can now export inside or outside borders in your design into centered SVG strokes. No other vector design software does this—it saves you tons of time and makes your SVG graphics more reliable.
sketch  svg 
september 2017
Twitter
Love the portrait Geri did of Brandy! She is super great to work with (no surprise there).
from twitter
august 2017
Grid by Example
Lots of examples, tutorials, and starter layouts with fallbacks.
css 
august 2017
A Complete Guide to Grid
CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flex
css 
august 2017
Learn CSS Grid
A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.
css 
august 2017
100 Days of Scriptures
One passage of Scripture, every day, for 100 days.
typography  design 
august 2017
Practical CSS Grid: Adding Grid to an Existing Design
Converting existing designs to Grid without breaking in non-grid browsers
css 
august 2017
« earlier      
17 1password accessibility agile alldayhey analytics animation apache aperture app artists awesome backgrounds backups base64 book bookmarklet bower brightcove browsers business campers canvas carpentry charts chome chrome church clients clothing cms coffeescript collaboration color comic content contenteditable cooking courses craftsmanship critique css culture customer-service database debug deployments design development dns domains ecommerce email environment expressionengine favicon flexbox fold font fonts form framework fun games gamification gardening gif git github grids grunt gtd gulp home html html5 ia icons ie illustrator images impostersyndrome innovation interaction ios javascript jekyll journal jquery js laravel lean-ux less lightroom liquid mac mamp management maps markdown methodology microformats mobile moview music node omnigraffle omniture optimization ourstory patterns payment performance personas philosophy photos photoshop php plugins polyfill pricing print process productivity prototype quote quotes rails rake react recipe regex report responsive retina rss ruby safari sass seo server shopify sketch soccer social store style-guide sublime svg table tags taxonomy terminal testing texture tips tools training trello tutorials typography unicode usability utility ux video videos wallpaper webcomics webfont webpack wireframes woodworking wordpress work wysiwyg zepto

Copy this bookmark:



description:


tags: