Design systems are taking the tech industry by storm, but what exactly are they? Do you even need one? This week we’re talking all things design systems. We’ll chat about component libraries and style guides, companies who are building design systems, and more!
read more
Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. It is comprised of 20 chapters spanning aspects of page content, user experience, publishing, and distribution. There’s so much to digest here. 85 contributors! Quite an achievement and one that I’m excited to dig in to.
read more
Collin Dellow: If you love Graphviz but hate its 1990s aesthetics, you might find this tool handy. It’s great for documenting workflows and designs in a way that prompts people to consider it a work-in-progress that’s open for collaboration and discussion. Built with RoughJS and (or at least inspired by) viz.js.
read more
Excellent work coming from Microsoft’s VIDA research group This new version of SandDance has been rebuilt from scratch with the goal of being modular, extensible, and embeddable into your custom applications.
read more
We’re back with another #YepNope episode, this time debating whether or not JavaScript needs to be rebranded. This premise was inspired by Kieran Potts’ article of the same name. Divya/Jerod represent Team Yep and Chris/KBall represent Team Nope. Nick, as always, represents Team Type Script 😜
read more
Mat Ryer created this fun Go Time promo at JavaScript’s expense. Should Johnny use Go or TypeScript? 😉
read more
I do love the hand-drawn style for charts like these. It almost feels like you worked harder on them for some reason.
read more
What you’re about to hear is a series of lightning chats recorded live from All Things Open 2019. How’s this for topic diversity? 👇 A/B testing, finding your tribe, dancing, TikTok, what is happening with front-ends becoming full-stacks, Code the Dream, OSI approved licenses, breaking in to tech, a11y, hiring juniors, whiteboard interviews, better interview practices, JPGs, coding bootcamps, tech re-entry programs, and more.
read more
Liran Tal: In this report, we investigate the state of security for both the Angular and React ecosystems, looking at best practices, secure coding, and security vulnerabilities in React, Angular, and other frontend projects such as Bootstrap, Vue.js, and jQuery. Inside you will find the report in it’s digital format as a PDF to download and review offline.
read more
This is a map of known process signals with some information about each signal. Unlike os.constants.signals this includes: human-friendly descriptions default actions, including whether they can be prevented whether the signal is supported by the current OS Handy!
read more
Built with Vue. Play with the live demo right here.
read more
KBall catches up with Phil Hawksworth of Netlify at JAMStackConfSF to dive deep into JAMStack, what it’s about, where the ecosystem is going, and what is still hard.
read more
Winner of Mozilla’s $50,000 award for art and advocacy exploring AI. Stealing Ur Feelings is an augmented reality experience that reveals how your favorite apps can use facial emotion recognition technology to make decisions about your life, promote inequalities, and even destabilize American democracy. Using the AI techniques described in corporate patents, Stealing Ur Feelings learns your deepest secrets just by analyzing your face. If you haven’t tried this yet, drop what you’re doing and give it a go. Top notch production.
read more
The thing I love the most about this bundler: it doesn’t need any configuration. Literally, none at all! Compare that to webpack where configuration can be strewn across several files all containing tons of code… Nice rundown and tutorial on getting started with Parcel.
read more
From Yaser Adel Mehraban on getting started with Vue.js. Vue.js is an approachable, versatile, performant, and progressive framework to build user interfaces with. This core library is focused on building the view layer only. It uses the goodies of Angular (such as template syntax) and React (such as Virtual DOM) and adds a few more enhancements on top. … Another bonus point of it is that migrating to it is really easy. You just need to add a script tag to your page and you’re good to go.
read more
We’ve mentioned ML/AI in the browser and in JS a bunch on this show, but we haven’t done a deep dive on the subject… until now! Victor Dibia helps us understand why people are interested in porting models to the browser and how people are using the functionality. We discuss TensorFlow.js and some applications built using TensorFlow.js
read more
Fuzzing for safe languages like nodejs is a powerful strategy for finding bugs like unhandled exceptions, logic bugs, security bugs that arise from both logic bugs and Denial-of-Service caused by hangs and excessive memory usage. As we recently learned on Go Time: pessimists write tests, fuzz functions, and sleep well at night. 💤
read more
Make your site editable in five minutes.
read more
Jerod, Divya, & Suz get together to discuss top-level await, the JS13kGames winner, Liran Tal’s is-website-vulnerable, Vue 3’s source code, and Facebook’s take on AR/VR/XR. Plus 3 awesome pro tips you don’t want to miss!
read more
shoulders is a simple script that lists open issues of your project’s open source dependencies. Simply run it inside of a JS project: npx shoulders Modern software is built on the shoulders of giants—take a moment to contribute back 💛
read more
Meetup hiked their prices in a way that shifts the burden off the organizers and on to the participants. They’ve received enough blow back from this change that it wouldn’t surprise me if they adjust (or revert) course, but it may be too late. The open source community is already on the move. This will be a self-hosted Docker image that you can one-click deploy to the cloud, then configure through an admin panel. No coding required. Quincy and the freeCodeCamp team don’t have much more than a README and a schema right now, but objects in motion tend to stay in motion. It’s a great time to jump in and contribute. ✊
read more
KBall, Jerod, and Divya dig deep into how we learn. We look into how to choose what to learn, techniques for learning, and a set of respective resources.
read more
Turns out one of our asset caching best practices (content hashes in filenames + far-future expiry) has a serious flaws in it: In practice, changes to one of your source files almost always invalidates more than one of your output files—and this happens because you’ve added revision hashes to your filenames. Philip goes on to explain why this happens and then proposes 3 possible solutions. Good stuff 👌
read more
Liran Tal: I wrote this tiny module thing that allows you to quickly check if a website is running vulnerable JS libs straight from the terminal. You’d be surprised how many websites are still running old and vulnerable versions of jQuery, Bootstrap, Angular and others. Use it responsibly ;-)
read more
Vue-next is in “pre-alpha” condition, but the team has achieved most of the architectural goals and new features planned, so the source is now public on GitHub. No word yet on when they expect Vue 3 to be officially released, but you can at least dig in to what they’ve got so far!
read more
