CSS Transform Functions Visualizer

[https://css-transform.moro.es/] - 2019-05-06 10:28:11 - public:xxx

2D, 3D, CSS, CSS3, csstransform, demo, functions, learn, transform, webdev - 10 | id:251485 -

CSS3 2D / 3D Transform Functions Visualizer and Playground

Finally, a CSS only solution to :hover on touchscreens

[https://blog.usejournal.com/finally-a-css-only-solution-to-hover-on-touchscreens-c498af39c31c] - 2019-04-05 17:17:21 - public:xxx

button, css, development, hover, mobile, webdev - 6 | id:244065 -

There have been problems with the :hover pseudo-class ever since the first web browser was installed on a touchscreen device. Of course there were solutions, but none of those were the solution. With…

CSS Cheat Sheet

[https://adam-marsden.co.uk/css-cheat-sheet] - 2019-01-30 17:07:16 - public:xxx

cheatsheet, css, design, online, webdesign, webdev - 6 | id:234083 -

CSS Cheat Sheet - A reference for CSS goodness.

anime.js • JavaScript animation engine

[https://animejs.com/] - 2019-01-16 10:53:14 - public:xxx

animation, css, javascript, lib, library, webdev - 6 | id:232209 -

Common CSS Issues For Front-End Projects — Smashing MagazineCommon CSS Issues For Front-End Projects — Smashing MagazineSearchClear SearchBack to top

[https://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects/] - 2018-12-30 10:13:29 - public:xxx

css, tips, tricks, webdev - 4 | id:230161 -

Rendering and interaction have become a lot more consistent across browsers in recent years. It’s still not perfectly uniform, however, and a lot of small issues can trip you up. A list of common issues along with their solutions.

An Introduction and Guide to the CSS Object Model (CSSOM) | CSS-Tricks

[https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/] - 2018-12-12 16:48:16 - public:xxx

css, html, programming, tricks, webdev, webdevelopment - 6 | id:229242 -

If you've been writing JavaScript for some time now, it's almost certain you've written some scripts dealing with the Document Object Model (DOM). DOM How to use the CSS Object Model (CSSOM) to read and manipulate inline styles and CSS from exertnal stylesheets.

Wenk - Lightweight pure CSS tooltip for the greater good

[https://tiaanduplessis.github.io/wenk/] - 2018-11-29 12:08:12 - public:xxx

code, css, library, tooltip, webdev - 5 | id:226458 -

30 Seconds of CSS

[https://30-seconds.github.io/30-seconds-of-css/] - 2018-11-25 14:20:21 - public:xxx

code, css, sample, snippets, webdesign, webdev - 6 | id:226356 -

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.

Animate.css

[https://daneden.github.io/animate.css/] - 2018-10-24 18:04:43 - public:xxx

animation, css, html5, library, webdev - 5 | id:187241 -

Library for short animations in css

Fancy Border Radius Generator

[https://9elements.github.io/fancy-border-radius/#30.30.69.47--.] - 2018-10-24 18:02:15 - public:xxx

borderradius, cool, css, html5, tools, webdev - 6 | id:187240 -

A visual generator to build organic looking shapes with the help of CSS3 border-radius property

The Shapes of CSS | CSS-TricksThe Shapes of CSS | CSS-Tricksicon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag

[https://css-tricks.com/the-shapes-of-css/] - 2018-10-03 18:13:54 - public:xxx

css, draw, icons, snippets, webdev - 5 | id:185183 -

CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you

Bulma: a modern CSS framework based on Flexbox

[https://bulma.io/] - 2018-08-23 15:34:55 - public:xxx

css, design, framework, library, webdev - 5 | id:178040 -

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

Advanced effects with CSS background blend modes – LogRocket

[https://blog.logrocket.com/advanced-effects-with-css-background-blend-modes-4b750198522a] - 2018-08-22 17:07:49 - public:xxx

background, css, development, graphics, tricks, webdev - 6 | id:178030 -

Learn about background-blend-mode and how you can use it to create eye-catching backgrounds and photo effects that once were only possible in Photoshop.

CSS · Bootstrap CSS · Bootstrap

[https://getbootstrap.com/docs/3.3/css/] - 2018-05-13 18:07:33 - public:xxx

bootstrap, css, development, help, reference, webdev - 6 | id:82979 -

Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.

Box Shadow CSS Generator

[http://html-css-js.com/css/generator/box-shadow/] - 2018-04-06 16:03:42 - public:xxx

box, css, generator, html, shadow, webdev - 6 | id:59507 -

Set the properties of your box shadow to get the CSS style. Use the sliders and the color picker to set the values and watch the live preview

Bttn.css - Demo

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

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

Bttn.css library demo

Pretty checkbox | Custom checkbox and radio buttons in pure css | Beautiful and nice looking

[https://lokesh-coder.github.io/pretty-checkbox/] - 2018-04-05 14:31:15 - public:xxx

checkbox, css, design, development, html, input, javascript, vanilla, webdev - 9 | id:59501 -

A pure CSS library to beautify the checkbox and radio buttons

A Complete Guide to Flexbox | CSS-Tricks

[https://css-tricks.com/snippets/css/a-guide-to-flexbox/] - 2018-03-11 13:03:31 - public:xxx

cheatsheet, css, design, development, flex, flexgrid, webdev - 7 | id:53753 -

Flexbox CSS webdev cheat sheet

Build Gradient Background in CSS

[https://cssgradient.io/] - 2018-03-11 09:31:56 - public:xxx

background, css, design, development, webdev - 5 | id:53751 -

Build Gradient Background in CSS

Vivify - CSS Animation Library

[http://vivify.mkcreative.cz/] - 2017-08-29 18:06:55 - public:xxx

animation, code, css, graphics, library, programming, webdev - 7 | id:1793 -

minireset.css: a tiny modern CSS reset

[http://jgthms.com/minireset.css/] - 2017-08-20 21: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 20:58:37 - public:xxx

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

The Ultimate Website Code Generator

[https://webcode.tools/] - 2017-06-19 18:13:36 - public:xxx

code, css, generator, html, online, tools, webdev - 7 | id:9 -

Code snippets generator

Animista

[http://animista.net/] - 2017-03-20 15:46:11 - public:xxx

animation, awesome, code, css, design, web, webdev - 7 | id:14 -

Awesome CSS animation builder

Google HTML/CSS Style Guide

[https://google.github.io/styleguide/htmlcssguide.xml] - 2017-01-27 14:23:03 - public:xxx

best-practice, code, css, development, guide, html, programming, webdev - 8 | id:22 -

CSS Reference - A free visual guide to the most popular CSS properties

[http://cssreference.io/] - 2017-01-10 23:12:43 - public:xxx

css, css3, design, development, reference, tools, tricks, webdev - 8 | id:28 -

CSS-Tricks

[https://css-tricks.com/] - 2017-01-10 23: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 23:08:54 - public:xxx

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

Hint.css - A tooltip library in CSS

[http://kushagragour.in/lab/hint/?ref=producthunt] - 2016-01-26 20:06:56 - public:xxx

code, css, development, javascript, lib, library, popup, tools, tooltip, web, webdev - 11 | id:75 -

Ludicrously Fast Page Loads - A Guide for Full-Stack Devs

[http://www.nateberkopec.com/2015/10/07/frontend-performance-chrome-timeline.html?utm_source=hackernewsletter&utm_medium=email&utm_term=fav] - 2015-10-09 19:39:31 - public:xxx