Posted on

Collective #734


This content is sponsored via Paved

Remote IT Can Be Difficult. Jamf Now Makes It Easy.

Managing your business’s Apple devices is time-consuming – especially when employees are WFH. Jamf Now is a mobile device management solution that simply sets up, connects, and secures your devices from anywhere; no IT experience required! Postanly readers can manage up to 3 devices for free today!

Set Up An Account

GLSL Dithering

Get retro with dithering in Three.js and learn all about GLSL dithering in this article by Daniel Velasquez.

Check it out

Sound

A very interesting article on what sound is by Bartosz Ciechanowski.

Read it

Speeding Up Async Snippets

Async snippets used to improve performance, but now they’re a legacy anti-pattern. Harry Roberts shows how we can handle them.

Read it

Agreper

A minimal, no-JS web forum software with focus on being easy to set up and manage.

Check it out

podcast.ai

The AI-generated podcast with its first episode where Joe Rogan interviews Steve Jobs.

Check it out

Posted on

Collective #728

Is it :modal?

Jhey Tompkins introduces a handy CSS pseudo-selector that gives you a way to select elements that are modal.

Read it

Mini Tokyo 3D

A real-time 3D digital map of Tokyo’s public transport system. A data visualization produced by Akihiko Kusanagi.

Check it out

kmenu

The imporoved library that aims to help create a better user experience with an accessible and faster website navigation.

Check it out

Next.js Conf

The beautiful web presence of the Next.js conference with some cool refraction interactivity.

Check it out

JSON Crack

Simple visualization tool for your JSON data. No forced structure, paste your JSON and view it instantly.

Check it out

Posted on

Collective #681

Collective 681 item image

Using Modern Image Formats: AVIF And WebP

Learn how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing in this article by Addy Osmani.

Read it

Collective 681 item image

How I make CSS Art

Want to know how to make CSS Art? In this blog post Yosra Emad explains in detail how to create CSS art and have fun with it.

Read it

The post Collective #681 appeared first on Codrops.

Posted on

From Cats With Love: New Navigation, Guides And Workshops

Not many people know that the entire Smashing Family is a very small team with just 15 wonderful people working day-to-day on everything from magazine and books to front-end and design. At times it might feel like that’s quite a bit of work, but we do our best to be well-organized and be productive, while working (well, mostly) 100% remote for almost a decade now.

In fact, we’ve been quite busy over the last few months. We’ve been running our online workshops, redesigned our navigation, refactored a number of components, refined performance and improved accessibility. There are more subtle UX changes coming in, and we’d love to share what we’ve been cooking. Settle in.

Upcoming Online Workshops

We’ve run 40 workshops with 2.600 attendees so far, and we’ve learned how to run a workshop where you, dear readers, learn best. So for the next months, we’ve set up a full schedule on front-end and design, from web performance to interface design. Jump to all workshops ↬

Workshops in April–May

Meet our friendly front-end & UX workshops. Boost your skills online and learn from experts — live.

Workshops in June–July

No pre-recorded sessions, no big picture talks. Our online workshops take place live and span multiple days across weeks. They are split into 2.5h-sessions, plus you’ll get all workshop video recordings, slides and a friendly Q&A in every session. (Ah, you can save up to 25% off with a Smashing Membership — just sayin’!.)

New Navigation (Beta Testing)

With so many articles on the site, finding the right articles can be difficult. So for the last weeks, we’ve been going through 3.500 articles and manually refining and standardizing the underlying taxonomy of our posts. You might have been there as well: dealing with articles accommodated over 15 years wasn’t quite easy.

That was quite an exercise in patience and hard work — but now we are happy to roll out the new navigation, with important navigation options surfaced prominently across the entire site. Hopefully, you’ll find the new navigation (on the top of this page, too) more useful.

Please leave a comment if you spot any bugs, mistakes, or perhaps something important missing — we’ll do our best to fix it and deploy right away.

New Evergreen Guides (Beta Testing)

We have also rolled out new article formats — evegreen guides. These are the articles with curated articles, tutorials, tools and resources that we keep updating regularly. There are a few more of those coming up, but they should be a reliable source of techniques and tools.

