In the fourth issue of Web Design Weekly, we feature news and tutorials about Bootstrap, CSS, WordPress, Node.js, npm, MongoDB, TypeScript, ESLint, Go, Prometheus, Swift, React, Next.js, Rails and Facebook.
Coming Soon: Make Your Site Private Until You’re Ready to Launch
When you create a new site, you may want to personalize it before making it public. On WordPress.com, we give you a safe space where you can work on building and editing your site until you’re ready to share it with the world.
Read more at https://wordpress.com/blog/2020/05/15/coming-soon/
Deep Dive Into the CSS Contain Property
Rebuilding our tech stack for the new Facebook.com
Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features and technologies incrementally slowed the site down and made it harder to maintain. This made it harder to introduce new experiences. Features like dark mode and saving your place in News Feed had no straightforward technical implementation. We needed to take a step back to rethink our architecture.
Read more at https://engineering.fb.com/web/facebook-redesign/
13 Security Tips for Front-End Apps
Whether you’re a React.js, Angular, Vue.js, or simply a front-end developer, your code can be an inviting door for hackers.
Bootstrap 4.5.0 Released
Bootstrap v4.5.0 has landed with dozens of bug fixes, some small new features, and some changes to our development. Originally planned as a v4.4.2 patch release, we’ve bumped this to a minor release on account of our new features that help bridge the gap between v4 and our upcoming v5.
render_async 2.1.6 Released
Some of the new changes and bug fixes were pretty tricky to solve. I wanted to write a blog post to have detailed hows and whys of how I fixed them.
Rails 6 System Tests, From Top to Bottom
A Rails 6 system test is a test that exercises your application in a way that, as much as possible, simulates a real user interacting with it via a browser. More than any other kind of tests, system tests verify that the whole app does what it’s supposed to do.
Next.js 9.4 Released
We are excited today to introduce Next.js 9.4.
Read more at https://nextjs.org/blog/next-9-4
Production Ready State Management for React
Read more at https://kea.js.org/
How to CSS Style in React
In modern React, there are many ways to style a React application with CSS. Whenever I do a React workshop with aspiring React developers, I show only one of these ways due to the limited time I have for the complete React workshop. But often this one way of styling isn't enough to cover the full scope of this important topic.
Read more at https://www.robinwieruch.de/react-css-styling
Write PIXI applications using React declarative style
Read more at https://reactpixi.org/
Swift 5.3 Release Process
This post describes the goals, release process, and estimated schedule for Swift 5.3.
Read more at https://swift.org/blog/5-3-release-process/
CSS fix for 100vh in mobile WebKit
Not long ago there was some buzz around how WebKit handles 100vh in CSS, essentially ignoring the bottom edge of the browser viewport. Some have suggested avoid using 100vh, others have come up with different alternatives to work around the problem.
What's coming in Go 1.15
Go 1.15, the 16th major version of the Go programming language, is due out on August 1.
Go 1.14.3 and Go 1.13.11 are released
We have just released Go versions 1.14.3 and 1.13.11, minor point releases.
A beginner friendly introduction to prometheus.
Read more at https://github.com/yolossn/Prometheus-Basics#readme
How I write my unit tests in Go quickly
We all love unit tests because they help us to keep our software workable. And we all hate them because they don't appear magically - someone needs to write them. And when it comes to writing, it often takes a huge amount of time to cover the simplest cases.
Announcing TypeScript 3.9
Today we’re excited to announce the release of TypeScript 3.9!
ESLint v7.0.0 released
We just pushed ESLint v7.0.0, which is a major release upgrade of ESLint. This release adds some new features and fixes several bugs found in the previous release. This release also has some breaking changes, so please read the following closely.
What is Fuse.js?
Fuse.js is a powerful, lightweight fuzzy-search library, with zero dependencies.
Read more at https://fusejs.io/
Introducing MongoDB for VS Code
In the past few years, VS Code has grown in popularity and became the most used code editor for developers. Its extensibility makes it possible to customize the coding experience and tailor it to the languages, frameworks, and services developers use to build applications.
npm v7 Series - Introduction
Quite a lot has happened in npm since our last update way back in 2019. We’re overdue for a status update on npm v7.
How To Install Node.js on Ubuntu 20.04