A curated collection of useful CSS snippets you can understand in 30 seconds or less. From foundational elements such as clearfix to gradient text color and gradient cursor tracking to CSS easing and far beyond.

Character Entity Reference Chart

[https://dev.w3.org/html5/html-author/charref] - 2018-09-17 01:51:14 - public:xxx

characters, entity, html5, icons, list, special_chars, webdesign - 7 | id:181735 -

html5 characters instead of using icons

Scale — color scale generator

[https://hihayk.github.io/scale/] - 2018-09-04 07:40:34 - public:xxx

color, online, tools, webdesign - 4 | id:178212 -

Color scale generator by Hayk An

Keyframes | Editor

[https://keyframes.app/editor/] - 2018-05-24 11:40:23 - public:xxx

animate, animations, CSS, CSS3, generator, HTML5, javascript, Jquery, keyframes, transition, webdesign, webdevelopment - 12 | id:83146 -

An insanely simple way to create CSS animations with a visual timeline.

Little Widgets: HTML Website Widgets & Popups

[http://niceverynice.com/little-widgets/preview/?ref=producthunt] - 2018-05-22 10:40:18 - public:xxx

code, html, snippets, webdesign, webdev, widget - 6 | id:83041 -

Little Widgets contains 24 thoughtful, professionally designed HTML5/CSS3 website popups and widgets. These popups will help you to subscribe new audience on your website, share new content like blog posts and products, register new users.

Bttn.css - Demo

[https://bttn.surge.sh/] - 2018-04-05 12:47:21 - public:xxx

animation, button, buttons, css, design, html, library, webdesign, webdev - 9 | id:59502 -

Bttn.css library demo

Best Responsive HTML5 Bootstrap Website Templates

[https://themefisher.com/] - 2018-03-29 08:46:21 - public:xxx

free, html5, templates, webdesign - 4 | id:57998 -

Themefisher is a great hub of Responsive HTML5 Bootstrap Website Templates.We also have free and premium website templates in our collection

Best of Themes - The simplest way to browse thousands of website themes

[https://www.bestofthemes.com/] - 2017-08-20 14:32:42 - public:xxx

copycat-design, html, programming, templates, webdesign, webdev - 6 | id:1738 -

minireset.css: a tiny modern CSS reset

[http://jgthms.com/minireset.css/] - 2017-08-20 14:16:34 - public:xxx

css, library, programming, webdesign, webdev - 5 | id:1730 -

Shoelace.css – a back to the basics CSS starter kit

[https://shoelace.style/] - 2017-08-20 13:58:37 - public:xxx

css, library, programming, style, webdesign, webdev - 6 | id:1721 -

OS Templates | Template Demos | Demo of the Realistic Free Website Template

[http://www.os-templates.com/website-templates/template-demos/free-website-templates/realistic/] - 2017-08-13 09:27:18 - public:xxx

free, html, templates, webdesign - 4 | id:1687 -

Live preview for Free Responsive Design Agency Template Website Template #52648

[https://www.templatemonster.com/demo/52648.html] - 2017-08-13 09:26:20 - public:xxx

free, html, programming, templates, webdesign, webdev - 6 | id:1686 -

Material Design

[https://material.io/] - 2017-04-19 05:54:49 - public:xxx

design, google, material, webdesign, webdev - 5 | id:13 -

Hero Patterns - Repeatable SVG Background Patterns

[http://www.heropatterns.com/] - 2017-01-19 02:42:18 - public:xxx

background, design, development, downloads, graphics, web, webdesign - 7 | id:25 -

Unheap - A tidy repository of jQuery plugins

[http://www.unheap.com/] - 2017-01-10 15:14:35 - public:xxx

development, downloads, javascript, jquery, lib, library, plugin, plugins, resources, tools, webdesign, webdev - 12 | id:27 -

CSS-Tricks

[https://css-tricks.com/] - 2017-01-10 15:11:48 - public:xxx

css, design, development, examples, graphics, learn, tricks, webdesign, webdev - 9 | id:29 -

Awwwards | The CSS website Awards

[http://www.awwwards.com/] - 2017-01-10 15:08:54 - public:xxx

awards, blogs, copycat-design, css, design, gallery, reference, web, webdesign, webdev - 10 | id:30 -

Design Guidelines — The way products are built.

[http://designguidelines.co/] - 2017-01-10 15:06:58 - public:xxx

copycat-design, design, development, graphics, webdesign, webdev - 6 | id:32 -

Copy cat all designs

Totally rocking websites | httpster

[https://httpster.net/2016/dec/] - 2016-12-11 06:06:32 - public:xxx

copycat-design, design, graphics, inspiration, programming, webdesign, webdev - 7 | id:41 -

Pure

[http://purecss.io/] - 2016-03-18 12:29:49 - public:xxx

css, css3, design, library, programming, pure, responsive, tools, webdesign, widget - 10 | id:64 -

Set of small css widgets to add to any page

AllThingsSmitty/css-protips · GitHub

[https://github.com/AllThingsSmitty/css-protips?utm_source=hackernewsletter&utm_medium=email&utm_term=design] - 2015-12-18 07:01:37 - public:xxx

css, programming, tips, web, webdesign - 5 | id:80 -

Subtle Patterns | Free textures for your next web project.

[http://subtlepatterns.com/] - 2015-12-15 03:39:52 - public:xxx

background, design, library, patterns, resources, textures, web, webdesign - 8 | id:83 -

Free & Premium Design Resources : Medialoot

[http://medialoot.com/] - 2015-09-14 14:07:17 - public:xxx

design, free, icons, resources, templates, tools, vector, web, webdesign - 9 | id:90 -

Official Google Webmaster Central Blog: 6 Quick Tips for International Websites

[http://googlewebmastercentral.blogspot.co.il/2013/05/6-quick-tips-for-international-websites.html] - 2015-09-07 13:22:12 - public:xxx

css, development, google, hebrew, i18n, programming, rtl, seo, tips, web, webdesign, website - 12 | id:91 -

better SEO for i18n pages

TEMPLATED - CSS, HTML5 and Responsive Site Templates

[http://templated.co/] - 2014-12-29 08:06:38 - public:xxx

css, downloads, free, html, html5, templates, webdesign - 7 | id:136 -

70 Stunning Responsive Sites for Your Inspiration | Mobify

[http://www.mobify.com/insights/70-stunning-responsive-sites-for-your-inspiration/] - 2014-12-22 06:19:47 - public:xxx

copycat-design, design, inspiration, responsive, web, webdesign - 6 | id:141 -

itshackademic.com

[http://itshackademic.com/] - 2014-11-24 01:58:57 - public:xxx

copycat-design, event, itshackademic, polymer, programming, tools, tutorials, web, webcomponents, webdesign, webdev - 11 | id:151 -

עשה ואל תעשה בקידום אתרים | Start SEO

[http://www.start-seo.co.il/%D7%A2%D7%A9%D7%94-%D7%95%D7%90%D7%9C-%D7%AA%D7%A2%D7%A9%D7%94-%D7%91%D7%A7%D7%99%D7%93%D7%95%D7%9D-%D7%90%D7%AA%D7%A8%D7%99%D7%9D?utm_source=Outbrain&utm_medium=CPC&utm_content=Panda_Article&utm_campaign=Panda_Article] - 2014-08-31 07:35:22 - public:xxx

hebrew, israel, seo, tips, webdesign - 5 | id:184 -

Responsive Design Tutorial Published | Keyhole Software

[http://keyholesoftware.com/2013/12/04/tutorial-responsive-design/#!] - 2014-01-07 02:33:48 - public:xxx

css, programming, responsive, webdesign - 4 | id:233 -

How to follow the Google webmaster guidelines

[http://www.feedthebot.com/] - 2014-01-07 02:29:02 - public:xxx

company, css, development, google, guide, optimization, seo, to_read, webdesign, webdevelopment - 10 | id:234 -

How to test responsive designs for free | Webdesigner Depot

[http://www.webdesignerdepot.com/2013/07/how-to-test-responsive-designs-for-free/?goback=.gde_3007928_member_262427095] - 2013-08-06 05:35:02 - public:xxx

coding, css, css3, design, html5, mobile, web, webdesign - 8 | id:255 -

responsive css screen sizes