Pyxofy
@pyxofy
- 4 Followers
- 0 Following
- 1,002 Posts
Sliding 3D Image Frames In CSS — Smashing Magazine
Creating 3D effects in CSS isn’t an entirely new concept, but typical approaches use additional elements in the markup and pseudo-elements in the styles to pull it off. Temani Afif applies 3D effects and sliding transitions to a single `` using clever CSS techniques that demonstrate advanced, modern styling practices.
CLI UX best practices: 3 patterns for improving progress displays—Martian Chronicles, Evil Martians’ team blog
3 popular UI patterns for keeping users informed about ongoing processes: the spinner, the X of Y pattern, and the progress bar, the pros and cons of each, and tips for choosing the one that best suits your needs.
Converting Plain Text To Encoded HTML With Vanilla JavaScript — Smashing Magazine
What do you do when you need to convert plain text into formatted HTML? Perhaps you reach for Markdown or manually write in the element tags yourself. Or maybe you have one or two of the dozens of online tools that will do it for you. In this tutorial, Alexis Kypridemos picks those tools apart and details the steps for how we can do it ourselves with a little vanilla HTML, CSS, and JavaScript.
What's Next for a Global Design System
I recently published an article outlining the need for a Global Design System. In my post I stated: A Global Design System would improve the quality and accessibility of the world’s web experiences, save the world’s web designers and developers millions of hours, and make better use of our colle
Modern CSS Tooltips And Speech Bubbles (Part 2) — Smashing Magazine
In Part 1 of this series, Temani Afif explored different CSS techniques to create tooltip shapes. The main challenge was to rely on a single element and create optimized code that could easily be controlled using CSS variables to update the size, shape, and position of the tail. In this second part, you are going explore more shapes.
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 2
https://pyxo.me/0a0b95 #pyxofy #cssart #codenewbie
https://pyxo.me/0a0b95 #pyxofy #cssart #codenewbie
