- PVSM.RU - https://www.pvsm.ru -
This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.

Web-development
• Frontend Design, React, and a Bridge over the Great Divide [1]
• Oops, I guess we’re full-stack developers now [2]
• Frontend in South Korea [3]
• Making a Realistic Glass Effect with SVG [4]
•
"#PerfMatters Conference 2019" [5]
CSS
• Figuring out CSS animation properties with a magic kittencorn [11]
• Using CSS Custom attributes generated by JavaScript as a handover mechanism [12]
• 7 Top CSS Trends for 2019 [13]
• New CSS Features in Firefox 68 [14]
• How much specificity do @rules have, like @keyframes and @media? [15]
• Flexbox and padding [16]
• CSS Theme Organization Best Practices [17]
JavaScript
• Cheat sheet for moving from jQuery to vanilla JavaScript [18]
• Writing a Simple MVC App in Plain JavaScript [19]
• Here’s How Not to Suck at JavaScript [20]
• Svelte: first impressions [21]
• JavaScript Promises and Async/Await: As Fast As Possible [22]
React:
Angular:
VueJS:
Browsers
• New in Chrome 76 [41]
• What's New In DevTools (Chrome 77) [42]
• New CSS Features in Firefox 68 [14]
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Автор: derSmoll
Источник [43]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/326026
Ссылки в тексте:
[1] Frontend Design, React, and a Bridge over the Great Divide: http://bradfrost.com/blog/post/frontend-design-react-and-a-bridge-over-the-great-divide/
[2] Oops, I guess we’re full-stack developers now: https://full-stack.netlify.com/
[3] Frontend in South Korea: https://www.reddit.com/r/Frontend/comments/cldm4k/frontend_in_south_korea/
[4] Making a Realistic Glass Effect with SVG: https://css-tricks.com/making-a-realistic-glass-effect-with-svg/
[5] "#PerfMatters Conference 2019": https://www.youtube.com/playlist?list=PLSmH2HL6l9pw47J-xWZSIH7HpEgqlGiXD
[6] I Used The Web For A Day On A 50 MB Budget: https://www.smashingmagazine.com/2019/07/web-on-50mb-budget/
[7] Making Instagram.com faster: Part 1: https://instagram-engineering.com/making-instagram-com-faster-part-1-62cc0c327538
[8] Accessibility Strategies for Your Content Team: https://www.deque.com/blog/accessibility-strategies-for-your-content-team/
[9] Truths about digital accessibility: https://ericwbailey.design/writing/truths-about-digital-accessibility.html?ref=heydesigner
[10] Create custom keyboard accessible radio buttons: https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accessible-radio-buttons
[11] Figuring out CSS animation properties with a magic kittencorn: https://www.chenhuijing.com/blog/figuring-out-css-animation-with-magic-kittencorn/#%F0%9F%92%BB
[12] Using CSS Custom attributes generated by JavaScript as a handover mechanism: https://medium.com/@codepo8/using-css-custom-attributes-generated-by-javascript-as-a-handover-mechanism-d3ea09dab4db
[13] 7 Top CSS Trends for 2019: https://1stwebdesigner.com/7-top-css-trends-for-2019/
[14] New CSS Features in Firefox 68: https://hacks.mozilla.org/2019/07/new-css-features-in-firefox-68/
[15] How much specificity do @rules have, like @keyframes and @media?: https://css-tricks.com/how-much-specificity-do-rules-have-like-keyframes-and-media/
[16] Flexbox and padding: https://www.chenhuijing.com/blog/flexbox-and-padding/
[17] CSS Theme Organization Best Practices: https://medium.com/welldone-software/css-theme-organization-best-practices-a8e375d92c7c
[18] Cheat sheet for moving from jQuery to vanilla JavaScript: https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/
[19] Writing a Simple MVC App in Plain JavaScript: https://www.taniarascia.com/javascript-mvc-todo-app/
[20] Here’s How Not to Suck at JavaScript: https://medium.com/better-programming/js-reliable-fdea261012ee
[21] Svelte: first impressions: https://www.erikostrom.com/code/words/svelte-first-impressions/
[22] JavaScript Promises and Async/Await: As Fast As Possible: https://itnext.io/javascript-promises-and-async-await-as-fast-as-possible-d7c8c8ff0abc
[23] React + Redux + Comlink = Off-main-thread: https://dassur.ma/things/react-redux-comlink/
[24] React <Animated /> Tutorial: https://medium.com/@js_tut/react-animated-tutorial-7a46fa3c2b96
[25] Fetching Data in React using React Async: https://css-tricks.com/fetching-data-in-react-using-react-async/
[26] Why React Hooks?: https://tylermcginnis.com/why-react-hooks/
[27] Do React Hooks Replace Redux?: https://medium.com/javascript-scene/do-react-hooks-replace-redux-210bab340672
[28] Do React Hooks Replace Higher Order Components (HOCs)?: https://medium.com/javascript-scene/do-react-hooks-replace-higher-order-components-hocs-7ae4a08b7b58
[29] localize-react: https://github.com/yankouskia/localize-react
[30] A Performant Solution for Replacing Redux with React Context and Hooks: https://silvenon.com/blog/replacing-redux-with-context-and-hooks
[31] Create your own image classifier with Angular and Tensorflow.js: https://blog.angularindepth.com/create-your-own-image-classifier-with-angular-and-tensorflow-js-5b1bc2391424
[32] Top Angular open source projects: https://flatlogic.com/blog/top-angular-open-source-projects/
[33] Announcing Bit with Angular Public Beta: https://blog.bitsrc.io/announcing-bit-with-angular-public-beta-578cbb173690
[34] Svelte for Angular Developers: https://blog.bitsrc.io/svelte-for-angular-developers-34012b93420c
[35] Creating Dynamic Routes in a Nuxt Application: https://css-tricks.com/creating-dynamic-routes-in-a-nuxt-application/
[36] Vue.js 3: Future-Oriented Programming: https://blog.bitsrc.io/vue-js-3-future-oriented-programming-54dee797988b
[37] Getting Started with Vuetify 2.0: https://medium.com/vue-mastery/getting-started-with-vuetify-2-0-522ad3a55154
[38] Ember 2019-2020 Roadmap: https://github.com/emberjs/rfcs/blob/2018-2019-roadmap/text/000-2018-2019-roadmap.md
[39] Ember Components Museum: https://jenweber.github.io/the-ember-components-museum/versions/master/
[40] Ember Component Cheat Sheet: https://codingitwrong.com/2019/07/23/ember-component-cheat-sheet.html
[41] New in Chrome 76: https://developers.google.com/web/updates/2019/07/nic76
[42] What's New In DevTools (Chrome 77): https://developers.google.com/web/updates/2019/07/devtools#audits
[43] Источник: https://habr.com/ru/post/462467/?utm_campaign=462467&utm_source=habrahabr&utm_medium=rss
Нажмите здесь для печати.