21580
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile и многое другое. Администратор: @andrey2019 Donate: https://goo.gl/5FJz4U
Uploading Files With Vue and Axios
Handling files is always a task. This tutorial will simplify the process and show you how to upload files with Vue and Axios through AJAX. - https://goo.gl/5mDhQE
#vue #axios #uploadFiles
A Sliding Nightmare: Understanding the Range Input
Ana Tudor dives into browser inconsistencies, detailing what each does to display a range slider. - https://goo.gl/e8wVuc
#css
Top JavaScript Tools and Trends to Watch in 2018
Nothing too surprising covers things like React vs Vue, GraphQL, Prettier, Jest, Parcel and Popmotion. - https://goo.gl/WawX74
#javascript #tools
React Move: Deterministically Animate Anything in React
Transitions, custom easing, and auto interpolation of numbers, colors, SVG paths and more. It even supports React Native. - https://goo.gl/1d998q
#react #animation
Learn CSS Grid
Per Harald Borgena created a 14-part course on CSS Grid. The course covers everything you need to know to take your grid knowledge from beginner to advanced. - https://goo.gl/QAwsx8
#css #grid #course
John Papa: A Look at Angular Alongside Vue
We all benefit when we learn to enjoy and embrace the similarities and the differences that help push the Web forward. - https://goo.gl/yaEdRJ
#vue #angular
The Front-End Performance Challenge: Winner And Results
Some really impressive real-life improvements on sites when it comes to performance. Each of these examples takes a slightly different approach to their performance improvements so there’s certainly going to be something you can do on your own site. - https://goo.gl/tJ3JVF
#web #performance
React Bits: A Compilation of React Patterns and Tips
A variety of React-oriented techniques, tips and tricks broken down into digestable chunks. - https://goo.gl/MQsXpB
#react
An Example of Vuex and State Management for Vue.js
An example of Vuex to get your head around it in a simple way. - https://goo.gl/UVFvn6
#vuex
Progressively migrating from AngularJS to Vue.js at Unbabel
Recently the team at Unbabel, decided to migrate some of their existing web applications from AngularJS to Vue.js and set Vue as the new standard framework to create UIs. - https://goo.gl/LtFt7W
#vue
Where 'async' and 'await' Can Beat Promises
Not a deep dive, but some simple examples of using async/await vs promises. ES2016’s async/await are natively supported in Node 7.6+, as well as via Babel. - https://goo.gl/d8rJZ3
#nodejs
The Future of State Management with Apollo GraphQL
A look at using apollo-link-state to manage your local data in Apollo Client, a JavaScript GraphQL client, thus avoiding using something like Redux altogether - https://goo.gl/giyB7e
#apollo #graphQL
Lessons From Migrating A Large Codebase to React 16
Discord, a popular text chat system in the gaming community, switched to React 16 pretty quickly and shared its experiences in doing so. -
https://goo.gl/3HAPUm
#react
10 Tips to Become a Better Node Developer in 2017
Azat Mardan presents ten tips, tricks and best practices to help you become a better Node developer in the year ahead. - https://goo.gl/FvJNNJ
#nodejs
The anatomy of responsive images
If you need something technical explained in a way that is super easy to understand then Jake Archibald is often the person to go to. The impressive thing for me is that he has used SVG to paint what you would usually assume to be an image with arrows. Nicely done Jake, nicely done. - https://goo.gl/kjwifL
#responsive #images
The official eslint-plugin-vue 4.0.0 has been released
The Official ESLint plugin for Vue.js is actually now at v4.1.0 with full SFC support & catches in template errors, new features and bug fixes, check it out! - https://goo.gl/Wjpij7
#eslint #vue #released
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
Sara Soueidan explains the difference between auto-fill and auto-fit for sizing columns in CSS Grid. - https://goo.gl/EvkGbc
#css #grid
Getting Started with Vuex: Managing State in Vue.js
Learn state management in Vue by building a todo app with Vuex and working with states, getters, mutations and actions. - https://goo.gl/y2bJRo
#vuex
New flexbox guides on MDN
If you’re having trouble with CSS the chances are you’ve solved your problems on CSS Tricks, Stack Overflow, or the ever growing and amazing MDN documents. - https://goo.gl/pnkagX
#css #flexbox #guide
Beyond HTTPS
There’s more to HTTPS than just security, so the next time someone scoffs that their simple site doesn’t need HTTPS then you can give them a couple more reasons why it makes a difference - https://goo.gl/tjCj9a
#web #https
Uppy: A Powerful, Modular JavaScript File Uploader
Integrates with any framework and can fetch files from numerous sources. Example here - https://goo.gl/6Wh7zk
#javascript #uppy #fileUploader
Best Practices for Perfect CSS Documentation
Adriana De La Cuadra explains the advantages of documenting CSS and shares some of the best practices to make documentation work for you–not the other way around. - https://goo.gl/YPNdkc
#css
Our Most Popular JavaScript Links of 2017
A look back at what proved popular with JavaScript Weekly readers in 2017, including this modern JavaScript cheatsheet, a set of JS best practices, and async/await explained with diagrams and examples. - https://goo.gl/D9zx59
#javascript #links #2017
Essential Image Optimization
This is a wonderfully comprehensive ebook from Addy Osmani. “In 2017, image optimization should be automated. It’s easy to forget, best practices change, and content that doesn’t go through a build pipeline can easily slip. To automate: Use imagemin or libvips for your build process. Many alternatives exist.” - https://goo.gl/A5nLSg
#responsive #images
React State vs. Redux State: When and Why?
Even if you choose to use Redux in your project, you’ll still need to make decisions on how much of your data is stored using it. - https://goo.gl/7f4TES
#react
11 Vue.js Component Libraries You Should Know In 2018
A big part of Vue’s success lies in its components. Working with components means you can think of each UI pieces in isolation, encourage reusability and modularity, and help keep your UI consistent. - https://goo.gl/PvMW86
#vue
Does CSS Grid Replace Flexbox?
In short, not exactly. Some good examples here of where Grid and Flexbox work best. - https://goo.gl/gGH1q6
#css #flexbox #grid
Getting Started with Headless Chrome
‘Headless’ Chrome is basically Chrome running without any UI or visible controls, so is ideal for being remotely controlled from JavaScript. -https://goo.gl/VP4BCo
#headless #chome
A Curated Compilation of Node Best Practices
Curated from numerous popular articles this in-development list of best practices covers topics from error handling to memory use. - https://goo.gl/FwqeyA
#nodejs
Everything You Need to Know About HTTP Security Headers
And along very similar lines. - https://goo.gl/dL3pGT
#web #http #secure