- PVSM.RU - https://www.pvsm.ru -

Frontend Weekly Digest (4 – 10 Feb 2019)

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.

Frontend Weekly Digest (4 – 10 Feb 2019) - 1


    Web-development [1]    |    CSS [2]    |    Javascript [3]    |    Browsers [4]


Frontend Weekly Digest (4 – 10 Feb 2019) - 2 Web-development

• Where Do You Learn HTML & CSS in 2019? [5]
• PWAs on iOS 12.2 beta: the good, the bad, and the “not sure yet if good” [6]

Frontend Weekly Digest (4 – 10 Feb 2019) - 4 CSS

• A Guide To CSS Support In Browsers [20]
• Using the Little-Known CSS element() Function to Create a Minimap Navigator [21]
• Pure CSS lettering, a bad and fun idea [22]
• How to create a beating heart with pure CSS for your valentine [23]
• The only reason your CSS fails [24]

Frontend Weekly Digest (4 – 10 Feb 2019) - 5 JavaScript

• New JavaScript Features That Will Change How You Write Regex [25]
• How to Beat 5 Common JavaScript Interview Challenges [26]
• React vs. Vue (Exact Todo App) By Example [27]
• 7 JavaScript Templating Engines with Code Examples [28]
• First thoughts on Deno, the JavaScript/TypeScript run-time [29]
• Obfuscated javascript, scam emails, and American Express [30]

Frontend Weekly Digest (4 – 10 Feb 2019) - 9 Browsers

• Firefox 66 to block automatically playing audible video and audio [57]
• Opera browser VPN coming to Android [58]
• Google Chrome dark mode on Windows 10 and macOS respects system-wide setting w/ latest Canary release [59]
• Microsoft security chief: IE is not a browser, so stop using it as your default [60]
• [Updated] Google is Testing a “Never-Slow Mode” for Chrome [61]

Автор: derSmoll

Источник [62]


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

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

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

[1] Web-development: #webdev

[2] CSS: #css

[3] Javascript: #js

[4] Browsers: #browser

[5] Where Do You Learn HTML & CSS in 2019?: https://css-tricks.com/where-do-you-learn-html-css-in-2019/

[6] PWAs on iOS 12.2 beta: the good, the bad, and the “not sure yet if good”: https://medium.com/@firt/pwas-on-ios-12-2-beta-the-good-the-bad-and-the-not-sure-yet-if-good-a37b6fa6afbf

[7] Rendering on the Web: https://developers.google.com/web/updates/2019/02/rendering-on-the-web

[8] GTMetrix — How to Use GTMetrix to Analyze and Boost Website Speed: https://onextrapixel.com/gtmetrix-how-to-use-gtmetrix-to-analyze-and-boost-website-speed/

[9] How Does Page Load Time Affect Your Site Revenue?: https://www.machmetrics.com/speed-blog/how-does-page-load-time-affect-your-site-revenue/

[10] Making Google Fonts Faster: https://medium.com/clio-calliope/making-google-fonts-faster-aadf3c02a36d

[11] Please stop building inaccessible forms (and how to fix them): https://blog.kentcdodds.com/please-stop-building-inaccessible-forms-and-how-to-fix-them-72c59e2729c6

[12] Revisiting the abbr element: https://bitsofco.de/revisiting-the-abbr-element/

[13] ️Links that don’t go anywhere should be buttons: https://christianheilmann.com/2019/02/05/links-that-dont-go-anywhere-should-be-buttons/

[14] Evangelina Ferreira — The “C” Is For Accessibility: https://vimeo.com/312101489

[15] New features in Webpack 5: https://blog.logrocket.com/new-features-in-webpack-5-2559755adf5e

[16] git-history: Quickly browse the history of any GitHub file: https://github.com/pomber/git-history

[17] Text Distortion Effects using Blotter.js: https://tympanus.net/codrops/2019/02/06/text-distortion-effects-using-blotter-js/

[18] Inspirational Websites Roundup #1: https://tympanus.net/codrops/2019/02/04/inspirational-websites-roundup-1/

[19] Animate a Blob of Text with SVG and Text Clipping: https://css-tricks.com/animate-blob-text-with-svg-text-clipping/

[20] A Guide To CSS Support In Browsers: https://www.smashingmagazine.com/2019/02/css-browser-support/

[21] Using the Little-Known CSS element() Function to Create a Minimap Navigator: https://css-tricks.com/using-the-little-known-css-element-function-to-create-a-minimap-navigator

[22] Pure CSS lettering, a bad and fun idea: https://kennethormandy.com/journal/pure-css-lettering-a-bad-and-fun-idea/?ref=heydesigner

[23] How to create a beating heart with pure CSS for your valentine: https://medium.freecodecamp.org/how-to-create-a-beating-heart-with-pure-css-for-your-valentine-2aeb05e2d36e

[24] The only reason your CSS fails: https://blog.logrocket.com/the-only-reason-your-css-fails-8e4388d562af

[25] New JavaScript Features That Will Change How You Write Regex: https://www.smashingmagazine.com/2019/02/regexp-features-regular-expressions/

[26] How to Beat 5 Common JavaScript Interview Challenges: https://www.sitepoint.com/5-common-coding-interview-challenges/

