The New Ease of Building App-Like, Reliable and Engaging Web Apps
Using Angular and Cloud Firestore (Google’s new database for Firebase) to create a basic PWA in less than 1 hour. - https://goo.gl/UUMC7F
#angular
Using Angular and Cloud Firestore (Google’s new database for Firebase) to create a basic PWA in less than 1 hour. - https://goo.gl/UUMC7F
#angular
Medium
The new ease of building app-like, reliable and engaging web apps
or: Using Angular and Cloud Firestore to create a basic PWA in less than 1 hour
Behind the Scenes of 7 React Conferences
A report on seven different React events that took place this year, with tips, highlights and pros/cons of each. - https://goo.gl/XHDhRU
#conf #react
A report on seven different React events that took place this year, with tips, highlights and pros/cons of each. - https://goo.gl/XHDhRU
#conf #react
Getting Started with Vue.js
Get started with Vue.js with this simple and clear tutorial. Vue is the new kid on the block and it is simple and easy to pick up! - https://goo.gl/DJLk4h
#vue
Get started with Vue.js with this simple and clear tutorial. Vue is the new kid on the block and it is simple and easy to pick up! - https://goo.gl/DJLk4h
#vue
CSS Grid Challenge: Winners and Templates
Smashing Magazine ran a CSS Grid design challenge and here are the results. A good look at what’s possible with CSS Grid today. - https://goo.gl/fn5pzr
#css
Smashing Magazine ran a CSS Grid design challenge and here are the results. A good look at what’s possible with CSS Grid today. - https://goo.gl/fn5pzr
#css
Smashingmagazine
CSS Grid Challenge: Winners and Templates – Smashing Magazine
The announcement of the winners of the CSS Grid Challenge 2017. Stay tuned for more challenges and smashing prizes!
Front-End conferences
This is a list of upcoming CSS, JavaScript and front-end conferences in 2017 and 2018. - https://goo.gl/udA5E7
#conferences #2017 #2018
This is a list of upcoming CSS, JavaScript and front-end conferences in 2017 and 2018. - https://goo.gl/udA5E7
#conferences #2017 #2018
Front-End Front
Conferences — Front-End Front
Front-End Front is a place where front-end developers can ask questions, share interesting links, and show their work to the rest of the community.
Image Effects with CSS
A collection of CSS snippets to create fast, complex image effects, such as pencil drawing, watercolor painting, and the intriguing ‘flannel’. - https://goo.gl/6rnRhw
#css
A collection of CSS snippets to create fast, complex image effects, such as pencil drawing, watercolor painting, and the intriguing ‘flannel’. - https://goo.gl/6rnRhw
#css
Getting A High Progressive Web App Score On React and Material-UI
Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. - https://goo.gl/Y7mr57
#pwa #react
Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. - https://goo.gl/Y7mr57
#pwa #react
Medium
Getting high Progressive Web App score on React and Material-UI
Basic techniques used to get a high score for example application based on a stack of React, Redux and Material-UI.
Offline First Masonry Grid Showcase with Vue
In this guest post by Christian Nwamba, you will learn how to build a masonry photo grid app with Vue.js. The app will be a Progressive Web App to ensure offline support. - https://goo.gl/Z99cwS
#vue #pwa
In this guest post by Christian Nwamba, you will learn how to build a masonry photo grid app with Vue.js. The app will be a Progressive Web App to ensure offline support. - https://goo.gl/Z99cwS
#vue #pwa
Offline First Masonry Grid Showcase with Vue
In this tutorial you will learn how to build a masonry photo grid app with Vue.js. The app will be a Progressive Web App to ensure offline support.
Redux is a JavaScript library that aims to simplify how we manage stateful data. Redux keeps all of our data in a single JS object called the Store. A single function, the reducer, is responsible for making modifications to the Store. We trigger the reducer by 'dispatching' an action - a JS object that describes how our data should change. The reducer function receives the action as an argument and makes changes accordingly. Other parts of the code (usually React Components) can subscribe to data in the Store. When data changes, Redux notifies subscribers of the change. - https://goo.gl/xnq4QV
#redux
#redux
The Practical Dev
ReduxJS in 30 seconds
From the dev.to() community. Sharing ideas that makes us all better developers.
Microsoft Edge for iOS & Android: What Developers Need to Know
Microsoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android. - https://goo.gl/eqntMs
#edge
Microsoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android. - https://goo.gl/eqntMs
#edge
Setting Up Webpack, Babel and React From Scratch, Revisited
An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from. - https://goo.gl/aLtZJi
#webpack #babel #react
An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from. - https://goo.gl/aLtZJi
#webpack #babel #react
Muffin Man
Setting up Webpack, Babel and React from scratch, revisited · Muffin Man
Last summer I wrote this post which quickly became my most popular one to day. With webpack 2 and 3 it got outdated, so I decided to write a new...
Taucharts One: A Mature Charting Library with a Simple API
Has a lot of features including timeline charts, value highlighting, and a sparkline mode for dense data. - https://goo.gl/ij3CXe
#taucharts #library
Has a lot of features including timeline charts, value highlighting, and a sparkline mode for dense data. - https://goo.gl/ij3CXe
#taucharts #library
Taucharts
Taucharts One |
Open source D3.js-based charting and visualization library
Chrome 62 Released: What’s New?
Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and Payment Request API support on iOS. - https://goo.gl/3FXGWc
#chrome #release
Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and Payment Request API support on iOS. - https://goo.gl/3FXGWc
#chrome #release
Google Developers
New in Chrome 62 | Web
| Google Developers
| Google Developers
What's new in Chrome 62 for developers? Improved Network Information API, Support for OpenType Variable Fonts, new ways to capture media and more!
Vue.js Transitions & Animations: Production-Ready Examples
Sinpcart has published an awesome tutorial on how to handle production-ready Vue.js transitions and animations. This tutorial has in-depth explanations, live CodePens and more. - https://goo.gl/UYNrkD
#vue #animations
Sinpcart has published an awesome tutorial on how to handle production-ready Vue.js transitions and animations. This tutorial has in-depth explanations, live CodePens and more. - https://goo.gl/UYNrkD
#vue #animations
Snipcart
Vue.js Transitions & Animations: Production-Ready Examples - Snipcart
Learn how to handle production-ready Vue.js transitions & animations with live CodePens, in-depth explanations, code snippets, and more.
A Look at Bootstrap 4's New Reset: Reboot.css
A deep dive into the latest Bootstrap’s new approach to style resetting, as well as some history of style, resets overall. - https://goo.gl/59Rroq
#css
A deep dive into the latest Bootstrap’s new approach to style resetting, as well as some history of style, resets overall. - https://goo.gl/59Rroq
#css
Service Worker Gotchas
Potential pitfalls to be aware of and understand when using service workers. - https://goo.gl/czjBnT
#serviceWorker
Potential pitfalls to be aware of and understand when using service workers. - https://goo.gl/czjBnT
#serviceWorker
Kollegorna
Service Worker gotchas – Kollegorna
by Osvaldas Valutis, Designer & Front-End Developer
Designing Layouts - Flexbox
A look at using flexbox to align, layout and distribute space among elements. - https://goo.gl/D1gMrU
#css #felxbox
A look at using flexbox to align, layout and distribute space among elements. - https://goo.gl/D1gMrU
#css #felxbox
The Practical Dev
Design Layouts - Flexbox
The flexbox model gives us an efficient way to align, layout and distribute space among elements within document.
Write Blazing Fast Vue Unit Tests with Tape and Vue Test Utils
Edd Yerburgh has published a great tutorial on how to write Vue unit tests with Tape and Vue Test Utils. Check it out and see why Tape is the fastest framework for unit testing Vue components. - https://goo.gl/urb2Ce
#vue #testing
Edd Yerburgh has published a great tutorial on how to write Vue unit tests with Tape and Vue Test Utils. Check it out and see why Tape is the fastest framework for unit testing Vue components. - https://goo.gl/urb2Ce
#vue #testing
freeCodeCamp
Write blazing fast Vue unit tests with Tape and Vue Test Utils
Tape is the fastest framework for unit testing Vue components.