Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Web Development Reading List #186: Tor 7, Designing Depth, And Mac Ransomware

Design is one of the most controversial things in our industry. There are barely any redesigns that aren’t discussed heavily in the community. Changing a well-working design is even harder as people tend to dislike anything new, but if we give them a bit of time, they might start to see things from a different perspective.

Instead of following what everyone else is doing, we shouldn’t hesitate to leave the beaten tracks when designing — by creating a contrast-rich, deep design without using drop shadows, for example. Whatever you do, be sure to explore new options whenever you can.

Further Reading on SmashingMag: Link

News Link

  • Chrome 60 beta is available5 and brings us the Paint Timing API, CSS’ font-display property, the Web Budget API, and Credential Management API improvements.
  • Firefox 54 is out6 — and, thanks to a new multi-process architecture, with huge performance improvements. The update also brings7 us the new Web Extension APIs as well as CSS clip-path improvements with basic shapes.
  • A new version of Tor Browser was released, too: Tor Browser 7.08. The new version is based on Firefox 52 ESR and, thus, has multi-process mode and sandboxing on Linux and macOS (Windows coming soon) enabled.
Firefox Multi-Process Architecture9
Its new multi-process architecture10 allows Firefox to run many simultaneous content processes in addition to a UI process. (Image credit11)

Concept & Design Link

Designing Depth14
Designing depth without any drop shadows? Scott Jensen shows how you can do it15. (Image credit16)

Security Link

  • Patrick Wardle found evidence that there’s a macOS ransomware spreading and wrote up the key facts about it17. This shows that the Mac platform is growing and attackers start targeting users as well. Better be safe and have a valid, usable backup.

Work & Life Link

—Anselm

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2014/12/the-good-the-bad-and-the-great-examples-of-web-typography/
  2. 2 https://www.smashingmagazine.com/2017/02/shadows-blur-effects-user-interface-design/
  3. 3 https://www.smashingmagazine.com/2016/11/define-your-process-master-time-gain-clarity-take-control/
  4. 4 https://www.smashingmagazine.com/2014/10/maximize-your-creative-energy/
  5. 5 https://blog.chromium.org/2017/06/chrome-60-beta-paint-timing-api-css.html
  6. 6 https://hacks.mozilla.org/2017/06/firefox-54-e10s-webextension-apis-css-clip-path/
  7. 7 https://developer.mozilla.org/en-US/Firefox/Releases/54
  8. 8 https://blog.torproject.org/blog/tor-browser-70-released
  9. 9 https://hacks.mozilla.org/2017/06/firefox-54-e10s-webextension-apis-css-clip-path/
  10. 10 https://hacks.mozilla.org/2017/06/firefox-54-e10s-webextension-apis-css-clip-path/
  11. 11 https://hacks.mozilla.org/2017/06/firefox-54-e10s-webextension-apis-css-clip-path/
  12. 12 https://betterwebtype.com/
  13. 13 http://scottjensen.design/2017/05/out-of-the-dropshadows/
  14. 14 http://scottjensen.design/2017/05/out-of-the-dropshadows/
  15. 15 http://scottjensen.design/2017/05/out-of-the-dropshadows/
  16. 16 http://scottjensen.design/2017/05/out-of-the-dropshadows/
  17. 17 https://objective-see.com/blog/blog_0x1E.html
  18. 18 http://www.bbc.com/capital/story/20170612-why-you-should-manage-your-energy-not-your-time

↑ Back to top Tweet itShare on Facebook

is a freelance front-end developer who cares about sustainable front-end experiences and ethical choices in life. He writes the WDRL, and is co-founder of the event platform Colloq.

  1. 1

    Thanks for the weekly news! I also noticed this: Apache Module mod_http2 is not flaged with “experimental” any more, so maybe it can now be deployed on production servers?

    1
    • 2

      Hey, I wouldn’t want to recommend any specifics here. I know people who use this module already on production and some even since quite some time. I know people who still want to wait a bit. I’d recommend that if you want to roll this out, you do so on your test servers and see what happens. Then do some load testing and if everything is fine, you might want to roll out on production.

      0
  2. 3

    Munna Hossain

    June 17, 2017 4:37 am

    Hey, Anselm.
    Thanks for sharing such an informative and important article. This list is really helpful for the web developers.

    1
  3. 5

    I really like Scott Jensen’s idea about atmospheric perspective. I’d imagine that combined with a very very subtle drop shadow approach to be even more effectful. Thanks for the heads up!

    1
    • 6

      I somehow also do hope that depth maps get more attention in web development to enrich the content experience on enabled devices/systems. If you don’t know what it is, take e.g. a quick peek here to get an idea: https://photoshoptrainingchannel.com/photoshop-3d-depth-maps-bump-normals/

      This would make transitions less “leveled” and icons theirselves far more “believable” if moved somewhere on the screen. Plus you could perhaps also add sprinkles of dynamic lighting somewhen in the more distant future.

      0
  4. 7

    Hi, good article as always :)
    You should check your title, though, there is a typo ;)

    0
  5. 9

    Thanks for sharing this awesome article. I have to do an assignment on this topic and I found your post very helpful.

    0

Leave a Comment

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top