Frontend performance in 2019
Front-End Performance Checklist 2019 — This popular frontend performance checklist has been updated for the year ahead.
The Most Liked CodePen Examples in 2018 — CodePen is a popular online frontend development tool that』s packed with interesting demos and experiments, so you』ll be sure to find something neat here. 100 are listed, so if you』re short of time, you might want to just seethe top 10.
Learn Angular: The 「Batteries Included」 Framework :battery::battery: — Build a full app from scratch in this new Angular 7.x course. We will start from ground up and use the Angular CLI to quickstart our app, then build components, templates, routes, forms, and use ajax to build out a full master-detail web app.
Frontend Masters sponsor
‘It』s 2019 and I Still Make Web Sites with my Bare Hands’ — An opinionated write-up on doing things the 『simple』 way, without frameworks or libraries as one cure for technical debt.
Reader Mode: The Button to Beat — Some browsers (such as Safari and Firefox) come with special modes that strip away page elements other than content to improve the reading experience, but what can you do to stop readers having to resort to that?
How To Learn CSS — Covers the fundamentals of layout, flow and more. A good refresher or one to share with those starting out.
Mozilla Announces Deal to Bring Firefox Reality to HTC VIVE Devices — Firefox Reality is a browser designed from the ground up to work on virtual reality headsets.
The Mozilla Blog
Front End Developer:v: in Beautiful Norway :tada: — Passion for React and GraphQL? Join our fast growing GraphQL e-commerce service Crystallize.
Find A Job Through Vettery — Vettery matches top tech talent with growing companies. Create your profile to get started.
:blue_book: Articles & Tutorials
▶ Variable Fonts and the Future of Web Design — Runs through how variable fonts can play a key role in design, performance, accessibility & usability.
New Bootstrap v5 Forms — A quick look at some of the major changes coming to form controls in Bootstrap 5.
Checking If An Input Is Empty with CSS — An experimental look at how to validate a form using only pure CSS.
Progress Kendo UI sponsor
Using SVG Instead of srcset for Responsive Images — A brief look at how using SVG (if possible) as an alternative to
srcset can save you from exporting multiple resolutions and avoid extraneous build processes.
Chrome DevTools: The Five Most Popular DevTools Tips From 2018 — Umar regularly shares handy developer tips for when working in Chrome. Here, he shares some highlights from last year.
Speed Up Next-page Navigations with Prefetching — A quick look at how to improve next-page navigation speed using prefetching.
▶ Making Future Interfaces: Algorithmic Layouts — Creating CSS layouts that are self-governing, using both Flexbox and Grid.
The Practical Value of Semantic HTML — 「Firstly, let』s reach a definition of 『good』 HTML..」
:wrench: Code and Tools
Level Up Your GitHub Experience with These Chrome Extensions — And, if you missed it, GitHub now lets you have unlimited private repos for free.
z creative labs
It Is 2019. Update Your Website Footer — A little New Year PSA: Here』s a couple of snippets to change your static timestamp over to an automatically updating one.
原文 : Frontend Focus