Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords

[https://medium.com/@elad/understanding-the-initial-inherit-and-unset-css-keywords-2d70b7121695] - 2020-01-22 00:05:08 - public:xxx

css, webdesign - 2 | id:277200 -

CSS has default keywords for various values. In this article I’m going to talk about three of them: initial, inherit, and the relatively new one, unset. There’s a good chance that although most web…

30 seconds of code

[https://www.30secondsofcode.org/] - 2020-01-08 12:12:54 - public:xxx

code, css, javascript, python, snippets - 5 | id:277008 -

code snippets in javascript css and python

Flexbox Froggy - A game for learning CSS flexbox

[https://flexboxfroggy.com/] - 2019-10-31 04:08:23 - public:xxx

css, flex, tutorial, webdev - 4 | id:269619 -

Photopea | Online Photo EditorPhotopea | edit Photoshop files online

[https://www.photopea.com/] - 2019-09-20 06:59:27 - public:xxx

css, drawings, editor, media, online, photos, tools - 7 | id:266866 -

CSS Card Hover Effects

[https://codepen.io/Jhonierpc/pen/MWgBJpy] - 2019-09-18 08:06:29 - public:xxx

card, copycat-design, css, design, sample - 5 | id:266844 -

This Ain’t Disney: A practical guide to CSS transitions and animations

[https://blog.prototypr.io/this-aint-disney-a-practical-guide-to-css-transitions-and-animations-a8b87e7c5531] - 2019-08-12 11:12:37 - public:xxx

animation, css, transition, webdev - 4 | id:266055 -

Oh, animation… we want to get it right so badly, don’t we? I mean, does anybody really enjoy a stiff, snappy UI? Can anyone admit they’re not delighted when a component slides into view and appears…

CSSWAND

[https://www.csswand.dev/] - 2019-06-14 06:01:28 - public:xxx

css, snippets, webdesign, webdev - 4 | id:253367 -

Copy paste some nice CSS tricks

Log writing - UI Movement

[https://uimovement.com/design/log-writing/] - 2019-06-09 08:20:47 - public:xxx

animation, css, design, javascript, micro animation, microt, webdev - 7 | id:253313 -

Everything You Ever Wanted to Know About inputmode | CSS-Tricks Everything You Ever Wanted to Know About inputmode | CSS-Tricks mticon-linkicon-logo-staricon-searchicon-star

[https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/] - 2019-05-27 06:29:20 - public:xxx

css, development, dom, html, input, inputmode - 6 | id:251748 -

The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user

Flex — A FlexBox Builder.

[https://jakehwll.github.io/flex] - 2019-05-14 08:46:55 - public:xxx

builder, css, development, flex, online, webdev - 6 | id:251564 -

Flex builder online

CSSFX - Beautifully simple click-to-copy CSS effectscssCSSFX - Beautifully simple click-to-copy CSS effects

[https://cssfx.dev/] - 2019-05-10 01:50:20 - public:xxx

animation, buttons, code, css, snippets, tricks, webdev - 7 | id:251536 -

Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease of use.

CSS Transform Functions Visualizer

[https://css-transform.moro.es/] - 2019-05-06 03: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

Awesome Demos Roundup #3 | Codrops

[https://tympanus.net/codrops/2019/04/15/awesome-demos-roundup-3/] - 2019-04-28 03:46:38 - public:xxx

amazing, awesome, css, demo, graphics, html5 - 6 | id:244359 -

The third collection of beautiful, creative experiments that we've found around the web.

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 10: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…

How To Align Things In CSS — Smashing MagazineHow To Align Things In CSS — Smashing MagazineSearchClear SearchBack to top

[https://www.smashingmagazine.com/2019/03/css-alignment/] - 2019-04-04 10:56:16 - public:xxx

align, css, html, learn, webdesign - 5 | id:244049 -

Is can be quite a challenge to align things with CSS. Rachel Andrew takes a look.

CSSeffectsSnipets.

[https://emilkowalski.github.io/css-effects-snippets/] - 2019-03-25 07:12:22 - public:xxx

animation, css, snippets, vanilla, webdesign - 5 | id:243973 -

Easy to copy CSS animation snippets

30 seconds of interviews

[https://30secondsofinterviews.org/] - 2019-02-09 05:42:17 - public:xxx

code, CSS, development, HTML, Interview, javascript, learn, Questions - 8 | id:241648 -

A curated collection of common web development interview questions to help you prepare for your next interview.

CSS Cheat Sheet

[https://adam-marsden.co.uk/css-cheat-sheet] - 2019-01-30 09: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 02:53:14 - public:xxx

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

Bttn.css - Demo

[http://bttn.surge.sh/] - 2018-12-30 22:59:59 - public:xxx

button, css, library - 3 | id:230180 -

Bttn.css library demo

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 02: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 08: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 04: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 06: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 11: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 11: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 11: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 08: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 10: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.