Finding our passion is a big challenge for all of us as human beings. At some point in life, we try to figure out what our purpose in this world is, what our future will look like. And for some of us, the answers we find to these questions are constantly changing.
The constant search to find answers lets us stay curious, creative, vital — and if that’s missing, we need to find our passion again1 by exploring what things we like in our world, what makes us happy. Searching takes time, and we should invest that time — maybe by cutting down watching TV by an hour a week.
Further Reading on SmashingMag
- How To Scale React Applications2
- Why You Should Consider React Native For Your Mobile App3
- A Detailed Introduction To Webpack4
- Notes On Client-Rendered Accessibility5
- We’re getting towards jQuery 3’s final steps now. With the Release Candidate now available6, they also announced a new migration tool that people can use to make the transition from older jQuery versions to the new one.
- Following Chrome and Firefox, WebKit will block geolocation API requests7 in future releases, except in HTTPS network contexts.
- Cloudflare has constantly been under fire for displaying captchas and blocking various visitors, especially if they use Tor networks or special Virtual Private Networks. But this is about more than just a few users; this article shares how many people are affected by Cloudflare’s firewalls8, especially if they live in Africa and Southeast Asia.
HTML & SVG Link
- How convenient would it be if payment forms would just let you scan a credit card and fill out your invoice and delivery address? Despite most sites not using them, there are web standards9 that define exactly this behavior and many browsers actually support it already. For example, Safari lets you scan a credit card if you define the field properly. Jason Grigsby gives you a tutorial on how to properly format payment forms10. Finally, we will get an entire web payment API11 that will offer developers a great way to build convenient checkout processes where the browser will autofill all information.
- Using account registration pages on a mobile phone is annoying, especially if you need to enter a password. But there’s a way to make this more convenient for your users: Safari provides an option to let users use the iCloud keychain to generate a password on demand12.
- Frend181715 is a dependency-free collection of accessible, modern front-end components. They are built with web standards as a priority and aim to avoid assumptions about tooling or environment.
consthowever, will change this simply by working as one would expect it.
- A great step towards element queries and better control over modules in our front-ends is coming to browsers now with the new Resize Observer API20 that observes changes to an element’s size. This, together with the Houdini21 project, could serve well for a custom element query polyfill. No browser supports this yet, but all vendors consider it22 and see it as a useful addition.
- Dr. Axel Rauschmayer shares six great ES6 tricks23. How to make function parameters mandatory, for example.
CSS / Sass Link
will-changeproperty is still widely unknown and people don’t know exactly when and how to use it properly. Fortunately, the W3C took the effort to write up how to use
And with that, I’ll close for this week. If you like what I write each week, please support me with a donation25 or share this resource with other people. You can learn more about the costs of the project here26. It’s available via email, RSS and online.
Thanks and all the best,
- 1 https://www.smashingmagazine.com/2015/05/rekindling-your-passion-for-web-design/
- 2 https://www.smashingmagazine.com/2016/09/how-to-scale-react-applications/
- 3 https://www.smashingmagazine.com/2016/04/consider-react-native-mobile-app/
- 4 https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/
- 5 https://www.smashingmagazine.com/2015/05/client-rendered-accessibility/
- 6 https://blog.jquery.com/2016/05/20/jquery-3-0-release-candidate-released/
- 7 https://trac.webkit.org/changeset/200686
- 8 http://www.slashgeek.net/2016/05/17/cloudflare-is-ruining-the-internet-for-me/
- 9 https://html.spec.whatwg.org/multipage/forms.html#enabling-client-side-automatic-filling-of-form-controls
- 10 http://blog.cloudfour.com/autofill-what-web-devs-should-know-but-dont/
- 11 https://w3c.github.io/browser-payment-api/specs/paymentrequest.html
- 12 https://stackoverflow.com/questions/19959887/safari-autofill-trigger-password-suggestions-in-devise-registration-form/29594874
- 13 http://blog.cloudfour.com/autofill-what-web-devs-should-know-but-dont/
- 14 http://blog.cloudfour.com/autofill-what-web-devs-should-know-but-dont/
- 15 http://frend.co/
- 16 http://frend.co/
- 17 http://frend.co/
- 18 http://frend.co/
- 19 http://bytearcher.com/articles/variable-hoisting-explained/
- 20 https://wicg.github.io/ResizeObserver/
- 21 https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/
- 22 https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/iHXS9S66bAw/BM1mV5BQAAAJ
- 23 http://www.2ality.com/2016/05/six-nifty-es6-tricks.html
- 24 https://drafts.csswg.org/css-will-change/#using
- 25 https://wdrl.info/donate
- 26 https://wdrl.info/costs/