Here’s what we’ve published so far:

You can also access the guide on the new Smashing Magazine's frontpage, although some UI/UX changes will be coming in there as well. Feedback? We are listening on Twitter, of course.

Join Our Free Online Meet-Up (Apr 27)

We’re getting closer and closer to our free online meetup coming April 27 — and we’d be honored and humbled to welcome you there. There we will be running a website makeover of the Powercoders NGO, live.

Tickets are absolutely free. So, if you don’t have one yet, please check out the details, speakers, schedule and timezones and get your ticket today, mark your calendars and invite your friends and colleagues to join in.

Thank You!

We are very committed to improving Smashing in every possible way, and we are working hard to do just that behind the scenes. We’d sincerely appreciate you recommending our little site, our articles and workshops to your friends and colleagues — and we hope that they will help you boost your skills and the quality of your work.

A sincere thank you for your kind, ongoing support and generosity — thank you for being smashing, now and ever. Ah, and subscribe to our newsletter — we have plenty of new announcements coming up soon! ;)

Posted on

New Live Workshops On Front-End & UX

There is something magical about people from all over the world coming together, live. Camera on, mic nearby, in a comfy chair, with fingertips eagerly hitting your beloved keyboard. We've been so humbled to welcome over 2000 wonderful people like you in our workshops already — from Montevideo to Delhi; from Perth to Cape Town; from Austin to remote corners of Lapland.

Meet Smashing Online Workshops: live, interactive sessions on front-end & UX.

Every attendee has their own story and experiences to share, all from the comfort of their home, and the convenience of their working space. And so we’ve just announced new dates and speakers for upcoming months. And we thought, you know, maybe you’d like to join in as well.

Just in case you are wondering: here's what the workshops are like.

Upcoming Workshops in March–July

No pre-recorded sessions, no big picture talks. Our online workshops take place live and span multiple days across weeks. They are split into 2.5h-sessions, plus you’ll get all workshop video recordings, slides and a friendly Q&A in every session. (Ah, you can save up to 25% off with a Smashing Membership — just sayin’!.)

Workshops in March–April

Meet our friendly front-end & UX workshops. Boost your skills online and learn from experts — live.

Workshops in May–July

What Are Online Workshops Like?

Do you experience Zoom fatigue as well? After all, who really wants to spend more time in front of their screen? That’s exactly why we’ve designed the online workshop experience from scratch, accounting for the time needed to take in all the content, understand it and have enough time to ask just the right questions.

In our workshops, everybody is just a slightly blurry rectangle on the screen; everybody is equal, and invited to participate.

Our online workshops take place live and span multiple days across weeks. They are split into 2.5h-sessions, and in every session there is always enough time to bring up your questions or just get a cup of tea. We don’t rush through the content, but instead try to create a welcoming, friendly and inclusive environment for everyone to have time to think, discuss and get feedback.

There are plenty of things to expect from a Smashing workshop, but the most important one is focus on practical examples and techniques. The workshops aren’t talks; they are interactive, with live conversations with attendees, sometimes with challenges, homework and team work.

Of course, you get all workshop materials and video recordings as well, so if you miss a session you can re-watch it the same day.

TL;DR

  • Workshops span multiple days, split in 2.5h-sessions.
  • Enough time for live Q&A every day.
  • Dozens of practical examples and techniques.
  • You’ll get all workshop materials & recordings.
  • All workshops are focused on front-end & UX.
  • Get a workshop bundle and save $250 off the price.

Thank You!

We hope that the insights from the workshops will help you improve your skills and the quality of your work. A sincere thank you for your kind, ongoing support and generosity — for being smashing, now and ever. We’d be honored to welcome you.

Posted on

Collective #337

C337_MailIt

Mailit

Mailit is a drop-in microservice for sending emails over a REST API.

Check it out

C337_NoniNoni

Noni Noni

Inspired by his daughters love for drawing, Jongmin Kim created this great app that visualizes pictures and letters in 3D.

Check it out

Collective #337 was written by Pedro Botelho and published on Codrops.