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
:visitedState For Links
- A Curated Collection Of Job Interview Questions
- What Creative Work Teaches Us
- 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
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)
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)
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)
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)
“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)
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.
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)
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)
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! ;-)
Or, if you’d like to run an in-house workshop at your office, feel free to get in touch with Vitaly at email@example.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!
- Microcopy and UX Writing
- Front-End Cheatsheets
- Front-End Accessibility
- Open-Source Icons, Fonts and Goodies
- Next.js Boilerplates and Guides
- CSS Global Resets, Gradients and Transitions
- Interface Design Patterns
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.