CSS Gridish
CSS Gridish takes design specs of your product’s grid and builds out several resources for your team to use:

- Sketch file with artboards and grid/layout settings for designers
- CSS/SCSS code using CSS Grid with a CSS Flexbox fallback for developers
- Google Chrome extension for anyone to check a webpage’s alignment
css  css-grid  web-design  web-development 
6 weeks ago
Easing Functions Cheat Sheet
Easing functions specify the rate of change of a parameter over time.

Objects in real life don’t just start and stop instantly, and almost never move at a constant speed. When we open a drawer, we first move it quickly, and slow it down as it comes out. Drop something on the floor, and it will first accelerate downwards, and then bounce back up after hitting the floor.

This page helps you choose the right easing function.
css  css-animations  easing  web-development  animation 
7 weeks ago
The Cupper Documentation Builder
Welcome to Cupper: a documentation builder for inclusive designers and those trying to be inclusive designers.
a11y  accessibility  documentation  opensource 
9 weeks ago
Parallax scrolling with CSS variables | basicScroll
Standalone parallax scrolling for mobile and desktop with CSS variables.
css  css-animations  css-variables  web-design  javascript 
10 weeks ago
Sketch Syntax Highlighter
Automatically highlight the syntax of any code snippet, right within Sketch.
prototyping  web-design  web-development  sketch 
december 2017
Frappé Charts
GitHub-inspired simple and modern charts for the web with zero dependencies.
web-development  css  web-design  javascript 
november 2017
Is The Static Logo Dead?
The single static logo isn’t enough to carry your brand anymore. You actually need a library of logos to meet all the needs of your brand.
design  logo  responsive-design 
october 2017
OverReact
Wireframe React components and download starter files with one click
react-js  javascript  web-development 
march 2016
Revisr - Git Management for WordPress
Revisr is a Git and WordPress database plugin that allows you to keep track of your web projects in version control. Revisr eliminates redundant interfaces in your workflow and allows you to focus on the task at hand.
development  git  plugin  wordpress 
february 2015
« earlier      
@font-face accessibility adobe advertising aggregator agile ajax alistapart amazon analytics android animation apache api apple apps architecture art audio awesome background backup blog boag boilerplate book bookmarks_menu bookmarks_toolbar books bourbon browser brushes built-with-html5 business businesscards calendar campaignmonitor cheatsheet client clothing cloud cms code coffeescript collaboration color color-schemes comics communication community compass content-strategy conversion converter creativity cron css css-animations css-preprocessor css3 culture database date deployment design design-patterns development directory documentation domain dropbox ecommerce email entity events extensions facebook feedback firefox flash flexbox followers font font-stacks fonts food forms framework free freelance fun funny gallery gem gems generator git github gmail google googlemaps graphics grid grid-design grid-system gtd gui guitar happycog hosting howto html html5 http humor ia icon icons ie ie6 illustration image images indesign information inspiration interface ios ipad iphone java javascript jekyll jobs jquery keynote language layout learning less lettering letterpress library lightbox linux logo mac mac-os-x magazine management marketing media-queries mediatemple microsoft minify mobile mockup monitoring movabletype movies mozilla mozilla_firefox mp3 music mvc mysql navigation neat news node.js nosql obx obxdesignworks obxdesignworks-tools online opensource optimization orm osx patterns payment performance phone photo photography photos photoshop php pixelfonts player plugin plugins podcast politics portfolio presentation print printing productivity programming projectmanagement prototyping publishing rack rails rails3 recipes reference resources responsive-design rest retweet-responsibly rss ruby rubyonrails sass screencast search security seo sharing shop shopping showcase sifr sinatra sitemap slider sms social social-media socialmedia socialnetworking software spam standards static-site-generator statistics stickers stock storage style-guide support svg svn t-shirts template terminal test testing text text-editor textures theme themes thisismyjam time tips tool tools training tshirts tutorial tutorials tv twitter twittertools type typekit typography ui unicode usability utilities ux vector versioncontrol video visualization w3c web web-design web-development webdesign webhooks webstandards whuffaoke wireframe wishlist wordpress writing yahoo yql zeldman

Copy this bookmark:



description:


tags: