Frontend Weekly Digest (8 – 14 Apr 2019)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/314577

Ссылки в тексте:

[1] Front-end Developer Handbook 2019: https://frontendmasters.com/books/front-end-handbook/2019/

[2] Developer Survey Results: https://insights.stackoverflow.com/survey/2019

[3] Inline SVG… Cached: https://css-tricks.com/inline-svg-cached/

[4] Web development, illustrated.: https://illustrated.dev/

[5] mobile input types: http://mobileinputtypes.com/

[6] Javascript vs. CSS — More control means more responsibility: https://www.youtube.com/watch?v=4HuJoPIeyQo

[7] Using the Web Speech API for Multilingual Translations: https://css-tricks.com/using-the-web-speech-api-for-multilingual-translations/

[8] Don’t trust the locals: investigating the prevalence of persistent client-side cross-site scripting in the wild: https://blog.acolyer.org/2019/04/10/dont-trust-the-locals-investigating-the-prevalence-of-persistent-client-side-cross-site-scripting-in-the-wild/

[9] Native lazy loading and js-based fallback with vanilla-lazyload 12: https://www.andreaverlicchi.eu/native-lazy-loading-with-vanilla-lazyload/

[10] Google AMP lowered our page speed, and there's no choice but to use it: https://unlikekinds.com/article/google-amp-page-speed

[11] How to get a 100 % Lighthouse performance score: https://www.deleteagency.com/blog/how-to-get-a-100-percents-lighthouse-performance-score

[12] Common accessibility issue: moving to a page section without shifting keyboard focus: https://christianheilmann.com/2019/04/09/common-accessibility-issue-moving-to-a-page-section-without-shifting-keyboard-focus/

[13] Color accessibility: tools and resources to help you design inclusive products: https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-design-inclusive-products/

[14] Top 5 Questions Asked in Accessibility Trainings: https://www.deque.com/blog/top-5-questions-asked-in-accessibility-trainings/

[15] How to Create a Sticky Image Effect with Three.js: https://tympanus.net/codrops/2019/04/10/how-to-create-a-sticky-image-effect-with-three-js/

[16] Pulling Apart SVGs with Reusable WebGL Components Using React-three-fiber: https://tympanus.net/codrops/2019/04/12/pulling-apart-svgs-with-reusable-webgl-components-using-react-three-fiber/

[17] It’s 2019! Let’s End The Debate On Icon Fonts vs SVG Icons: https://www.lambdatest.com/blog/its-2019-lets-end-the-debate-on-icon-fonts-vs-svg-icons/

[18] A guide to understanding CSS Houdini with the help of cartoons: https://medium.freecodecamp.org/a-guide-to-understanding-css-houdini-with-the-help-of-cartoons-f40af2540093

[19] CSSBattle Tips n' tricks: https://spectrum.chat/css-battle/general/tips-n-tricks~6034b7fa-d08b-463a-9720-decb5e2c0f5b

[20] Animating SVG with CSS: https://blog.logrocket.com/animating-svg-with-css-83e8e27d739c

[21] Follow these steps to become a CSS Superstar: https://medium.freecodecamp.org/follow-these-steps-to-become-a-css-superstar-837cd6cb9b1a

[22] Get a CSS Custom Property value with JavaScript: https://andy-bell.design/wrote/get-css-custom-property-value-with-javascript/

[23] Art Direction For The Web Using CSS Shapes: https://www.smashingmagazine.com/2019/04/art-direction-for-the-web-using-css-shapes/

[24] Using a Mixin to Take the Math out of Responsive Font Sizes: https://css-tricks.com/using-a-mixin-to-take-the-math-out-of-responsive-font-sizes/

[25] Why you should use CSS env(): https://blog.logrocket.com/why-you-should-use-css-env-9ee719ce0f24

[26] QUIZ: Well aimed? How well do you know CSS selectors?: https://codepen.io/pehaa/full/ROapJZ

[27] sassyfication: library with sass mixins to speed up your css workflow.: https://github.com/Simonwep/sassyfication#positiontop-right-bottom-left

[28] jQuery 3.4.0 Released: https://blog.jquery.com/2019/04/10/jquery-3-4-0-released/

[29] The Chrome DevTools Sources Panel: Overrides vs FileSystem vs Snippets vs Page: https://www.telerik.com/blogs/the-chrome-devtools-sources-panel-overrides-filesystem-snippets-page

[30] Five reasons why Web Components could complement JavaScript frameworks: https://medium.com/javascript-in-plain-english/could-web-components-actually-compliment-javascript-frameworks-5-reasons-why-i-think-so-971eee82ee85

[31] Kyle Simpson: I’ve Forgotten More JavaScript Than Most People Ever Learn: https://medium.com/@amsterdamjs/kyle-simpson-ive-forgotten-more-javascript-than-most-people-ever-learn-3bddc6c13e93

[32] 31 most popular GitHub JS repositories in April’19: https://itnext.io/31-most-popular-github-js-repositories-in-april19-b18ea6fec58b

[33] Number Truncation in JavaScript: https://medium.com/dailyjs/number-truncation-in-javascript-196c067b0d55

[34] The Pitfalls of Async/Await in Array Loops: https://medium.com/dailyjs/the-pitfalls-of-async-await-in-array-loops-cf9cf713bfeb

[35] In Defense of the Ternary Statement: https://css-tricks.com/in-defense-of-the-ternary-statement/

[36] Improve async programming with JavaScript promises: https://blog.logrocket.com/improve-async-programming-with-javascript-promises-1652ac8d036d

[37] Design patterns in modern JavaScript development: https://levelup.gitconnected.com/design-patterns-in-modern-javascript-development-ec84d8be06ca

[38] Why your company should start using Vue.js: https://medium.com/@robewawebdesign/why-your-company-should-start-using-vue-js-6ac01969573

[39] Introducing a new State-Management for Vue.js: https://medium.com/js-dojo/introducing-a-new-state-management-for-vue-js-b85be00b3299

[40] VueJs Amsterdam 2019 experience and talks summary (Part 2): https://www.telerik.com/blogs/vuejs-amsterdam-2019-experience-and-talks-summary-part-2

[41] Why I Chose Vue over React: https://blog.bitsrc.io/why-i-chose-vue-over-react-f1507fa8e382

[42] Fetching Data from a Third-party API with Vue.js and Axios: https://www.sitepoint.com/fetching-data-third-party-api-vue-axios/

[43] Make your Vue.js web apps discoverable — JavaScript SEO: https://www.youtube.com/watch?v=Op8Q8bUAKNc&list=PLKoqnv2vTMUPOalM1zuWDP9OQl851WMM9&index=8

[44] What I wish I knew when I started to work with React.js: https://medium.freecodecamp.org/what-i-wish-i-knew-when-i-started-to-work-with-react-js-3ba36107fd13

[45] React95: https://github.com/React95/React95

[46] Styling Best Practices Using React: https://medium.com/the-non-traditional-developer/styling-best-practices-using-react-c37b96b8be9c

[47] The Best React Extension for VS Code: https://scotch.io/tutorials/the-best-react-extension-for-vs-code

[48] Overview of Popular CSS-in-JS Libraries for React: https://www.telerik.com/blogs/overview-of-popular-css-in-js-libraries-for-react

[49] State Management with React Hooks — No Redux or Context API: https://medium.com/javascript-in-plain-english/state-management-with-react-hooks-no-redux-or-context-api-8b3035ceecf8

[50] Angular Context: Easy Data-Binding for Nested Component Trees and the Router Outlet: https://medium.com/@ozak/angular-context-easy-data-binding-for-nested-component-trees-and-the-router-outlet-a977efacd48

[51] Angular CLI — Demystifying the workspace: https://blog.nrwl.io/angular-cli-demystifying-the-workspace-7f59ffaab4cb

[52] Advanced Angular: Implementing a Reusable Autocomplete Component: https://netbasal.com/advanced-angular-implementing-a-reusable-autocomplete-component-9908c2f04f5

[53] fkit: a functional programming toolkit for JavaScript: https://github.com/nullobject/fkit

[54] jQuery Terminal Emulator — web based terminal: https://github.com/jcubic/jquery.terminal

[55] Choices.js: https://github.com/jshjohnson/Choices

[56] What to expect in the new Microsoft Edge Insider Channels: https://blogs.windows.com/msedgedev/2019/04/08/microsoft-edge-preview-channel-details/

[57] Opera introduces Reborn 3, the first desktop browser with Web 3, faster VPN and ad blocker: https://blogs.opera.com/desktop/2019/04/opera-60-reborn-3-web-3-0-vpn-ad-blocker/

[58] Edge Goes Chromium: What Does it Mean for Front-End Developers?: https://css-tricks.com/edge-goes-chromium-what-does-it-mean-for-front-end-developers/

[59] Источник: https://habr.com/ru/post/448090/?utm_campaign=448090

Нажмите здесь для печати.