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 #118: Opera Mini, BPG Format, Accessible Tabs and Flexbox

What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann1 is collecting everything that popped up over the last week in his web development reading list2 so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.

Further Reading on SmashingMag:

Today is the Christmas day for many of us around the world and I hope you’re already enjoying the day with your family or friends. This time is often a rare opportunity to relax a bit, avoid emails for a couple of days and not to be disturbed by daily routine, as other people aren’t working either. Before the new year comes up next, there’s a yet another web development reading list, so you won’t get bored over the next few days! ;)

Wi-Fi in public places6

What happens if you put a hacker into a cafe with public WiFi for 20 minutes? You can learn a lot about people around you.7

General Link

News Link

  • You might not be the kind of person who’s interested in international politics. But in 2016 the legal foundations which underpin our work on the web are being revisited. And that affects you. Heather Burns summarizes what might be changed and how it affects you as a digital professional. Time to read and take action if you don’t agree with that11.
  • The IESG approved a new HTTP status code. HTTP Code 45112 can now be send if a content is unavailable for legal reasons.

Security Link

Privacy Link

  • New data protection regulations reveal the funding of Adblock Plus14 – one of the biggest players in the advertisement blocker world. Maybe it’s time to tell your friends and relatives to switch to something that is really independent like uBlock Origin or similar ones. Also a good alternative would be privacy tools like Disconnect (funded by premium paid services) or Firefox’ Privacy Protection mode.

Web Performance Link

JavaScript Link

CSS / Sass Link

  • As web developers, we anticipated that moment when we could use Flexbox so much that we now misuse it for entire layouts (and now with a promising Flexbox polyfill for legacy IE18). But actually it hasn’t been built to allow us to build page layouts — it was always intended to help us build flexible elements on a page. To create an entire layout, we can use the grid layout technology. Rachel Andrew gives an introduction to the Grid module19 and shows the difference between it and Flexbox.

Work & Life Link

  • Jeremy Girard writes about how to get more done without adding more workload20 as this has proven to be difficult. A good read about finding your most productive time, scheduling emails, and a few tricks to improve your effectiveness at work.

Go beyond… Link

  • I often tell you that you don’t need to read every link, every edition. Christoph Rumpel now covers another aspect of articles, screencasts and any other learning resource: We’re all learning all the time. Therefore, if you read an article you don’t need to change everything and adopt the principles mentioned in the article but think about it and adopt it if it makes sense to you.
  • A few smart people have founded and funded an open, non-profit company for AI called OpenAI21. The goal is to make AI an extension of individual human wills without focusing on making money of this new field but focus on values and ethics instead. On board are a couple of well-known tech scene people, with some of them already working on AI.

And with that, I’ll close for this week. I wish you a happy holidays and enjoy your time. In case you like what I write each week, please support me with a donation22 or share this resource with other people. You can learn more about the costs of the project here23. It’s available via E-Mail, RSS and online.

Thanks and all the best,
Anselm

Footnotes Link

  1. 1 /author/anselm-hannemann/?rel=author
  2. 2 https://wdrl.info/
  3. 3 https://www.smashingmagazine.com/2015/09/chrome-firefox-safari-opera-edge-impressive-web-browser-alternatives/
  4. 4 https://www.smashingmagazine.com/2012/07/dear-web-user-please-upgrade-your-browser/
  5. 5 https://www.smashingmagazine.com/2011/08/a-dozen-cross-browser-testing-tools/
  6. 6 https://medium.com/matter/heres-why-public-wifi-is-a-public-health-hazard-dd5b8dcb55e6
  7. 7 https://medium.com/matter/heres-why-public-wifi-is-a-public-health-hazard-dd5b8dcb55e6
  8. 8 https://medium.com/matter/heres-why-public-wifi-is-a-public-health-hazard-dd5b8dcb55e6
  9. 9 http://wtfoperamini.com/
  10. 10 http://www.niemanlab.org/2015/12/the-year-we-all-dogearmark-our-bitscriptions-contextually/
  11. 11 https://24ways.org/2015/whats-ahead-for-your-data-in-2016/
  12. 12 https://www.mnot.net/blog/2015/12/18/451
  13. 13 https://blogs.technet.microsoft.com/mmpc/2015/12/21/keeping-browsing-experience-in-users-hands/
  14. 14 https://www.exchangewire.com/blog/2015/12/18/new-eu-data-protection-regulations-eyeo-reveals-funding-for-adblock-plus/
  15. 15 http://calendar.perfplanet.com/2015/immaculate-imagery-with-lazy-pictures-bpg/
  16. 16 https://www.keycdn.com/support/static-site-hosting-with-a-cdn/
  17. 17 https://24ways.org/2015/how-tabs-should-work/
  18. 18 https://github.com/10up/flexibility
  19. 19 https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/
  20. 20 /2015/12/getting-work-done-without-simply-working-hours/
  21. 21 https://openai.com/blog/introducing-openai/
  22. 22 https://wdrl.info/donate
  23. 23 https://wdrl.info/costs/

↑ Back to top Tweet itShare on Facebook

is a freelance front-end developer and architect and cares about sustainable front-end experiences and ethical choices in life. He curates the WDRL, a weekly handcrafted web development newsletter that thousands of developers love, subscribe to, and donate for.

  1. 1

    Huh? Since when was flexbox not built to allow for full page layouts? The entire point of flexbox is that it’s recursive and works for any size of layout fragment. That’s why you can nest display: flex elements.

    1
    • 2

      My understanding is that you sometimes get a FOUC (Flash of Unstyled Content) when applying Flexbox to an entire page. Using Grid in combination with Flexbox would enable the initial layout to show properly and flexbox would deal with element flow.

      0
  2. 3

    “New data protection regulations reveal the funding of Adblock Plus – one of the biggest players in the advertisement blocker world.”

    Er, didn’t we already know this? That debacle is like 2 years old. ABP even has a page on it.

    https://adblockplus.org/acceptable-ads-agreements

    2
  3. 4

    I HAVE AN IDEA!

    Let’s all not support Opera Mini.

    I mean, WTF Opera Mini?!

    0
    • 5

      Well, I have done that the whole time :-) But there are not that much people using OM on my client sites … only that one Nigerian Prince who will send me 10000 Dollar if I contact his lawyer.

      0

↑ Back to top