21578
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile и многое другое. Администратор: @andrey2019 Donate: https://goo.gl/5FJz4U
Diving Into Mobile with React Native
How two developers at Afinity took a chance on React Native to build out the mobile counterpart of their web app. - https://goo.gl/aqAhTz
#reactnative
A Different Way of Understanding `this` in JavaScript
A perennial topic, but Dr. Axel has an interesting take on it that might clarify your thinking on how the this keyword works. - https://goo.gl/EoDQW4
#javascript
Lint the Web Forward with Sonarwhal
Sonarwhal is a linting tool for accessibility, security, and other Web best practices. - https://goo.gl/CY7fZo
#web
Cascading Web Design with Feature Queries
Chen Hui Jing explains how CSS feature queries allow us to progressively enhance our CSS. - https://goo.gl/TpSSHD
#css
Nested calc() functions and IE11
I’ve always nested calc() within calc() for additional math functions. It turns out it’s not great for IE10 and 11, but by just including a single function and multiple parentheses it works. The more you know. -
https://goo.gl/RHgVSg
#css #calc
Microservice Architecture: All the Best Practices To Know
A guide aimed at people considering moving from a monolith to microservices, covering best practices, advantages, and mistakes to avoid. - https://goo.gl/z6P52s
#microservice #architecture
Easy Timeline Components with Vue.js and Framework7
In this tutorial, it is explained how you can quickly add a timeline component to your app using nothing more than HTML, javascript, Vue.js, and Framework7. - https://goo.gl/tfMR1C
#vue #component #video
How I Got Into Node: Tierney Cyren
The latest in a series looking at how prominent community members got involved with Node. Others include Rachel White and Matteo Collina, plus Myles Borins and Michael Dawson. - https://goo.gl/chsVS2
#nodejs
The largest Russian-speaking telegram channel of Front-End development @forwebdev publishes noteworthy news and helpful articles for Front-End developers.
Читать полностью…
A Content Slider
I really dislike content sliders… or more to the point I really don’t like carousels. On one of the last clients I worked with they’re previous agency had built them a homepage carousel where each of the carousel items contained another carousel. FFS. It’s not all bad though, and sometimes a carousel is a right tool for the job (like an image gallery for example). In this article, Heydon Pickering adds to his growing list of inclusive components - https://goo.gl/EtLCcG
#slider
Optimizing CSS: Tweaking Animation Performance with DevTools
Maria Antonietta Perna explores the Performance Tool available in the Firefox to find out more about CSS animation performance. - https://goo.gl/uJec5x
#css #animation #performance
A Look at the Improvements TLS 1.3 Brings
Most browsers currently support TLS 1.2, defined almost 10 years ago. The next version, 1.3, is faster and more secure and can be tried in Chrome and Firefox. - https://goo.gl/ch4kDu
#tls
The Best Request Is No Request, Revisited
HTTP/2 is more efficient in responding to a larger number of requests than its predecessor. So the question is, does the old rule of reducing requests still hold up? - https://goo.gl/eEkQj6
#http2
Creating an animated sidebar component with Vue and Vuex
In this tutorial, a Vuex action is used to trigger a state change in an application, causing a sidebar to animate in and out of view. - https://goo.gl/GgEY26
#vue #sidebar
A Comprehensive Guide to Font Loading Strategies
A golden-oldie set of pros, cons and helpful tips spanning the various ways of loading Web fonts on your site. - https://goo.gl/FoqRo9
#font #guide
The (Far) Future of CSS
A speculative look into the future of CSS and Houdini’s goal of making CSS user-extensible. - https://goo.gl/KFJ6C3
#css #video
Fixing React Performance Issues on Airbnb’s Listing Pages
A practical look at grabbing some of the low-hanging performance-affecting fruit present on a live, production site. -
https://goo.gl/9MUKDe
#react #performance
How to Set Up Continuous Integration with React Native
Using Visual Studio App Center to automatically build and distribute a React Native app. - https://goo.gl/xNYJG7
#reactnative
Web Content Accessibility Guidelines For People Who Haven’t Read Them
A detailed look over the WCAG - a starting point in making your sites work better for all. - https://goo.gl/SFA5Jd
#web
A Look at 'Turbo', an In-Browser Node Package Manager
An intriguing look at a new package manager built for the StackBlitz online code editor that claims to be 5x faster than npm and works entirely in-browser. - https://goo.gl/URTzZE
#nodejs #packageManager #turbo
React Native: The Things That You Should Be Aware of Before Coming Onboard
A look at some of the things that can trip up developers new to React Native, specifically those coming from native development. -
https://goo.gl/darjn6
#reactnative
Getting Started with Aurelia [video]
A practical 30 minute introduction to Aurelia, a popular modular frontend framework that integrates with Web Components. - https://goo.gl/qwo7Ab
#aurelia
The 'Most Unknown' Redux Performance Trick?
Specifically, the areStatesEqual option on connect calls. - https://goo.gl/HGRWV5
#redux
Angular 5.1 Released
The latest (minor) version of Angular is here, plus Angular CLI 1.6 and the first stable release of Angular Material. - https://goo.gl/e1iafp
#angular5 #released
Passing Data Between Pages in an Ionic App - https://goo.gl/HaKwHd
#ionic
Debugging React Perf with React 16 and Chrome DevTools
An in depth step-by-step visual walkthrough demonstrating how to audit JavaScript runtime performance and find slow rendering components. -
https://goo.gl/R1xfXQ
#react #debugging
A Pinterest Progressive Web App Performance Case Study
Pinterest’s new mobile web experience is a Progressive Web App. This post looks at the work involved in making it work fast on mobile hardware. - https://goo.gl/iCroHd
#pwa
React Food Truck: A Curated Set of Extensions for VS Code
Several useful React-oriented extensions brought together into a single bundle. - https://goo.gl/VQervm
#react
Faux Grid Tracks
When creating layouts with CSS Grid a question that I get quite a bit is how to style the gaps between the grid items. Unfortunately, for now, this isn’t possible within the specification and none of the browsers have provided support for the styling of grid-gap yet either. The fix that I always refer to is to apply a background colour to the containing div which will show through the cracks. In this article Eric Meyer explores a few options and how they might come unstuck. - https://goo.gl/6RFv9X
#css #grid
Scaffolding a GraphQL API Server with Node
A walkthrough of the various pieces you need to bring together to build a Node server that can speak GraphQL. - https://goo.gl/6XC9eQ
#graphql #nodejs