yabs.io

Yet Another Bookmarks Service

Viewing xxx's Bookmarks

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 -

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

With marked bookmarks

Mark all

| (+) | |

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

Follow Tags

css - Please Log In To follow this tag

Export:

JSON XML RSS