added by Jani Partanen on May 13, 2016

Centering in CSS is a pain in the ass. This is a code generator that consolidates them and gives you the code you need for each situation.

howtocenterincss.com


Visit


added by Jani Partanen on May 28, 2016

Use, compare & test responsive frameworks. Find code snippets & examples. Codeply is a editor that lets you run and preview your HTML, CSS and JavaScript code from any modern Web-browser. Codeply is integrated with responsive frameworks like Bootstrap, Foundation, PureCSS and Skeleton.

codeply.com


Visit


added by Jani Partanen on May 17, 2016

Get styles handout from any page. Stylify Me was created to help designers quickly gain an overview of the style guide of a site, including colours, fonts, sizing and spacing.

stylifyme.com


Visit


added by Jani Partanen on Jun 05, 2016

The only visual Bootstrap 3 grid builder featuring full responsive media query views and fully functional preview.

shoelace.io


Visit


added by Jani Partanen on May 23, 2016

Angrytools - Online CSS Gradient Generater interface generate cross browser css gradient code as well as Android gradient code. generator produce linear or radial gradients that can be used in your web page design or android apps. find some tips and code sample to generate gradient

angrytools.com


Visit


added by Jani Partanen on May 16, 2016

It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user.

modernizr.com


Visit


added by Jani Partanen on May 17, 2016

An interactive viewer to see and test how digital products respond to material design breakpoints across desktop, mobile and tablet.

design.google.com


Visit


added by Jani Partanen on May 13, 2016

The Responsive Image Breakpoints Generator efficiently analyzes each hi-res image and finds the best dimensions for embedding in your website

responsivebreakpoints.com


Visit


added by Jani Partanen on May 20, 2016

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

necolas.github.io


Visit


added by Jani Partanen on May 13, 2016

CSS3 Generator for basic elements

css3generator.com


Visit


added by Jani Partanen on May 21, 2016

Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.

easings.net


Visit


added by Jani Partanen on Jun 05, 2016

Additional bootsrap functionality

getfuelux.com


Visit


added by Jani Partanen on May 27, 2016

insert vimeo, youtube videos, google maps etc respomsivly to your site

embedresponsively.com


Visit


added by Jani Partanen on Oct 31, 2016

Gradients, box shadows, border radius, noise texture

cssmatic.com


Visit



added by Jani Partanen on Jun 26, 2016

A powerful Photoshop-like CSS gradient editor

colorzilla.com


Visit


added by Jani Partanen on Apr 25, 2017

Test your Javascript and PCRE regular expressions online.

regexpal.com


Visit


added by Jani Partanen on May 13, 2016

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

caniuse.com


Visit


added by Jani Partanen on May 19, 2016

For CSS Animation.

cubic-bezier.com


Visit


added by Jani Partanen on Jun 05, 2016

The data: URI scheme allows you to build URLs that embed small data objects. data: URIs are supported by most modern browsers - you can read about browser support here.

dopiaza.org


Visit


added by Jani Partanen on Jun 18, 2016

Adding an image file extension will render the image in the proper format. Image format is optional and the default is a gif. jpg and jpeg are the same. The image extension can go at the end of any option in the url

placehold.it


Visit


added by Jani Partanen on Aug 03, 2017

Pre-made angularJS animations

nganimate.org


Visit


added by Jani Partanen on Oct 12, 2016

A CSS generator to create beautiful animated gradients for use on your website.

gradient-animator.com


Visit


added by Jani Partanen on Jul 30, 2016

Initializr generates clean customizable templates based on HTML5 Boilerplate with just what you need to start quickly!

initializr.com


Visit


added by Jani Partanen on Nov 11, 2016

Create useful .gitignore files for your project

gitignore.io


Visit


added by Jani Partanen on Oct 21, 2016

Bootsrap playground

bootply.com


Visit