[27] React vs. Vue (Exact Todo App) By Example: https://medium.com/js-dojo/react-vs-vue-exact-todo-app-comparison-by-example-14cc56efc5e5

[28] 7 JavaScript Templating Engines with Code Examples: https://www.developerdrive.com/2019/02/best-javascript-templating-engines/

[29] First thoughts on Deno, the JavaScript/TypeScript run-time: https://43081j.com/2019/01/first-look-at-deno

[30] Obfuscated javascript, scam emails, and American Express: https://blog.jonlu.ca/posts/deobfuscating-amex-scammer

[31] Accurate estimation of read time for Medium articles in JavaScript: https://medium.freecodecamp.org/how-to-more-accurately-estimate-read-time-for-medium-articles-in-javascript-fb563ff0282a

[32] How to detect a sequence of keystrokes in JavaScript: https://medium.com/javascript-in-plain-english/how-to-detect-a-sequence-of-keystrokes-in-javascript-83ec6ffd8e93

[33] Animate Your Digits Like Robinhood: https://blog.usejournal.com/animate-your-digits-like-robinhood-2fd3e24bdc16

[34] Do we still need JavaScript frameworks?: https://medium.freecodecamp.org/do-we-still-need-javascript-frameworks-42576735949b

[35] Yield! Yield! How Generators work in JavaScript.: https://medium.freecodecamp.org/yield-yield-how-generators-work-in-javascript-3086742684fc

[36] JavaScript Wizard: What’s up with ‘this’?: https://itnext.io/javascript-wizard-whats-up-with-this-92ca309172d6

[37] Vue 2.6 released: https://medium.com/the-vue-point/vue-2-6-released-66aa6c8e785e

[38] What Hooks Mean for Vue: https://css-tricks.com/what-hooks-mean-for-vue/

[39] Productivity in Vue — Part 2: https://medium.com/vuetify/productivity-in-vue-part-2-1dc209062cae

[40] Vuethereum: The Vue library Ethereum deserves: https://blog.matryx.ai/vuethereum-the-vue-library-ethereum-deserves-de5dc66f1839

[41] A little background on JavaScript modules: https://vuejsdevelopers.com/2019/02/04/vue-es-module-browser-build/

[42] Vue.js App Performance Optimization: part 2— Lazy loading routes and vendor bundle anti-pattern.: https://itnext.io/vue-js-app-performance-optimization-part-2-lazy-loading-routes-and-vendor-bundle-anti-pattern-4a62236e09f9

[43] React v16.8: The One With Hooks: https://reactjs.org/blog/2019/02/06/react-v16.8.0.html

[44] How to load data in React with redux-thunk, redux-saga, suspense, & hooks: https://medium.freecodecamp.org/loading-data-in-react-redux-thunk-redux-saga-suspense-hooks-666b21da1569

[45] How to Get Started With React Hooks: Controlled Forms: https://medium.com/the-andela-way/how-to-get-started-with-react-hooks-controlled-forms-9b47e9fb8c8d

[46] Building an Online Retail Dashboard in React: https://scotch.io/tutorials/building-an-online-retail-dashboard-in-react

[47] React as a UI Runtime: https://overreacted.io/react-as-a-ui-runtime/

[48] No-boilerplate global state management in React: https://medium.com/swlh/no-boilerplate-global-state-management-in-react-907589d9554f

[49] A plan for version 8.0 and Ivy: https://blog.angular.io/a-plan-for-version-8-0-and-ivy-b3318dfc19f7

[50] The Need for Speed: Lazy Load Non-Routable Modules in Angular : https://netbasal.com/the-need-for-speed-lazy-load-non-routable-modules-in-angular-30c8f1c33093

[51] Unleash the power of Forms with Angular’s Reactive Forms: https://blog.angularindepth.com/unleash-the-power-of-forms-with-angulars-reactive-forms-d6be5918f408

[52] How to implement localization in Angular using i18n tools: https://medium.freecodecamp.org/how-to-implement-localization-in-angular-using-i18n-tools-a88898b1a0d0

[53] MiniSearch: https://lucaong.github.io/minisearch/

[54] uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application.: https://github.com/transloadit/uppy

[55] timetable-fns: useful date and time utility functions for working with timetables: https://github.com/flightplan-tool/timetable-fns

[56] x-spreadsheet: a web-based JavaScript spreadsheet: https://github.com/myliang/x-spreadsheet

[57] Firefox 66 to block automatically playing audible video and audio: https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/

[58] Opera browser VPN coming to Android : https://blogs.opera.com/mobile/2019/02/opera-browser-vpn-coming-to-android/?ref=vc.ru

[59] Google Chrome dark mode on Windows 10 and macOS respects system-wide setting w/ latest Canary release: https://9to5google.com/2019/02/07/google-chrome-dark-mode-windows-macos-respect/

[60] Microsoft security chief: IE is not a browser, so stop using it as your default: https://www.zdnet.com/article/microsoft-security-chief-ie-is-not-a-browser-so-stop-using-it-as-your-default/

[61] [Updated] Google is Testing a “Never-Slow Mode” for Chrome: https://www.chromestory.com/2019/02/google-is-testing-a-never-slow-mode-for-chrome/

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