Frankly, never been a fan of utility-first CSS / atomic CSS, but the result it remarkable. “How I dropped 250KB of dead CSS weight with PurgeCSS.” ↬ Case study https://medium.freecodecamp.org/how-i-dropped-250kb-of-dead-css-weight-with-purgecss-28821049fb ↬ Purgecss https://www.purgecss.com/
https://twitter.com/smashingmag/status/1019157259635458050 website design
0 Comments
✏️ Smooth collaboration between developers and designers is something everyone aspires to. @idaaa explains why it's important to include designers into the code review process: https://www.smashingmagazine.com/2018/07/collaboration-designers-code-review-process/
https://twitter.com/smashingmag/status/1019138160440283136 website design
Quick little tips for front-end devs: ↬ Draw Your Grid in ASCII in Your CSS Comments for Quick Reference https://css-tricks.com/little-tip-draw-your-grid-in-ascii-in-your-css-comments-for-quick-reference/ ↬ Prefixes and postfixes in CSS classes https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/ ↬ Use colon for namespaces as classes in HTML/CSS https://pineco.de/css-quick-tip-the-valid-characters-in-a-custom-css-selector/
https://twitter.com/smashingmag/status/1019129579708059653 website design
“We wanted to support a full-width (justified) layout, preserve the aspect–ratio of each photo, be scrubbable, handle hundreds-of-thousands of photos, scroll at 60fps, and load near instantly.” ↬ Building the Google Photos Web UI https://medium.com/google-design/google-photos-45b714dfbed1
https://twitter.com/smashingmag/status/1019088559322664960 website design
“Chrome, Opera, and Edge will download background-images that aren’t required for first render. This means that hidden DOM nodes that have a background-image applied to them will still have that background-image downloaded.” ↬ https://csswizardry.com/2018/06/image-inconsistencies-how-and-when-browsers-download-images/
https://twitter.com/smashingmag/status/1018934397121318912 website design
Bob Dylan, Kesha, St. Vincent, and others reimagined classic wedding songs to be more inclusive. (Caution: Colors everywhere!) https://www.universal-love.com/
https://twitter.com/smashingmag/status/1018916182794088449 website design
A real-time journey through the Apollo 17 mission. Over 4,200 photos, 300+ hours of audio, and 22+ hours of video. Relive every moment as it occurred in 1972. http://www.apollo17.org/
https://twitter.com/smashingmag/status/1018877187037061120 website design
✏️ How can we make custom elements reusable across projects? Let's look at how to augment HTML with components that have built-in functionality and styles: https://www.smashingmagazine.com/2018/07/reusable-components-custom-elements-shadow-dom-npm/
https://twitter.com/smashingmag/status/1018838953816985601 website design
The person of the week this week is @HugoGiraudel, a front-end developers, an accessibility and diversity advocate, author and speaker who has been working on a number of open-source projects: https://hugogiraudel.com/projects/ — Hugo, you rock, and your work matters.
https://twitter.com/smashingmag/status/1018826909935964160 website design
Beautiful illustrations created by wonderful @ninalimpi to use for free — from navigation and reporting to GDPR, events and even electric cars. Beautifully done! With customizable colors tagged, and available as SVG. https://undraw.co/illustrations
https://twitter.com/smashingmag/status/1018765175929704448 website design |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
April 2023
Categories |