Search
CSS-Tricks Chronicle XXXVIII
30.4.2020
Hey hey, these “chronicle” posts are little roundups of news that I haven’t gotten a chance to link up yet. They are often things that I’ve done off-site, like be a guest on a podcast or online conference. Or it’s news from other projects I work on. Or some other thing...
Collective #604
30.4.2020
The Open Web is Dying * Are you using SVG favicons yet? * Immersive Section Transition * Trails * What is a resilient website?
Collective #604 was written by Pedro Botelho and published on Codrops
Morphing Gooey Text Hover Effect
28.4.2020
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
Morphing Gooey Text Hover Effect was written by Mary Lou and published on Codrops
8 Daring Examples of Cyberpunk Design
24.4.2020
Cyberpunk design was a discovery of the previous year. Although it did not take the web by storm like flat style or material design did once, it was undoubtedly...
The post 8 Daring Examples of Cyberpunk Design appeared first on Onextrapixel
Collective #603
23.4.2020
Gallery * Responsive CSS Motion Path * Spacing in CSS * pattern.css * The Cost of JavaScript Frameworks
Collective #603 was written by Pedro Botelho and published on Codrops
Puzzles and Mysteries
22.4.2020
Bob Hoffman:
Puzzles, [Malcom Gladwell] wrote, are problems for which there is not enough information. An example of a puzzle: Where is Jimmy Hoffa buried? If we had more information, we would know the answer. If someone told us “Jimmy Hoffa is buried in New Jersey,” we’d know a little more than...
Brutalist Web Design – A Big Trend to Notice
21.4.2020
Several years ago, we were introduced to brutalist web design. In that sophisticated era focused on intricate ideas, the use of high-end solutions, and polished realizations, it went like...
The post Brutalist Web Design – A Big Trend to Notice appeared first on Onextrapixel
Fake Code
21.4.2020
Here’s a fun little idea from Knut Synstad. You give it the URL of a GitHub Gist and it converts the Gist into grayscale rounded blobs (SVG) that sorta look like code if you squint. Maybe fun for interesting dynamic backgrounds or for whatever you might use code-looking stock art for.
It...
Everything You Need to Know (But Never Asked) About a Website Privacy Policy
20.4.2020
You see them on almost every website you visit. Click throughs to accept cookies and read privacy policies. But this isn’t just a default state for web designers to...
The post Everything You Need to Know (But Never Asked) About a Website Privacy Policy appeared first on Onextrapixel
Awesome Demos Roundup #15
19.4.2020
A fresh collection of the most intriguing coding experiments from around the web.
Awesome Demos Roundup #15 was written by Mary Lou and published on Codrops
Front-End Challenges
17.4.2020
My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If the websites you make can help yourself or anyone else you care about, then that’s also great. In lieu of that, you can also make things...
Collective #602
16.4.2020
Watched Box * Generative Data Visualization * Writing an Emulator in JavaScript * Stacks * Meanderer
Collective #602 was written by Pedro Botelho and published on Codrops
Interactive WebGL Hover Effects
14.4.2020
A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps.
Interactive WebGL Hover Effects was written by Yuriy Artyukh and published on Codrops
Collective #601
9.4.2020
LCH colors in CSS * Frontend Mentor * Responsive Images the Simple Way * Button?Design * Interactive Timetable
Collective #601 was written by Pedro Botelho and published on Codrops
The WebAIM Million—Updated
8.4.2020
This report made a big splash last year. It’s a large chunk of research that shows just how terribly the web does with accessibility. It’s been updated this year and (drumroll…) we got a little worse. I’ll use their blockquote:
The number of errors increased 2.1% between...
Rapid Image Layers Animation
7.4.2020
A rapid animation of multiple layers of images for intros or page transitions.
Rapid Image Layers Animation was written by Mary Lou and published on Codrops
Design Thinking 101 for Designers
4.4.2020
Creativity doesn’t just happen. The most inspired and innovative teams and individual designers need to be a part of a culture that enables forward-thinking, acceleration, and efficiency. It’s a...
The post Design Thinking 101 for Designers appeared first on Onextrapixel
Collective #600
2.4.2020
Fix an overloaded server * New use-cannon features * Ash's Smooth Scroll * Animockup
Collective #600 was written by Pedro Botelho and published on Codrops
‘Breakthrough’ as Lightning Uses Web's Forgotten Payment Code
2.4.2020
Lightning Labs believes its Lightning Service Authentication Tokens will do away with passwords and credit cards online
CSS-Only Marquee Effect
31.3.2020
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.
CSS-Only Marquee Effect was written by Mary Lou and published on Codrops