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
A variety of React-oriented techniques, tips and tricks broken down into digestable chunks. - https://goo.gl/MQsXpB
#react
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
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
Web Design Envato Tuts+
8 Best Practices for Perfect CSS Documentation
In the world of CSS, documentation is underused. Since documentation is not visible to the end user, its value is often overlooked by clients. Also, if it’s your first time documenting code, it can...
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
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
Smashing Magazine
The Front-End Performance Challenge: Winner And Results
A few weeks ago, we asked the community to use everything they could to make their websites and projects perform blazingly fast. Today, we're happy to finally announce the winner.
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
Integrates with any framework and can fetch files from numerous sources. Example here - https://goo.gl/6Wh7zk
#javascript #uppy #fileUploader
uppy.io
Uppy fetches files locally and from remote places like Dropbox or Instagram. With its seamless integration, reliability and ease of use, Uppy is truly your best friend in file uploading.
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
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
John Papa
A Look at Angular Alongside Vue - Familiar Code
I spent a few days on and off learning parts of Vue to write a small app. I wrote the same app with Angular. I'm sharing my experience of working through Vue for the first time to help others that may be curious about the JavaScript framework landscape. …
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
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
Ebayinc
Beyond HTTPS
HTTPS is not just about security. There are many benefits that come along with it. One such benefit is access to modern technologies. Check out how eBay leverages some of these new technologies that HTTPS opens up.
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
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
Scrimba
CSS Grid Tutorial - Learn CSS Grid For Free | Scrimba
This tutorial teaches you CSS Grid through 14 interactive screencasts. You'll learn all the key concepts while building three awesome layouts: a website, an image grid, and an article. Plus, you'll learn how to combine CSS Grid with Flexbox.
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
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
Mozilla Hacks – the Web developer blog
New flexbox guides on MDN – Mozilla Hacks - the Web developer blog
With Flexbox and Grid, plus the related specifications of Box Alignment and Writing Modes, we have new layout models for the web, which have been designed to enable the types ...
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
Transitions, custom easing, and auto interpolation of numbers, colors, SVG paths and more. It even supports React Native. - https://goo.gl/1d998q
#react #animation
GitHub
react-tools/react-move
react-move - React Move 🌀 Beautiful, data-driven animations for React
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
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
Sabe.io
Getting Started with Vuex: Managing State in Vue.js
- Sabe.io
- Sabe.io
Learn state management in Vue by building a todo app with Vuex and working with states, getters, mutations and actions.
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
Nothing too surprising covers things like React vs Vue, GraphQL, Prettier, Jest, Parcel and Popmotion. - https://goo.gl/WawX74
#javascript #tools
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
Sara Soueidan explains the difference between auto-fill and auto-fit for sizing columns in CSS Grid. - https://goo.gl/EvkGbc
#css #grid
CSS-Tricks
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | CSS-Tricks
One of the most powerful and convenient CSS Grid features is that, in addition to explicit column sizing, we have the option to repeat-to-fill columns in a
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
Ana Tudor dives into browser inconsistencies, detailing what each does to display a range slider. - https://goo.gl/e8wVuc
#css
CSS-Tricks
A Sliding Nightmare: Understanding the Range Input | CSS-Tricks
You may have already seen a bunch of tutorials on how to style the range input. While this is another article on that topic, it's not about how to get any
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
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
GitHub
vuejs/eslint-plugin-vue
eslint-plugin-vue - Official ESLint plugin for Vue.js
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
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
Server Side Up
Uploading Files With VueJS and Axios - Server Side Up
Handling files is always a task. This tutorial will simplify the process and show you how to upload files with VueJS and Axios through AJAX.
Loading Polyfills Only When Needed
If you’re loading polyfills for everyone then you’re essentially punishing the users that are using the latest and greatest browsers. These are our friends, the people who stay up to date so you can use Service Workers, Grid Layout, Promises, fetch… we should make sure they have a great experience too - https://goo.gl/c6RzMy
#web #polyfills
If you’re loading polyfills for everyone then you’re essentially punishing the users that are using the latest and greatest browsers. These are our friends, the people who stay up to date so you can use Service Workers, Grid Layout, Promises, fetch… we should make sure they have a great experience too - https://goo.gl/c6RzMy
#web #polyfills
Philipwalton
Loading Polyfills Only When Needed — Philip Walton
Thoughts on web development, open source, software architecture, and the future.
Handling Ajax Request in Vue Applications Using Axios
Handling Ajax Request in Vue Applications Using Axios. - https://goo.gl/svqaPR
#vue
Handling Ajax Request in Vue Applications Using Axios. - https://goo.gl/svqaPR
#vue
Medium
Handling Ajax Request in Vue Applications Using Axios.
Contemporarily, the prevalent Architecture for building web applications is a client-server model. This makes it very easy to build…
Design Systems and CSS Grid
Stuart Robson tackles the tricky issue of integrating modern CSS Grid layouts into an existing design system. - https://goo.gl/FEg5Q8
#css #grid
Stuart Robson tackles the tricky issue of integrating modern CSS Grid layouts into an existing design system. - https://goo.gl/FEg5Q8
#css #grid
24ways.org
Design Systems and CSS Grid
Stuart Robson tackles the thorny issue of integrating modern CSS Grid layouts into an existing design system, but in doing so reaps the benefits of leaner, more easily maintainable markup. It goes to show that with careful planning, there’s no reason old…
12 Mobile UX Design Trends For 2018
A list of mobile UX design trends to expect this year. - https://goo.gl/LGY22q
#mobile
A list of mobile UX design trends to expect this year. - https://goo.gl/LGY22q
#mobile
Medium
12 Mobile UX Design Trends For 2018
by Nick Babich