Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. 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. 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.

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 places3
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.4

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 that8.
  • The IESG approved a new HTTP status code. HTTP Code 4519 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 Plus11 – 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 IE15). 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 module16 and shows the difference between it and Flexbox.

Work & Life Link

  • Jeremy Girard writes about how to get more done without adding more workload17 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 OpenAI18. 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 donation19 or share this resource with other people. You can learn more about the costs of the project here20. 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://medium.com/matter/heres-why-public-wifi-is-a-public-health-hazard-dd5b8dcb55e6
  4. 4 https://medium.com/matter/heres-why-public-wifi-is-a-public-health-hazard-dd5b8dcb55e6
  5. 5 https://medium.com/matter/heres-why-public-wifi-is-a-public-health-hazard-dd5b8dcb55e6
  6. 6 http://wtfoperamini.com/
  7. 7 http://www.niemanlab.org/2015/12/the-year-we-all-dogearmark-our-bitscriptions-contextually/
  8. 8 https://24ways.org/2015/whats-ahead-for-your-data-in-2016/
  9. 9 https://www.mnot.net/blog/2015/12/18/451
  10. 10 https://blogs.technet.microsoft.com/mmpc/2015/12/21/keeping-browsing-experience-in-users-hands/
  11. 11 https://www.exchangewire.com/blog/2015/12/18/new-eu-data-protection-regulations-eyeo-reveals-funding-for-adblock-plus/
  12. 12 http://calendar.perfplanet.com/2015/immaculate-imagery-with-lazy-pictures-bpg/
  13. 13 https://www.keycdn.com/support/static-site-hosting-with-a-cdn/
  14. 14 https://24ways.org/2015/how-tabs-should-work/
  15. 15 https://github.com/10up/flexibility
  16. 16 https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/
  17. 17 /2015/12/getting-work-done-without-simply-working-hours/
  18. 18 https://openai.com/blog/introducing-openai/
  19. 19 https://wdrl.info/donate
  20. 20 https://wdrl.info/costs/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Anselm Hannemann is a freelance front-end developer and architect. He curates WDRL — a weekly, handcrafted web development newsletter. Apart from that he helped the RICG, built opendevicelab.com and organizes the NightlyBuild 2015 conference in Cologne, Germany. He is available for freelance jobs.

  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