The latest articles on DEV Community by Alex Smoll (@dersmoll). https://dev.to/dersmoll https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F218438%2F285682c0-10ef-4e14-a9fd-78ae102358b7.png https://dev.to/dersmoll en Alex Smoll Mon, 26 Aug 2019 07:02:39 +0000 https://dev.to/dersmoll/frontend-weekly-digest-19-25-august-2019-11o https://dev.to/dersmoll/frontend-weekly-digest-19-25-august-2019-11o <h3> Web-development </h3> <p>• <a href="https://blog.amp.dev/2019/08/21/amp-script-amp-heart-js/">amp-script: AMP JS</a><br><br> • <a href="https://itnext.io/what-html6-really-needs-living-standard-be0d962a7997">What HTML6 really needs (Living standard)</a><br><br> • <a href="https://meiert.com/en/blog/optional-html/">Optional HTML: Everything You Need to Know</a><br><br> • <a href="https://blog.atulr.com/nodegui-intro/">🐕 Announcing NodeGUI and React NodeGUI - Build native desktop apps with Javascript and CSS 🎉</a> </p> <ul> <li><p><strong>Performance:</strong><br><br> • <a href="https://www.smashingmagazine.com/2019/08/faster-image-loading-embedded-previews/">Faster Image Loading With Embedded Image Previews</a><br><br> • <a href="https://css-tricks.com/using-relpreconnect-to-establish-network-connections-early-and-increase-performance/">Using rel=”preconnect” to establish network connections early and increase performance</a> </p></li> <li><p><strong>API:</strong><br><br> • <a href="https://www.twilio.com/blog/speech-to-text-browser-web-speech-api">Text to speech in the browser with the Web Speech API</a><br><br> • <a href="https://developers.google.com/web/updates/2019/08/native-file-system">The Native File System API: Simplifying access to local files</a> </p></li> <li><p><strong>Accessibility:</strong><br><br> • <a href="https://www.nicchan.me/blog/what-tumblr-taught-me-about-accessibility/">What Tumblr Taught Me About Accessibility</a><br><br> • <a href="https://blog.usablenet.com/midyear-ada-web-accessibility-lawsuit-report-blog">Midyear ADA Web &amp; App Accessibility Lawsuit Report</a>. "The rate of lawsuits filed in federal courts related to website and app accessibility has now hit a rate of one-an-hour, that’s 8 a day, 40 per week and set to be on pace for over 2,000 lawsuits again this year."<br><br> • <a href="https://www.telerik.com/blogs/top-5-resources-web-app-accessibility">Top 5 Resources for Web App Accessibility</a> </p></li> <li><p><strong>Practice:</strong><br><br> • <a href="https://css-tricks.com/multiplayer-tic-tac-toe-with-graphql/">Multiplayer Tic Tac Toe with GraphQL</a><br><br> • <a href="https://www.smashingmagazine.com/2019/08/real-time-multiplayer-virtual-reality-game-part-1/">How To Build A Real-Time Multiplayer Virtual Reality Game (Part 1)</a><br><br> • <a href="https://css-tricks.com/the-making-of-an-animated-favicon/?ref=heydesigner">The Making of an Animated Favicon</a> </p></li> </ul> <h3> CSS </h3> <p>• <a href="https://www.chenhuijing.com/blog/where-did-css-named-colours-come-from/">Where did CSS named colours come from?</a><br><br> • <a href="https://medium.com/better-programming/heres-a-list-of-top-css-front-end-libraries-eb0330c04148">Here’s a List of Top CSS Front-End libraries</a><br><br> • <a href="https://css-tricks.com/can-you-view-print-stylesheets-applied-directly-in-the-browser/">Can you view print stylesheets applied directly in the browser?</a><br><br> • <a href="https://css-tricks.com/bounce-element-around-viewport-in-css/">Bounce Element Around Viewport in CSS</a><br><br> • <a href="https://www.aaron-powell.com/posts/2019-08-14-css-can-do-this-and-its-terrifying/">CSS Can Do This... And It's Terrifying!</a> </p> <h3> JavaScript </h3> <p>• <a href="https://levelup.gitconnected.com/how-i-met-your-javascript-generators-reduce-memory-used-on-your-browser-and-server-8ed2c5077d5c">Use JavaScript Generator Functions to Reduce Memory Utilization</a><br><br> • <a href="https://philipwalton.com/articles/using-native-javascript-modules-in-production-today/">Using Native JavaScript Modules in Production Today</a><br><br> • <a href="https://www.telerik.com/blogs/debouncing-and-throttling-in-javascript">Debouncing and Throttling in JavaScript</a><br><br> • <a href="https://itnext.io/javascript-things-newbies-should-know-e04bab10449f">JS: Things To Learn To Become Senior</a> </p> <ul> <li><p><strong>React:</strong><br><br> • <a href="https://medium.com/@gaurav5430/react-building-an-accessible-faq-component-bac135116532">React: Building an accessible FAQ component</a><br><br> • <a href="https://kentcdodds.com/blog/react-hooks-pitfalls">5 Tips to Help You Avoid React Hooks Pitfalls</a><br><br> • <a href="https://medium.com/@danielmjung/localization-with-react-dc26fb013028">Localization with React</a><br><br> • <a href="https://css-tricks.com/using-requestanimationframe-with-react-hooks/">Using requestAnimationFrame with React Hooks</a><br><br> • <a href="https://blog.sapegin.me/all/react-testing-2-jest-and-enzyme/">Modern React testing, part 2: Jest and Enzyme</a><br><br> • <a href="https://blog.logrocket.com/semantic-jsx/">The state of semantic JSX</a> </p></li> <li><p><strong>VueJS:</strong><br><br> • <a href="https://blog.lichter.io/posts/how-to-load-dynamic-images-in-vue-and-nuxt-with-ea/">How to load dynamic images in Vue and Nuxt with ease</a><br><br> • <a href="https://vueschool.io/articles/vuejs-tutorials/vue-js-router-performance/">Vue.js Router Performance</a><br><br> • <a href="https://medium.com/@hohanga/how-to-use-vuetify-in-vue-js-467f9fd07ecd">How to Use Vuetify in Vue.js</a><br><br> • <a href="https://medium.com/@manuustenko/https-medium-com-manuustenko-how-to-avoid-solid-principles-violations-in-vue-js-application-1121a0df6197">How to avoid SOLID principles violations in Vue. JS application</a> </p></li> <li><p><strong>Angular:</strong><br><br> • <a href="https://www.telerik.com/blogs/7-ways-to-make-your-angular-app-more-accessible">7 Ways to Make Your Angular App More Accessible</a><br><br> • <a href="https://itnext.io/angular-search-pagination-41572ef0078f">Angular Search &amp; Pagination</a><br><br> • <a href="https://medium.com/showpad-engineering/why-you-should-never-use-function-calls-in-angular-template-expressions-e1a50f9c0496">Why you should never use function calls in Angular template expressions</a> </p></li> <li><p><strong>Ember:</strong><br><br> • <a href="https://medium.com/@abdullah2891/ember-js-and-react-js-comparisons-between-some-of-the-advanced-features-1dea688edffb">Ember.js and React.js: Comparisons between some of the advanced features</a><br><br> • <a href="https://www.notion.so/The-Ember-Atlas-4094f81c86c34badb4a562ed29414ae1">The Ember Atlas</a> - A place for all things Ember: processes, best practices, upgrade guides, and more!<br><br> • <a href="https://dev.to/mitchartemis/making-an-electron-app-with-ember-js-part-1-initial-setup-11c0">Making an Electron App with Ember JS</a><br><br> • <a href="https://www.youtube.com/watch?v=ECkbVa0iC4k">Commit Porto '19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)</a></p></li> </ul> webdev css javascript react