yabs.io

Yet Another Bookmarks Service

Viewing xxx's Bookmarks

Simple CSS Line Hover Animations for Links | Codrops

[https://tympanus.net/codrops/2021/02/10/simple-css-line-hover-animations-for-links/] - 2021-02-16 01:25:12 - public:xxx

css, effects, hover, tutorials, underline, webdesign - 6 | id:573859 -

CSS transitions and hover animations, an interactive guide

[https://www.joshwcomeau.com/animation/css-transitions/] - 2021-02-10 11:21:26 - public:xxx

animation, css, design, transition, translate, tutorials, webdesign, webdev - 8 | id:573773 -

blocks.css

[https://thesephist.github.io/blocks.css] - 2021-02-06 09:23:17 - public:xxx

buttons, css, lib, library, webdev - 5 | id:573714 -

css and javascripts to build buttons

Pure CSS Stripes Generator - No Flash, No Image, ONLY CSS

[https://stripesgenerator.com/] - 2021-02-02 05:01:11 - public:xxx

background, css, generator, graphics - 4 | id:573668 -

How to resize an image in HTML?

[https://imagekit.io/blog/how-to-resize-image-in-html/] - 2021-01-20 11:57:31 - public:xxx

css, html, image, images, resize - 5 | id:488442 -

How to create “Typing Effect” in CSS and JS | by JW | Frontend Weekly | Jan, 2021 | Medium

[https://medium.com/front-end-weekly/how-to-create-typing-effect-in-css-and-js-3252dd807f0a] - 2021-01-20 11:55:25 - public:xxx

css, effects, javascript, js, programming, tricks, typing - 7 | id:488441 -

AnimXYZ

[https://animxyz.com/] - 2021-01-07 13:17:10 - public:xxx

animation, code, css, webdesign - 4 | id:485613 -

Create CSS animations online

Centering in CSS

[https://web.dev/centering-in-css/] - 2020-12-22 01:20:07 - public:xxx

centering, css, flex, flexgrid, grid, webdesign, webdev - 7 | id:476318 -

flex, grid, css, programming

Web Statistics | Web Almanac 2020

[https://almanac.httparchive.org/en/2020/table-of-contents] - 2020-12-12 07:33:37 - public:xxx

css, html, javascript, state, statistics, to_read, web, webdev - 8 | id:466661 -

Web Statistics on 2020

The Rules of Margin Collapse

[https://www.joshwcomeau.com/css/rules-of-margin-collapse/] - 2020-12-10 01:35:12 - public:xxx

collapse, css, learn, margin, rules, webdesign, webdev - 7 | id:466629 -

CSS Scroll Snap

[https://ishadeed.com/article/css-scroll-snap/?ref=sidebar] - 2020-12-09 01:20:30 - public:xxx

css, howto, mobile, scroll, scrollsnap, webdesign, webdev - 7 | id:466620 -

CSS Flexbox Tutorial for Beginners (With Interactive Examples)

[https://www.codeinwp.com/blog/css-flexbox-tutorial/] - 2020-12-03 07:46:37 - public:xxx

css, flex, flexgrid, learn, tutorials, webdesign, webdev - 7 | id:438444 -

(3) Minko Gechev on Twitter: “You can use only CSS to create resizable elements! Just set “resize: both“ and you'd enable vertical and horizontal resizing in a single line

[https://twitter.com/mgechev/status/1333312374279991301] - 2020-12-03 07:45:24 - public:xxx

css, resize, tricks, webdesign - 4 | id:438443 -

The State of CSS 2020

[https://2020.stateofcss.com/en-US/] - 2020-12-03 07:43:03 - public:xxx

css, results, survey, webdesign, webdev - 5 | id:438441 -

Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane Browser for Developers

[https://polypane.app/css-3d-transform-examples/] - 2020-10-06 05:52:37 - public:xxx

3d, cards, css, design, nice, snippets, webdesign, widget - 8 | id:415552 -

Gradient Magic - Fantastic and Unique CSS Gradients

[https://www.gradientmagic.com/] - 2020-08-21 08:52:56 - public:xxx

background, css, webdesign - 3 | id:366388 -

Four subtle Text-Effects to spice up your web-site - DEV

[https://dev.to/akhilarjun/four-subtle-text-effects-to-spice-up-your-web-site-27e7] - 2020-08-20 04:15:18 - public:xxx

cool, css, effects, nice, snippets, text, webdesign, widget - 8 | id:366354 -

GitHub - twbs/icons: Official open source SVG icon library for Bootstrap.

[https://github.com/twbs/icons] - 2020-08-11 09:28:36 - public:xxx

bootstrap, css, downloads, free, icons, svg - 6 | id:363216 -

Ten modern layouts in one line of CSS

[https://web.dev/one-line-layouts/] - 2020-08-11 09:27:44 - public:xxx

css, design, layout, tricks, webdesign, webdev, widget - 7 | id:363215 -

this vs that - What is the difference between _ and _ in the front-end development?

[https://thisthat.dev/] - 2020-08-06 08:34:36 - public:xxx

css, tips, tricks, webdesign, webdev - 5 | id:363155 -

What does 100% mean in CSS?

[https://wattenberger.com/blog/css-percents] - 2020-08-05 08:54:54 - public:xxx

css, height, percentages, webdesign, webdev, width - 6 | id:363143 -

Some CSS comics

[https://jvns.ca/blog/2020/07/25/some-comics-about-css/] - 2020-08-01 02:12:18 - public:xxx

css, help, webdesign, webdev - 4 | id:363095 -

Help with some basic CSS information

Understanding CSS Multiple Backgrounds

[https://ishadeed.com/article/css-multiple-backgrounds/] - 2020-07-29 11:16:52 - public:xxx

background, css, design, tutorials, webdesign - 5 | id:363068 -

A CSS-only, animated, wrapping underline. | Nicky blogs

[https://nickymeuleman.netlify.app/blog/css-animated-wrapping-underline] - 2020-07-27 04:39:29 - public:xxx

animation, css, underline, webdesign, webdev, widget - 6 | id:363042 -

Dialog - Shoelace: A forward-thinking library of web components.

[https://shoelace.style/components/dialog] - 2020-07-27 04:37:48 - public:xxx

css, design, framework, good, graphics, icons, lib, library, webdev - 9 | id:363041 -

Things I Wish I’d Known About CSS | CSS For Designers

[https://cssfordesigners.com/articles/things-i-wish-id-known-about-css] - 2020-07-25 05:44:18 - public:xxx

css, design, learn, webdesign, webdev - 5 | id:362953 -

Some important notices regarding CSS

Design Better Buttons - NextUX - Medium

[https://medium.com/nextux/design-better-buttons-6b64eb7f13bc] - 2020-07-02 02:13:39 - public:xxx

button, buttons, css, design, webdesign - 5 | id:350555 -

Buttons CSS design

knopf.css

[https://knopf.dev/] - 2020-06-24 10:55:06 - public:xxx

button, buttons, css, design, lib, library, webdesign, webdev - 8 | id:350462 -

Another buttons css library to view button

An Overview of Scroll Technologies | CSS-Tricks

[https://css-tricks.com/an-overview-of-scroll-technologies/] - 2020-06-24 10:54:02 - public:xxx

css, javascript, paralax, scroll, scrollsnap, sticky, webdesign, webdev - 8 | id:350461 -

Scroll technologies - sticky, paralax, scrollsnap and more

700+ CSS Icons, Customizable, Retina Ready & API

[https://css.gg/] - 2020-06-19 11:51:46 - public:xxx

css, downloads, free, icons - 4 | id:350363 -

A micro-animations library

[https://useanimations.com/#explore] - 2020-06-17 11:29:47 - public:xxx

animation, css, icons, js, lib, library, micro, webdesign - 8 | id:350329 -

Blobs - Generate beautiful blob shapes for web and flutter apps

[https://blobs.app/] - 2020-06-12 07:23:03 - public:xxx

background, blob, css, generator, online, svg, webdesign - 7 | id:350212 -

SVG background blob generator

Animate.css

[https://animate.style/] - 2020-06-10 12:26:57 - public:xxx

animation, css, design, html, lib, library, web, webdesign - 8 | id:350197 -

Nice - a library for animating components in CSS inside web

The complete guide to CSS media queries | Polypane browser for dev & design

[https://polypane.app/blog/the-complete-guide-to-css-media-queries/] - 2020-06-10 12:26:01 - public:xxx

css, guide, learn, media-queries, webdesign, webdev - 6 | id:350196 -

Awesome Demos Roundup #15 | Codrops

[https://tympanus.net/codrops/2020/04/19/awesome-demos-roundup-15/] - 2020-04-26 01:14:57 - public:xxx

amazing, awesome, css, demo, html5, nice, sample, webdev, websites - 9 | id:309716 -

Spacing in CSS

[https://ishadeed.com/article/spacing-in-css/] - 2020-04-23 01:05:33 - public:xxx

css, flex, html, spacing, tutorials, webdesign, webdev - 7 | id:309662 -

Learn CSS and how to create space

Responsive Images the Simple Way - Cloud Four

[https://cloudfour.com/thinks/responsive-images-the-simple-way/] - 2020-04-06 04:36:06 - public:xxx

css, html, image, images, responsive, webdesign, webdev - 7 | id:292808 -

MoreToggles.css

[https://jnkkkk.github.io/MoreToggles.css/] - 2020-04-01 13:06:13 - public:xxx

controls, css, lib, library, nice, toggels, webdesign, webdev - 8 | id:290991 -

Nice toggles controls in pure CSS

MVP.css - Minimalist stylesheet for HTML elements

[https://andybrewer.github.io/mvp/] - 2020-03-27 13:46:46 - public:xxx

css, design, easy, library, small - 5 | id:290954 -

Boilerplate base css file

Everything About Auto in CSS

[https://ishadeed.com/article/auto-css/] - 2020-03-23 14:02:37 - public:xxx

auto, css, learn, tutorial, webdev - 5 | id:290886 -

Learn the auto property in CSS

CSS { In Real Life } | Positioning Text Along a Path with CSS

[https://css-irl.info/positioning-text-along-a-path-with-css/] - 2020-03-22 01:46:47 - public:xxx

css, graphics, nice, positioning, text, webdev - 6 | id:290852 -

How to use CSS Scroll Snap - LogRocket Blog

[https://blog.logrocket.com/how-to-use-css-scroll-snap/] - 2020-03-18 14:50:09 - public:xxx

css, scroll, scrollsnap, webdesign - 4 | id:290823 -

Distorted Link Effects | Codrops

[https://tympanus.net/Development/DistortedLinkEffects/] - 2020-03-06 05:37:03 - public:xxx

css, graphics, lines, links, nice, webdev - 6 | id:285216 -

GitHub - astrit/css.gg: 500+ CSS Icons. Customizable, Retina Ready with API & NPM

[https://github.com/astrit/css.gg] - 2020-03-05 05:23:29 - public:xxx

css, graphics, icons, retina, webdev - 5 | id:285199 -

A Complete Guide to Links and Buttons | CSS-Tricks

[https://css-tricks.com/a-complete-guide-to-links-and-buttons/] - 2020-02-17 01:35:13 - public:xxx

bestpractices, buttons, css, html, links - 5 | id:283087 -

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 -

With marked bookmarks

Mark all

| (+) | |

Viewing 1 - 50, 50 links out of 177 links, page: 1

Follow Tags

css - Please Log In To follow this tag

Export:

JSON XML RSS