FrontEnd Development
30.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
How to use dynamic environment variables in Vue

Configure your project to use different files in different stages. - http://bit.ly/2OtdKl2

#vue
An Inside Look at a Modern Web Browser (Chrome, Specifically)

A fantastically illustrated four part series digging into Chrome’s architecture and how it ultimately renders code into functional sites - http://bit.ly/2xC2fkM

#chrome #architecture
Create Your Design System: Buttons

Sebastiano Guerriero shares some advice on working with buttons in your design systems. - http://bit.ly/2OgvIdq

#css
Three Ways to Dynamically Alter your Form Validation in Angular

There are times where we need to “activate” a form control based on the value of another control.
For example, let’s say a user has multiple options, and if he marks the second option, we want to display an additional text input, where he’s required to add a reason. - http://bit.ly/2QPvfgO

#angular
You (Probably) Don’t Need Moment.js

Moment.js is a popular date and time manipulation library but with some downsides around tree-shaking and mutability. But do you even need it? This repo shows off the alternatives, including many native functions that do similar things. - http://bit.ly/2xBRzlm

#javascript
Medium-Style Image Zoom

Medium have a beautiful zoom effect on their images. This article will show you how to mimic this effect using Vue.js and the Pose animation library. - http://bit.ly/2xVZLNp

#vue
Adding Bootstrap to a Vue CLI Project

Vue CLI 3 projects do not include much CSS. This tutorial shows the best way to add the Bootstrap CSS framework to a new Vue CLI project. - http://bit.ly/2MO3Jx6

#vue
Chrome 70 Beta and the Shape Detection API

The Shape Detection API consists of three other APIs, the Face Detection API, Barcode Detection API and Text Detection API, all designed to make a device’s shape detection capabilities available to Web developers. - http://bit.ly/2Q9T0ix

#chrome
Announcing TypeScript 3.1 RC

3.1 two main additions are mappable tuple and array types plus properties on function declarations. - http://bit.ly/2MT3Ib0

#typescript
CSS Only Floated Labels with :placeholder-shown Pseudo Class

Nick Salloum shows how to build a CSS only solution to the floated label technique using the :placeholder-shown pseudo class. - http://bit.ly/2xGNAVt

#css
The Three Pillars of Angular Routing. Angular Router Series Introduction.

The Angular router is a marvel of software engineering. From handling application navigation to enforcing route guards and facilitating lazy loading of modules, Angular’s router is indispensable for most applications. However, for many developers, the internal workings of the router remain a mystery. This series aims to change that, by giving you, the developer, a deeper understanding of the router. - http://bit.ly/2Q41JCK

#angular
Create a Custom Vue.js Plugin in < 1 Hour

Plugins are essential for developers working with the Vue.js framework. This post explains what they are, and how to craft a production-ready Vue plugin with minimal fuss. - http://bit.ly/2OUwKsE

#vue
Improving DataView Performance in V8

DataViews provide a low-level way to read and write multiple number types in binary ArrayBuffers in a platform independent way but their performance has long lagged behind TypedArray. That has now changed in the V8 JavaScript engine, and here are the end results. - http://bit.ly/2zA8h6K

#nodejs
Angular Schematics: Asynchronous Schematics

Full disclosure, this post completely could be an edge case that you may or may not ever need to think about when creating your own Angular Schematics. For a majority of Schematics, you’ll be generating your Schematic in a very synchronous fashion, able to trace the exact path from one function to another without any external dependencies or service calls. - http://bit.ly/2NW31TI

#angular