21578
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile и многое другое. Администратор: @andrey2019 Donate: https://goo.gl/5FJz4U
Manageable Utility Systems with CSS Variables
Kasey Bonifacio shows the difference between Sass variables and CSS variables. - https://goo.gl/jx6ZTS
#css #sass
Design Ideas for Mobile Menus
Ideas to help inspire a mobile navigation strategy - https://goo.gl/aPFK1e
#mobile #design #menu
Animating Border
Stephen Shaw gives an overview of different methods for animating the border property on hover. - https://goo.gl/Kp3Dmx
#css #animation
PostHTML: An HTML/XML Transformation Tool Based on JS Plugins
Think PostCSS but for HTML and XML (which brings formats like SVG into play too). Check out the examples and plugins available. - https://goo.gl/e8tcdv
#tools #postHtml
30 Seconds of Code: Useful, Bitesize JavaScript Snippets
A large curated collection of useful bits of JavaScript code you can understand in 30 seconds or less. - https://goo.gl/z3Rbz8
#javascript #snippets
Design Systems and CSS Grid
A look at the thorny issue of integrating modern CSS Grid layouts into an existing design system, (and how you’ll reap the benefits of leaner, more maintainable markup to boot). - https://goo.gl/MUAJwv
#design #css #grid
Using OpenCV from Node to Recognize Objects in Images
The latest in a series of OpenCV + Node tutorials, this time leaning on Tensorflow and Caffe to recognize objects in photos. - https://goo.gl/HTeGeg
#nodejs #neuralNetwork
Understanding CSS Layout And The Block Formatting Context
Rachel Andrew explains what a Block Formatting Context is, why it works, and how can it help you understand how layout works in CSS. - https://goo.gl/h3JP7R
#css
Vue.js Server-Side Rendering With Vue Router: Step-By-Step Guide
This tutorial goes through the steps of setting up a server-rendered multi-page app with Vue and Vue Router. - https://goo.gl/Eeit1j
#vue
Microservices Solution Patterns
This article discusses the possible solution patterns which can be used in a microservices architecture-driven enterprise. -
https://goo.gl/htMXAo
#microservice #pattern
Handling Events With Vue.js - https://goo.gl/95W7FM
#vue
Building a GraphQL API with Node and React
A hands-on tutorial about building GraphQL API with Express, using React on the client side. - https://goo.gl/wttqUP
#react #graphQL
The Front-End Checklist
A more dynamic front-end development and deployment checklist based on an article we linked last month. - https://goo.gl/wnjSjw
#frontEnd #checklist
Create A React App with Zero Configuration using Parcel
Parcel is an all new bundler that boasts ‘zero configuration’ required. -
https://goo.gl/Zpztpp
#react #parcel
Webpack: A Gentle Introduction to the Module Bundler
Not ready for Parcel (above)? Here you can learn the basics of Webpack and how to configure it for your web application. - https://goo.gl/UKcrxD
#webpack
Popmotion: A Functional JavaScript Motion Library
Mix tweens, physics, & user inputs to create elegant Web-based interactions - all in 11KB. - https://goo.gl/n9nHAZ
#javascript #animations
How To Implement Material Design Motion with React -https://goo.gl/aLZ6zT
#react
The React and React Native Event System Explained
How exactly does React handle events? Here’s a look at what’s happening behind the scenes. - https://goo.gl/x4VV31
#react #event
Speed up Your Node App with Native Addons
What’s faster, C++ or JavaScript? - https://goo.gl/xQ7wu3
#nodejs #addon
Modern Asynchronous CSS Loading
Scott Jehl shows how and why you should use rel=preload to load CSS asynchronously. - https://goo.gl/aD6VPc
#css
Creating Progressive Web Apps with Angular 5
Part two in a series on creating PWA’s with Angular. Part one here. - https://goo.gl/fe8sVF
#angular5 #pwa
Getting Started with Building PWAs using Vue
An introduction on how to build a book listing app with progressive web apps using Vue to build the UI. - https://goo.gl/oSoGms
#pwa #vue
Ant Design 3.0: A UI Design Language and Suite of React Components -
https://goo.gl/thURMf
#react #design
How to Share Logic Between Components - https://goo.gl/uttqGm
#react
Learn React Fundamentals & Advanced Patterns Courses
Two and a half hours of new (beginner/advanced) React material are now free on Egghead. - https://goo.gl/ZWTcvy
#react
Evolution of <img>: Gif without the GIF
Now, with the latest Safari, you can use videos as Gifs. -
https://goo.gl/29besE
#web #css #performance
A Recap of Frontend Development in 2017
“Frontend engineering once again evolved at a feverish pace in 2017. Here’s a list of the most notable events of the past year.” - https://goo.gl/pvRhQF
#recap #frontend2017
Navigate Nested Child Routes In A Vue.js Web Application
How to use nested routes in a Vue.js web application by assigning child routes and views. - https://goo.gl/uNcJWE
#vue #router
Cascading Web Design with Feature Queries
An introduction to the concept of ‘cascading web design’, an approach made possible with feature queries - https://goo.gl/4TvUrP
#web
Debugging CSS Grid Layouts With Firefox Grid Inspector
Chen Hui Jing covers known and obscure features of Firefox DevTools that can come in handy when you’re building and debugging CSS Grid layouts. - https://goo.gl/6Cf989
#css #grid