Safari

Safari

85 bookmarks
Custom sorting
Bricolage Grotesque — Free & Open Source Variable Font
Bricolage Grotesque — Free & Open Source Variable Font
An expressive variable font that blends iconic French and British designs across three axes: weight, width, and optical size. It visually expresses what it feels like when you cannot be what you were and yet you can never truly be anybody else.
·ateliertriay.github.io·
Bricolage Grotesque — Free & Open Source Variable Font
Cyclic Dependency Space Toggles
Cyclic Dependency Space Toggles
Over the past few years, I wanted to be able to select a value from a list in CSS by toggling a single custom property. We have the “space toggle” for booleans, and hopefully, one day, we’ll get style queries, but what about today? In this article, I present you with the technique I recently discovered.
·kizu.dev·
Cyclic Dependency Space Toggles
egoist/mordred
egoist/mordred
[Experimental] Source data from anywhere, for Next.js, Nuxt.js, Eleventy and many more. - egoist/mordred
·github.com·
egoist/mordred
camwiegert/typical
camwiegert/typical
Animated typing in ~400 bytes 🐡 of JavaScript. Contribute to camwiegert/typical development by creating an account on GitHub.
·github.com·
camwiegert/typical
BetterBrandAgency/betterboilerplate
BetterBrandAgency/betterboilerplate
A front end framework making use of BEM and SASS. Contribute to BetterBrandAgency/betterboilerplate development by creating an account on GitHub.
·github.com·
BetterBrandAgency/betterboilerplate
sonburn/artboard-framer
sonburn/artboard-framer
Frame your artboards with a mobile device or desktop browser. - sonburn/artboard-framer
·github.com·
sonburn/artboard-framer
Home
Home
·themes.muffingroup.com·
Home
How to easily create themes with CSS Variables
How to easily create themes with CSS Variables
One of the best use cases for CSS Variables is theme creation. And by that, I don’t only mean changing themes for your entire app, as that’s probably not something you need to do very often. What’s more relevant is the ability to easily create component specific themes. This could, for example, be when you need to mark an e-commerce product as added to cart. Or perhaps your site has an admin section which includes a darker sidebar section. CSS Variables enable you to do this in a simpler and m
·freecodecamp.org·
How to easily create themes with CSS Variables
SASS Color Theme without repeat elements
SASS Color Theme without repeat elements
I need to create themes with many colors using sass, but all examples I saw I have to replicate blocks of CSS using different variable names. What I want is use same name variables on different cla...
·stackoverflow.com·
SASS Color Theme without repeat elements
Stickybits: an alternative to `position: sticky` polyfills
Stickybits: an alternative to `position: sticky` polyfills
Stickybits is a small JavaScript utility plugin. It's goal is not to get in the way. It does one thing well: help with sticky elements. It is not
·css-tricks.com·
Stickybits: an alternative to `position: sticky` polyfills
Make jQuery waypoints unstick when you hit the footer section
Make jQuery waypoints unstick when you hit the footer section
So I'm using jQuery waypoints for a sticky social media nav which is working perfectly, however, when I hit the footer element it keeps scrolling. Ideally I would like the sticky nav to stay at the
·stackoverflow.com·
Make jQuery waypoints unstick when you hit the footer section
Reusable, Maintainable, and Modular CSS
Reusable, Maintainable, and Modular CSS
A few advantages of CSS are it’s a declarative, readable, easy-to-use nature. It’s not that hard to start writing CSS and seeing results…
·medium.com·
Reusable, Maintainable, and Modular CSS
inuitcss/inuitcss
inuitcss/inuitcss
Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects. - inuitcss/inuitcss
·github.com·
inuitcss/inuitcss
stubbornella/oocss
stubbornella/oocss
Object Oriented CSS Framework. Contribute to stubbornella/oocss development by creating an account on GitHub.
·github.com·
stubbornella/oocss
Linode Plans & Pricing Table
Linode Plans & Pricing Table
Compare plans sizes and pricing to find the perfect match for your application's needs. Choose from a wide range of instance types.
·linode.com·
Linode Plans & Pricing Table
Vultr: High Performance SSD Cloud
Vultr: High Performance SSD Cloud
We are simplifying the cloud. One Login, 9 Countries, 16 Cities, Infinite Possibilities.
·vultr.com·
Vultr: High Performance SSD Cloud
A Priority+ Navigation With Scrolling and Dropdowns
A Priority+ Navigation With Scrolling and Dropdowns
The following is a guest post by Micah Miller-Eshleman. Micah designed a variation of the "Priority+ Navigation" concept and uses it in production at the
·css-tricks.com·
A Priority+ Navigation With Scrolling and Dropdowns
Using Twig and Timber for Your Next Website
Using Twig and Timber for Your Next Website
We build sites on a variety of CMS platforms, including WordPress, Drupal, Craft and our own HiFi, but they all have something in common: Twig. Twig is a PHP...
·newmediacampaigns.com·
Using Twig and Timber for Your Next Website
Priority Guides: A Content-First Alternative to Wireframes
Priority Guides: A Content-First Alternative to Wireframes
The sirens’ song of wireframe visuals has been the thorn in the side of many a design project. With potential to undermine user-centricity, reduce team engagement, and limit creativity when it’s mo…
·alistapart.com·
Priority Guides: A Content-First Alternative to Wireframes