August 14, 2018 Smashing Newsletter: Issue #212
This newsletter issue was sent out to 210,954 newsletter subscribers on Tuesday, August 14, 2018.
Editorial
While many of you might be taking a well-deserved vacation this summer, before long the final quarter of 2018 will be here! At Smashing, we’re looking forward to releasing the Smashing Book 6, seeing some of you at our SmashingConfs in New York and Freiburg, and getting our Smashing Print Magazine pilot issue into your hands!
I thought I might use this intro to encourage any of you who might have thought about writing an article for SmashingMag, but haven't taken the plunge yet. I often have conversations with potential authors who worry that they don’t have a “big idea” for a groundbreaking new technique, and so wouldn’t have anything to write about. However, our most popular articles are often guides to gettting started in a particular topic. There is so much to learn if you want to be a web professional today; everyone is a beginner at something. Articles such as my “Getting Started With CSS Layout,” or Sarah Drasner’s “Replacing jQuery With Vue.js” have been very popular, and have helped many people understand these subjects better.
Have a look at our guide to writing for Smashing Magazine, and send us an outline for your idea. We can then help you to shape it into something that will make a great article.
Looking forward to reading your ideas!
— Rachel (@rachelandrew)
Table of Contents
- Serving Dynamic Resources With The Network Information API
- Revisiting The
:visited
State For Links - A Curated Collection Of Job Interview Questions
- What Creative Work Teaches Us
- Detecting Auto-Filled Fields In JavaScript
- The Dark Side Of HTTPS
- SmashingConf New York Is Coming
- Rethinking The Web Browser
- Inside Polyhedra
- Upcoming In Smashing Membershp
- Upcoming Workshops With Vitaly Friedman
1. Serving Dynamic Resources With The Network Information API
Browsing the web on a 2G connection can be a cumbersome undertaking. Now how cool would it be if we could determine a user’s connection speed and dynamically adjust the content we serve to cater for a snappier experience? Well, actually, we can (thanks to the Network Information API)! Dean Hume built a demo that shows how to do it. The API is currently supported in Chrome and Samsung browsers, but Dean’s code uses progressive enhancement to take this into account. (cm)
2. Revisiting The :visited
State For Links
If you have a number of links on a page, sometimes you might want to indicate that some of them have been visited by a user, while others haven’t. That’s what we’d usually use :visited
for, yet (for privacy reasons) browsers strictly limit which styles you can apply using this pseudo-class and how they can be used. So, if you do want to style visited links differently, how would you do it?
Well, there are some techniques. You could style visited links with SVG by filling in the color of the SVG icon on :visited
. Or you could use CSS blend-mode using a shade of gray as the background to achieve semi-transparency. Or use double tags and hide the duplicate from screen readers. Or, if you feel experimental, show and hide things with border-color
. There are quirky options out there, and CSSWG is committed to finding a solution. If you choose to use :visited
, be cautious as it might not work reliably in the future, and you’re potentially exposing customer’s data. (vf)
3. A Curated Collection Of Job Interview Questions
Job interviews can be daunting, and sometimes even the most seasoned expert forgets things under pressure. “30 Seconds of Interviews” helps you review questions that are commonly encountered so that you can better prepare for that next big opportunity. Also a fantastic resource to brush up your coding knowledge. (cm)
4. What Creative Work Teaches Us
How do other creatives tackle their projects? And what does creative work teach us? In his podcast Design Notes, Liam Spradlin gathers guests from unique creative fields — from game and fashion design to architecture and artificial intelligence — to talk about what inspires and unites them in their practice. (cm)
5. Detecting Auto-Filled Fields In JavaScript
When a browser autofills a form field, it adds some styling to highlight which fields it has edited. However, sometimes the browser’s default styling might clash with your site’s design. To prevent this, Tommy Brunn shares a hack that will give you more control over the styling: You can start an animation in response to autofilling, listen for the start of that animation with JavaScript, and then run your corresponding functions to change the styling. Clever! (cm)
6. The Dark Side Of HTTPS
“The drive to force every site on the web to HTTPS has pushed the web further away from the next billion users.” Inspired by experiencing first-hand what it means to browse the web with geosynchronous-satellite internet access in rural Uganda, Eric Meyer published a thought-provoking post about how securing websites made the web less accessible for many people. A good reminder. (cm)
7. SmashingConf New York, Oct 23-24.
SmashingConf is a friendly, inclusive event which is focused on real-world problems and solutions. It’s focused on front-end and UX, but it covers everything web, be it interface design or machine learning. That means a packed bundle of diverse, actionable insights for your work.
What’s the atmosphere like? Well, take a look at the conference showreel, videos from previous events, and photos. 2 days, 1 track, 14 speakers, 300 attendees and a bunch of hands-on workshops.
Get your tickets to SmashingConf New York 2018. Oh, need to convince your Boss? We’ve got your back (PDF).
We’re putting our heart and soul into crafting personal, inclusive and valuable events for all of us to become better professionals. We hope it will be a quite… smashing event, and we’d love to see you there! Not convinced yet? Check speakers and topics. Or just head straight to the tickets ↬. (vf)
8. Rethinking The Web Browser
If someone asked you to design a new web browser, what would it look like? For their Bachelor’s thesis, Julius Sohn and Julius Gehrig wanted to answer exactly this question. After doing extensive research on the history of browsers, lots of prototyping, and tinkering, Refresh was born — a concept for a fresh browser designed for touchscreen devices. Cool and convenient. (cm)
9. Inside Polyhedra
Mathematicians and artists have always been fascinated by the beauty of geometric shapes like prisms, pyramids, and other polyhedra. To explore different kinds of polyhedra and their relationships to each other, Nat Alison built the Polyhedra Viewer. The resource visualizes 120 interactive solids that you can twist, turn, and manipulate to inspect their underlying structure. Web animation at its best. (cm)
10. Upcoming In Smashing Membership
Smashing Membership helps us to keep the site alive and go ad-free. Each member makes a difference, and gets valuable content from it, too!
- 🎪 We’ll be releasing the SmashingConf Toronto videos, with live interactive sessions on everything from designing live to auditing third-party scripts live.
- 📺 Smashing TV: Webinar on how to set up a proper product roadmap with C. Todd Lombardo.
We are very grateful for the kind and generous support of 1,043 members! You can become one of us, too! ;-)
11. Upcoming Workshops With Vitaly Friedman
🇩🇪 Freiburg, SmashingConf, Sept. 10 – 11, 2018
🇺🇸 New York, SmashingConf NY, Oct. 23 – 24, 2018
Or, if you’d like to run an in-house workshop at your office, feel free to get in touch with Vitaly at vitaly@smashingconf.com and briefly describe what problems you’re facing and would like to solve. Don’t worry about the costs — we’ll find a fair price for sure. Get in touch — it’s that easy!
Smashing Newsletter
Useful front-end & UX bits, delivered once a week. Subscribe and get the Smart Interface Design Checklists PDF — in your inbox. 🎁
You can always unsubscribe with just one click.
Previous Issues
- UX Kits, Tools & Methods
- How To Measure UX
- New In Front-End
- Web Accessibility
- Motion And Animation
- Enterprise UX
- Design Systems
- New In Front End
- Useful Inspiration For Designers
- It’s Figma time!
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.