I’ve worked mostly remotely with various teams since 2001, so I’m well used to doing most communication via email or the various messaging apps we have used over the years — does anyone else remember ICQ? However, in the last couple of weeks, I’ve been reminded just how valuable face-to-face time can be for remote teams.
Most of the Smashing Team spent a few days together in Freiburg, assembling for SmashingConf Freiburg and a one-day team meeting. It was the first time some of us had met in person. I left Freiburg feeling as if I had a new understanding of my colleagues, and a reminder that while digital communication is efficient, getting everyone together in one place on occasion is important, too.
On the subject of the Smashing team, we also celebrated the 13th birthday of Smashing Magazine while we were in Freiburg. You can find out about more of the people who are behind Smashing Magazine in my article, Smashing Magazine Is Thirteen.
Watch out for our write-up of SmashingConf Freiburg in the coming days — the videos will also be on the way just as soon as we can get it edited and ready for you.
— Rachel (@rachelandrew)
Table of Contents
- Can I Email…?
- Automating Image Compression
- Learn Regex With Crosswords
- Behind The Scenes Of Design Teams
- Tips To Master Your Next Tech Job Interview
- A Newsletter For Underrepresented Coders
- Email Design Inspiration
- An ASCII-Art Music Experience
- Upcoming In Smashing Membership
- Our Next Smashing Workshops
We all know and love caniuse.com. Unfortunately, if you wanted to test support for web standards in HTML Email, it wasn’t really easy. Until now. Inspired by the successful concept, Can I Email lets you check support for more than 50 HTML and CSS features in 25 email clients, and since the site only launched a week ago, more is already in the planning.
Made for and by the email geeks community, the data that fuels the project is available on GitHub and anyone can contribute to it. A nice detail: the Email Client Support Scoreboard which is included ranks email clients based on how they support the features. A useful little helper for anyone who’s wrangling HTML email. (cm)
The transfer size of requested images has grown by 52% on desktop and 82% on mobile within the last year — with over half of the median page weight accounting for imagery. These are figures that once again make clear how crucial it is that images are optimized before they hit production. Now, wouldn’t it be handy if you could automate the compression step?automatically optimizes the images in your pull request — without any quality loss thanks to
libvips, so that no image accidentally skips compression. A real timesaver. (cm)
If you’ve got a sweet spot for riddles and logic puzzles, then Regex Crossword is for you. Regex Crossword is a crossword puzzle game where the clues are defined using regular expressions — who said regex can’t be fun?
There are different difficulty levels for you to start to cut your teeth on an easy set of crosswords to learn the basics or put your skills to the test as the puzzles get bigger and more complex. A puzzle generator is also included, so if you feel like making up your own puzzles for others to unravel, there’s nothing to hold you back. (cm)
While many companies are driven by features and technology, over the last years it’s rare to find debates about the importance of design. It’s reflected in publicly announced case studies, design systems, large scale design overhauls, and most recently in dedicated pages for design teams — be it Uber, Google, Spotify, Medium, Dropbox, Slack, Amazon or AirBnB.
Recently, Intercom has announced Intercom.Design, a resource dedicated to its design teams, products, processes and public case studies, including internal UI recommendations and expectations from different product and content designer levels. Wonderful sources of inspiration to improve your design team and explore behind the scenes of how products are designed and built. (Thanks for the tip, Kostya Gorskiy!) (vf)
The job-hunting process can be intimidating, especially if you’re just about to get your career started. To help you tackle the challenge well, Yangshun Tay put together the Tech Interview Handbook.
This free resource takes you through the entire process; from working on your resume to negotiating with the employer once the interview has ended, while curated practice questions get you fit for both the technical and behavioral questions that might pop up along the way. A good read, not only for prospective web professionals. (cm)
The web community is diverse and colorful, with so many people from different backgrounds and origins bringing in their talent, sharing, caring, and learning from each other. Nevertheless, some coders are rather underrepresented in the usual roundups, newsletters, and articles.
To change that, Veni Kunche started Code with Veni, a newsletter for underrepresented coders. It features hand-picked articles on coding, finding your first job, and advice from underrepresented folks. A true treasure chest — for everyone. (cm)
Standing out from the flood of emails that reach our inboxes every day is hard, not only for promotional campaigns but also for transactional emails and newsletters. So how about some inspiration from how others manage to spark curiosity and interest to save their emails from ending up in the junk-mail folder as a victim on the quest to inbox zero?
Curated by Rob Hope, Email Love showcases well-crafted emails that you can turn to for fresh ideas — a look inside the code of each email is included, of course. Exciting discoveries guaranteed! (cm)
No matter if it’s the kind of music you usually listen to or not, the album visualizer that Spotify presents on occasion of the newly-released Bon Iver album i, i is definitely worth taking a closer look at.
ViiSUALiiZER, as it’s officially called, is an immersive online experience that augments the listening experience with a mixture of animated ASCII art that is made up of the album title’s characters and facts revolving around how people across the globe are listening to the album. An impressive concept that is bound to draw you right in. (cm)
Thank you for being smashing! A few weeks ago, we released the brand-new Smashing Magazine Print, with practical and thought-provoking articles on ethics and privacy to make us all think. Members ($5 plan) receive the digital version for free, Smashers ($9 plan) get the printed issue shipped directly to their doorsteps. And we have new webinars coming up as well:
- Smashing TV on Sept 17 at 16:00 GMT
“Link Unfurling Engines: Quality, Flavor And Brewing Techniques” with Colin Bendell
Dear friends, thank you for your kind support. It allows us to bring you great content, pay all our contributors fairly, and reduce advertising on the site. (Ah, you could become a Smashing Member, too! Join us in Smashingland where everyone is beautiful and you never get merge conflicts. 😉)
In our workshops, we are looking into the current state of front-end and interface design, covering advanced challenges and actual real-life solutions to front-end problems. Coming up next:
- 🇧🇾 CSS Minsk JS (Sept 18–21) in Minsk, Belarus.
- 🇨🇿 WebExpo (Sept 20–22) in Prague, Czechia.
- 🇺🇸 Awwwards Digital Thinkers (Sept 25–27) in NYC, USA.
- 🇸🇪 Nordic.js (Oct 10–11) in Stockholm, Sweden.
- 🇺🇸 SmashingConf NYC (Oct 15–16) in NYC, USA.
- 🇺🇸 JAMstack_conf (Oct 16–18) in SF, USA.
- 🇦🇹 ScriptConf (Oct 25) in Linz, Austria.
Or, if you’d like to run an in-house workshop at your office, please get in touch with Vitaly at email@example.com and briefly describe what problems you’re facing and would like to solve. Get in touch — it’s that easy! (vf)
Every week, we send out useful front-end & UX techniques. Subscribe and get the Smart Interface Design Checklists PDF delivered to your inbox.
You can always unsubscribe with just one click.
- Performance, CSS Techniques and Fun Forms
- State of CSS/JS, “Back” Button UX, SVG
- Custom Dropdowns, CSS, Performance and Building Tools
- Hybrid CSS Positioning, Free Fonts, Push Notifications
- Black Illustrations, CSS, Data Science and Licenses
- SmashingConf Live, Speed Profiler, CSS and SVG
- Custom CSS Cascades, Focus Blocks and CORS
- React, Accessible Components, Terminal, Video Player
- BEM, DOM Scripting, SVG Masks, Vintage Games, Posters
Looking for older issues? Drop us an email and we’ll happily share them with you. Would be quite a hassle searching and clicking through them here anyway.