It’s Resilient CSS Week
Writing code that works in all web browsers at the same time is one of the most important things we do. New technology is coming out all the time. Yet many of the people visiting the websites we build are using old browsers. How can we use new CSS if it’s not supported in every browser — especially when users keep using old, crufty browsers? Do we have to wait until 100% of people have a browsers with the new feature? Don’t we have to wait until Internet Explorer is dead before we can use the new stuff?
https://hacks.mozilla.org/2018/02/its-resilient-css-week/
Writing code that works in all web browsers at the same time is one of the most important things we do. New technology is coming out all the time. Yet many of the people visiting the websites we build are using old browsers. How can we use new CSS if it’s not supported in every browser — especially when users keep using old, crufty browsers? Do we have to wait until 100% of people have a browsers with the new feature? Don’t we have to wait until Internet Explorer is dead before we can use the new stuff?
https://hacks.mozilla.org/2018/02/its-resilient-css-week/
Mozilla Hacks – the Web developer blog
It’s Resilient CSS Week – Mozilla Hacks - the Web developer blog
Jen Simmons celebrates resilient CSS and shows you how it's done, in this week's Layout Land video series. Check out the opening episodes: Introduction to Resilient CSS and Can I ...
Starting with Webpack 4 and VueJs — A quick-start tutorial.
In a nutshell, Webpack 4 is up to 98% faster. They have Mode, #0CJS, and sensible defaults now. 😻 It has chunking as a configurable default for different modes. Module Types are introduced along with .mjs support and a support for WebAssembly. Javascript of the future is here! 💥
https://medium.com/justfrontendthings/starting-with-webpack-4-and-vuejs-a-quick-start-tutorial-4a244410d55e
In a nutshell, Webpack 4 is up to 98% faster. They have Mode, #0CJS, and sensible defaults now. 😻 It has chunking as a configurable default for different modes. Module Types are introduced along with .mjs support and a support for WebAssembly. Javascript of the future is here! 💥
https://medium.com/justfrontendthings/starting-with-webpack-4-and-vuejs-a-quick-start-tutorial-4a244410d55e
Medium
Starting with Webpack 4 and VueJs — A quick-start tutorial.
Webpack4 is officially here! Did you know they’re calling it Legato! There are a lot of new features and improvements. Sean T. Larkin’s 😎…
Let’s Build a Custom Vue.js Router
Plenty of tutorials exist that do a great job in explaining how Vue’s official routing library, vue-router, can be integrated into an existing Vue application.
But, simple applications often don’t need a fully fledged routing library like vue-router. In this article, we'll build a simple custom client-side router with Vue. By doing so, we’ll gather an understanding of what needs to be handled to construct client-side routing as well as where potential shortcomings can exist.
“Let’s Build a Custom Vue.js Router” by @djirdehh
https://hackernoon.com/lets-build-a-custom-vue-js-router-7de634be87c4
Plenty of tutorials exist that do a great job in explaining how Vue’s official routing library, vue-router, can be integrated into an existing Vue application.
But, simple applications often don’t need a fully fledged routing library like vue-router. In this article, we'll build a simple custom client-side router with Vue. By doing so, we’ll gather an understanding of what needs to be handled to construct client-side routing as well as where potential shortcomings can exist.
“Let’s Build a Custom Vue.js Router” by @djirdehh
https://hackernoon.com/lets-build-a-custom-vue-js-router-7de634be87c4
Hackernoon
Let’s Build a Custom Vue.js Router | HackerNoon
<em>This article is cross-posted in CSS-Tricks - </em><a href="https://css-tricks.com/build-a-custom-vue-router/" target="_blank"><em>https://css-tricks.com/build-a-custom-vue-router/</em></a>
What Are DocTypes and Why Do They Matter to You?
The unfortunately reality, though, is that there are still crummy web pages on the web from the 90s, and these crummy pages were designed to run properly only on the crummy web browsers of their day. To maintain backward compatibility for these pages, browsers essentially started including at least two rendering engines – the old "quirky" engine for rendering ancient pages that don’t adhere to standards, and the new standards-compliant engine for rendering newer pages that do adhere to standards and want to take advantage of new functionality.
So, how do browsers decide which rendering engine to use? You guessed it – the DocType.
http://www.dwuser.com/news/2012/01/what-are-doctypes-and-why-do-they-matter-to-you/
The unfortunately reality, though, is that there are still crummy web pages on the web from the 90s, and these crummy pages were designed to run properly only on the crummy web browsers of their day. To maintain backward compatibility for these pages, browsers essentially started including at least two rendering engines – the old "quirky" engine for rendering ancient pages that don’t adhere to standards, and the new standards-compliant engine for rendering newer pages that do adhere to standards and want to take advantage of new functionality.
So, how do browsers decide which rendering engine to use? You guessed it – the DocType.
http://www.dwuser.com/news/2012/01/what-are-doctypes-and-why-do-they-matter-to-you/
Dwuser
DWUser.com - What Are DocTypes and Why Do They Matter to You? – News / Blog / Testimonials
Interesting news, articles and testimonials related to DWUser.com products. The latest info from DWUser.com
First, software ate the world, the web ate software, and JavaScript ate the web.
In 2018, React is eating JavaScript.
https://medium.com/@_ericelliott/top-javascript-libraries-tech-to-learn-in-2018-c38028e028e6
In 2018, React is eating JavaScript.
https://medium.com/@_ericelliott/top-javascript-libraries-tech-to-learn-in-2018-c38028e028e6
Medium
Top JavaScript Libraries & Tech to Learn in 2018
Last year, I wrote an article rounding up the top tech to learn in 2017. This year there are some surprises.
One big 2018 goal for the Rust community is to become a web language. By targeting WebAssembly, Rust can run on the web just like JavaScript. But what does this mean? Does it mean that Rust is trying to replace JavaScript?
The answer to that question is no. We don’t expect Rust WebAssembly apps to be written completely in Rust. In fact, we expect the bulk of application code will still be JS, even in most Rust WebAssembly applications.
This is because JS is a good choice for most things. It’s quick and easy to get up and running with JavaScript. On top of that, there’s a vibrant ecosystem full of JavaScript developers who have created incredibly innovative approaches to different problems on the web.
https://hacks.mozilla.org/2018/03/making-webassembly-better-for-rust-for-all-languages/
The answer to that question is no. We don’t expect Rust WebAssembly apps to be written completely in Rust. In fact, we expect the bulk of application code will still be JS, even in most Rust WebAssembly applications.
This is because JS is a good choice for most things. It’s quick and easy to get up and running with JavaScript. On top of that, there’s a vibrant ecosystem full of JavaScript developers who have created incredibly innovative approaches to different problems on the web.
https://hacks.mozilla.org/2018/03/making-webassembly-better-for-rust-for-all-languages/
Mozilla Hacks – the Web developer blog
Making WebAssembly better for Rust & for all languages
To be a useful as a web language, Rust needs to work well with the JavaScript ecosystem. We have some work to do to get there, and fortunately that work ...
Check out Hyderabad Javascript Group http://meetu.ps/c/zY3T/tSsN6/d on Meetup
Meetup
Hyderabad Javascript Group (Hyderabad, India)
A meetup focused on JavaScript everywhere, including client side, server side, browser, non-browser, etc.. Goals for the group are to spread ideas about node.js, jQuery (including various open source
The V8 Version 6.6 beta focuses focuses on JavaScript language features and code-caching capabilities
https://www.infoworld.com/article/3252818/web-development/whats-new-in-googles-v8-javascript-engine.html
https://www.infoworld.com/article/3252818/web-development/whats-new-in-googles-v8-javascript-engine.html
InfoWorld
What’s new in Google’s V8 JavaScript engine
The V8 Version 7.4 beta lays the groundwork for possible future iOS support
A little gist to integrate a "Toot it!" button to your Vue.js project.
Buttons to share a website to Diaspora* or Mastodon
https://gist.github.com/Aly-ve/06e0eaeab4f613de8c5500fa46c15050
Buttons to share a website to Diaspora* or Mastodon
https://gist.github.com/Aly-ve/06e0eaeab4f613de8c5500fa46c15050
Gist
Buttons to share a website to Diaspora* or Mastodon
Buttons to share a website to Diaspora* or Mastodon - anything.vue
Explore the JavaScript Crypto Libraries
WebCryptoAPI
Stanford Javascript Crypto Library
cryptojs
FoxyCrypt
PolyCrypt
Cifre
jscrypto
pidCrypt
OpenPGP.js
js-nacl
and much more
https://gist.github.com/jo/8619441
WebCryptoAPI
Stanford Javascript Crypto Library
cryptojs
FoxyCrypt
PolyCrypt
Cifre
jscrypto
pidCrypt
OpenPGP.js
js-nacl
and much more
https://gist.github.com/jo/8619441
Gist
List of JavaScript Crypto libraries.
List of JavaScript Crypto libraries. GitHub Gist: instantly share code, notes, and snippets.
👍1
https://eloquentjavascript.net/
This is a book about JavaScript, programming.
Written by Marijn Haverbeke.
Licensed under a Creative Commons attribution-noncommercial license.
This is a book about JavaScript, programming.
Written by Marijn Haverbeke.
Licensed under a Creative Commons attribution-noncommercial license.
Web Demystified - A Video Series
This post introduces Web Demystified, a new series targeting web makers. By web makers, we have in mind everyone who builds things for the web: designers, developers, project managers, students, hobbyists, and experts.
https://hacks.mozilla.org/2018/04/a-new-video-series-web-demystified/
This post introduces Web Demystified, a new series targeting web makers. By web makers, we have in mind everyone who builds things for the web: designers, developers, project managers, students, hobbyists, and experts.
https://hacks.mozilla.org/2018/04/a-new-video-series-web-demystified/
Mozilla Hacks – the Web developer blog
A new video series: Web Demystified – Mozilla Hacks - the Web developer blog
This post introduces Web Demystified, a new video series targeting web makers -- everyone who builds things for the web: designers, developers, project and team managers, students, hobbyists, and experts. ...
Day.js:
A Fast 2KB Alternative to Moment.js (with compatible API) - (Elegant date/time manipulation and parsing with the tradeoff being around timezones and locales..)
github.com/xx45/dayjs
A Fast 2KB Alternative to Moment.js (with compatible API) - (Elegant date/time manipulation and parsing with the tradeoff being around timezones and locales..)
github.com/xx45/dayjs
GitHub
GitHub - iamkun/dayjs: ⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API
⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API - GitHub - iamkun/dayjs: ⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same m...
L20n by Mozilla
A developer-friendly JS framework that places language in the localizer's hands.
* It's a new localization framework for the Web, allows localizers to put small bits of logic into localization resources to codify the grammar of the language.
* It removes the need for developers to thoroughly understand the specifics of a natural language and provides an opportunity for localizers to create better translations.
http://l20n.org/
Follow @javascriptdaily for frequent updates about JavaScript updates, news and event alerts.
A developer-friendly JS framework that places language in the localizer's hands.
* It's a new localization framework for the Web, allows localizers to put small bits of logic into localization resources to codify the grammar of the language.
* It removes the need for developers to thoroughly understand the specifics of a natural language and provides an opportunity for localizers to create better translations.
http://l20n.org/
Follow @javascriptdaily for frequent updates about JavaScript updates, news and event alerts.
Harvard has released a introductory playlist for #JavaScript to consume at your own pace. Happy JS Learning.
https://youtu.be/K1EeEps-zXc
Follow @javascriptdaily for frequent updates about JavaScript updates, news and event alerts.
https://youtu.be/K1EeEps-zXc
Follow @javascriptdaily for frequent updates about JavaScript updates, news and event alerts.
YouTube
JavaScript, part 0