Design Engineering

2994 bookmarks
Custom sorting
WP Test
WP Test
The Best Tests for WordPress
·wptest.io·
WP Test
clip-path | CSS-Tricks
clip-path | CSS-Tricks
The clip-path property in CSS allows you to specify a specific region of an element to display, with the rest being hidden (or "clipped") away.
·css-tricks.com·
clip-path | CSS-Tricks
The easiest way to do scroll animations in GatsbyJS
The easiest way to do scroll animations in GatsbyJS
One thing that many of my clients are asking for these days is to include slide-in, pop up, or some other kind of animation on their website. And you can go ahead and write the CSS yourself or use a more React-oriented solution like react-intersectio...
·blog.larsbehrenberg.com·
The easiest way to do scroll animations in GatsbyJS
A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine
A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine
The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!
·smashingmagazine.com·
A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine
Getting started with CSS Custom Properties - Tutorial - Piccalilli
Getting started with CSS Custom Properties - Tutorial - Piccalilli
Custom properties in CSS are exceptionally useful, not just for tokenising your CSS, but also for abstracting complexity and interactivity into smaller, easier to manage pieces. This short guide will get you up to speed with how they work and how to use them.
·piccalil.li·
Getting started with CSS Custom Properties - Tutorial - Piccalilli
Customize WordPress Themes Live | CSS Hero: Visual CSS Editor
Customize WordPress Themes Live | CSS Hero: Visual CSS Editor
A revolutionary Visual CSS Editing WordPress Plugin allowing deep theme personalization in minutes, live preview and full editing history. For CSS pros and newbies, turbocharge your creativity!
·csshero.org·
Customize WordPress Themes Live | CSS Hero: Visual CSS Editor
CSS Grid full-bleed layout tutorial · Josh W Comeau
CSS Grid full-bleed layout tutorial · Josh W Comeau
Back in the day, there was a gold-standard website layout that everyone strived to create, but that was notoriously difficult to get right…
·joshwcomeau.com·
CSS Grid full-bleed layout tutorial · Josh W Comeau
How to create a card layout using CSS Grid Layout | Layout
How to create a card layout using CSS Grid Layout | Layout
The perfect layout is just a few steps away, and we have everything you need to get started. Using CSS Grid Layout, you can create your ideal framework!
·getflywheel.com·
How to create a card layout using CSS Grid Layout | Layout
EazyCSS
EazyCSS
No code CSS editor for any website.
·eazycss.com·
EazyCSS
CUBE CSS - Piccalilli
CUBE CSS - Piccalilli
A CSS methodology oriented towards simplicity and consistency with a heavy dosage of pragmatism.
·piccalil.li·
CUBE CSS - Piccalilli
The Complete CSS Flex Box Tutorial
The Complete CSS Flex Box Tutorial
Much like CSS Grid (my other Medium tutorial) Flex Box is quite complex because it consists of not one but two element types: The container…
·medium.com·
The Complete CSS Flex Box Tutorial
MageTools: What DevTools should be
MageTools: What DevTools should be
MageTools is DevTools reimagined. Inspect styles 5x faster. Add CSS in real time. Easily jump between parents and children.
·mage.tools·
MageTools: What DevTools should be
rotated text in sidebar - css
rotated text in sidebar - css
I want to make a sidebar where the text is rotated and centered inside the sidebar. I want this in text and css, not background image or something... How would something like this be done in css? I
·stackoverflow.com·
rotated text in sidebar - css
A Complete Guide to Flexbox
A Complete Guide to Flexbox
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and …
·css-tricks.com·
A Complete Guide to Flexbox
Animate Calligraphy with SVG | CSS-Tricks
Animate Calligraphy with SVG | CSS-Tricks
From time to time at Stackoverflow, the question pops up whether there is an equivalent to the stroke-dashoffset technique for animating the SVG stroke
·css-tricks.com·
Animate Calligraphy with SVG | CSS-Tricks
What is a Headless CMS? | CSS-Tricks
What is a Headless CMS? | CSS-Tricks
Have you heard this term going around? It's quite in vogue. It's very related to The Big Conversation™ on the web the last many years. How are we
·css-tricks.com·
What is a Headless CMS? | CSS-Tricks
A Strategy Guide To CSS Custom Properties
A Strategy Guide To CSS Custom Properties
Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties.
·smashingmagazine.com·
A Strategy Guide To CSS Custom Properties
CSS Stats
CSS Stats
·cssstats.com·
CSS Stats
Animista
Animista
Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.
·animista.net·
Animista
DeepAR ~ Snapchat Face Filters and Lenses Augmented Reality SDK
DeepAR ~ Snapchat Face Filters and Lenses Augmented Reality SDK
DeepAR.ai is an SDK for Snapchat face filters, face lenses and effects for any iOS, Android, Unity or HTML5 app. Full face detection, face tracking software for AR and Augmented Reality advertising
·deepar.ai·
DeepAR ~ Snapchat Face Filters and Lenses Augmented Reality SDK
Closed School Information Page
Closed School Information Page
Formats the Html codes.FormatFix the Html to be XHtml compliantFix Write Validate that the text is XHtml compliant.Validate Proofing
·artinstitutes.edu·
Closed School Information Page
Blot – A blogging platform with no interface
Blot – A blogging platform with no interface
Turns a folder into a blog automatically. Use your favorite text-editor to write. Text and Markdown files, Word Documents, images, bookmarks and HTML in your folder become blog posts.
·blot.im·
Blot – A blogging platform with no interface