Beyond SPAs: Alternative Architectures for Your PWA
Building a Progressive Web App doesn’t necessarily mean building a single page app. Learn about alternative architectures for content-focused PWAs here. - http://bit.ly/2Jp0Iq0
#frontEnd #spa #pwa
Building a Progressive Web App doesn’t necessarily mean building a single page app. Learn about alternative architectures for content-focused PWAs here. - http://bit.ly/2Jp0Iq0
#frontEnd #spa #pwa
Google Developers
Beyond SPAs: alternative architectures for your PWA | Web
| Google Developers
| Google Developers
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
Flow vs TypeScript in React: An Opinionated Take
Keen to introduce some typing into your React project? Pros and cons of two common approaches. - http://bit.ly/2JHSVDa
#flow #typescript
Keen to introduce some typing into your React project? Pros and cons of two common approaches. - http://bit.ly/2JHSVDa
#flow #typescript
Medium
Flow vs TypeScript in React — My two cents
The pros and cons of TypeScript and Flow
The ultimate guide: Call-to-Action buttons
How to craft effective Call-to-Action buttons, with 60+ of the best examples - http://bit.ly/2sSsyA0
#ui #ux
How to craft effective Call-to-Action buttons, with 60+ of the best examples - http://bit.ly/2sSsyA0
#ui #ux
Which Accessibility Testing Tool Should You Use?
Paul Stanton experimented with a handful of popular accessibility testing extensions and tools which their team uses to validate the accessibility of their user interfaces. - http://bit.ly/2LWHZA2
#accessibility #tools
Paul Stanton experimented with a handful of popular accessibility testing extensions and tools which their team uses to validate the accessibility of their user interfaces. - http://bit.ly/2LWHZA2
#accessibility #tools
Medium
Which accessibility testing tool should you use?
Which tools give the best balance of tests and functionality to check and fix accessibility issues in your UI?
Working with Dynamic Bézier Curves and SVG in React
This is a gorgeous (and interactive!) tutorial. - http://bit.ly/2Jrns96
#react #svg
This is a gorgeous (and interactive!) tutorial. - http://bit.ly/2Jrns96
#react #svg
From npm to yarn and Back (to npm) Again
Last year, yarn install was 20x faster than npm install for Mixmax but npm 6’s major steps forward have had them reconsider their approach. - http://bit.ly/2JFGQuR
#npm #yarn
Last year, yarn install was 20x faster than npm install for Mixmax but npm 6’s major steps forward have had them reconsider their approach. - http://bit.ly/2JFGQuR
#npm #yarn
Mixmax
To Yarn and Back (to npm) Again | Mixmax
Yarn solved the annoying problems we faced using npm, but it came with issues of its own. Here are the problems of Yarn and solutions that we landed on.
Building Modern Applications with Django and Vue.js
Step by step, a full-stack application with Django and Vue.js. - http://bit.ly/2LLvFBu
#vue
Step by step, a full-stack application with Django and Vue.js. - http://bit.ly/2LLvFBu
#vue
Auth0 - Blog
Create Modern Applications with Django and Vue.js - Learn Here
Learn ow to create a full-stack application with Django, Django REST framework, and Vue.js. Then, learn how to secure your REST API and the Vue.js frontend with Auth0.
Math and Front-End
Hui Jing explains how mathematics has a number of practical applications in the creative visual aspect of web design and development. - http://bit.ly/2kYiYIm
#css
Hui Jing explains how mathematics has a number of practical applications in the creative visual aspect of web design and development. - http://bit.ly/2kYiYIm
#css
Chenhuijing
Math and front-end
If you were one of those kids that wondered why you had to attend all those math classes and learn about angles and algebra, well, so was I.
Testing React Apps with Cypress
A brief guide on how to run end-to-end tests on React apps using the testing framework Cypress. - http://bit.ly/2LDofjP
#react #e2e #cypress
A brief guide on how to run end-to-end tests on React apps using the testing framework Cypress. - http://bit.ly/2LDofjP
#react #e2e #cypress
Medium
End to End Testing React Apps With Cypress
How to run End-To-End testing on React apps with Cypress.
A Summary on Cross-Origin Resource Sharing (CORS)
Aims to demystify CORS and show its lighter side–as a spec that didn’t “set out to hamper the aspirations of web developers everywhere, but instead to loosen us from the grip of the same-origin policy”. - http://bit.ly/2JyMAe0
#cors
Aims to demystify CORS and show its lighter side–as a spec that didn’t “set out to hamper the aspirations of web developers everywhere, but instead to loosen us from the grip of the same-origin policy”. - http://bit.ly/2JyMAe0
#cors
frontendian.co
CORS
CORS (Cross-Origin Resource Sharing) is subject tinged with dread for many web developers. Like tales of a mythical sea beast, every developer has a story to tell about the day CORS seized upon one of their web requests, dragging it down into the inexorable…
A Reference Guide For Typography in Mobile Web Design
A very extensive look at the elements you need to pay consideration to in mobile typography. - http://bit.ly/2JFLA84
#mobile #design #typography
A very extensive look at the elements you need to pay consideration to in mobile typography. - http://bit.ly/2JFLA84
#mobile #design #typography
Smashing Magazine
A Reference Guide For Typography In Mobile Web Design — Smashing Magazine
In terms of how to handle typography in mobile web design, it appears that simpler and safer works best. In this article, we will break down the elements you need to pay attention to in mobile typography and then visit what the research says about how to…
How to Build a Node Command-Line Chat App with Chatkit
Building chat in your app can be pretty complex. Yet, with Chatkit (from Pusher, and currently in free beta mode) implementing fully-featured chat is a few lines of code. - http://bit.ly/2MoaDdy
#nodejs
Building chat in your app can be pretty complex. Yet, with Chatkit (from Pusher, and currently in free beta mode) implementing fully-featured chat is a few lines of code. - http://bit.ly/2MoaDdy
#nodejs
freeCodeCamp
Build a Node.js command-line chat application with Chatkit
Building chat in your app can be pretty complex. Yet, with Chatkit, implementing fully-featured chat is nothing but a few lines of code.
Building Serverless Mobile Apps with React Native and AWS
A look at what’s involved with building a ‘backendless’ mobile app using React Native along with AWS’s Mobile CLI, Cognito (for auth), and Amplify. - http://bit.ly/2LOZocT
#reactNative #aws
A look at what’s involved with building a ‘backendless’ mobile app using React Native along with AWS’s Mobile CLI, Cognito (for auth), and Amplify. - http://bit.ly/2LOZocT
#reactNative #aws
Medium
Building Serverless Mobile Applications with React Native & AWS
In this post, we’ll look at how to build fully serverless & backendless mobile applications with AWS Amplify & React Native that include…
Building a YouTube MP3 Downloader with Exodus, FFmpeg, and AWS Lambda - http://bit.ly/2l7ZmBJ
#nodejs
#nodejs
Intoli
Building a YouTube MP3 Downloader with Exodus, FFmpeg, and AWS Lambda
A short guide to building a practical YouTube MP3 downloader bookmarklet using Amazon Lambda.
Puppeteer 1.5 Released: Control Headless Chrome from Node
As well as a new homepage, Browser Contexts can be used to isolate cookies and other data usually shared between pages, and you can now interact with Web Workers. - http://bit.ly/2tcpoXQ
#puppeteer
As well as a new homepage, Browser Contexts can be used to isolate cookies and other data usually shared between pages, and you can now interact with Web Workers. - http://bit.ly/2tcpoXQ
#puppeteer
Getting Started With CSS Layout
Rachel Andrew created a guide that covers everything you need to know about CSS Layout today. - http://bit.ly/2l0PklN
#css #layout
Rachel Andrew created a guide that covers everything you need to know about CSS Layout today. - http://bit.ly/2l0PklN
#css #layout
Smashing Magazine
Getting Started With CSS Layout — Smashing Magazine
Whether you’re fairly new to CSS or an experienced developer from elsewhere in the stack who wants to make sure your understanding of layout today is up to date, this guide covers everything you need to know about CSS Layout today.
👍1
Replacing jQuery with Vue
Takes a shot at convincing you that using Vue.js doesn’t have to be a headache and will help even on basic projects. - http://bit.ly/2LV25tr
#vue
Takes a shot at convincing you that using Vue.js doesn’t have to be a headache and will help even on basic projects. - http://bit.ly/2LV25tr
#vue
Sitepoint
JavaScript: Learn JavaScript, jQuery, Angular.JS & More — SitePoint
Learn JavaScript, jQuery, jQuery UI, jQuery Mobile, Angular.JS, Node.js, Backbone.js & more with SitePoint tutorials, books and courses
Understanding Variables, Scope, and Hoisting in JavaScript
A thorough (re)introductory guide. - https://do.co/2laasG7
#javascript
A thorough (re)introductory guide. - https://do.co/2laasG7
#javascript
Digitalocean
Understanding Variables, Scope, and Hoisting in JavaScript | DigitalOcean
This tutorial covers what variables are, how to declare and name them, and also take a closer look at the difference between var, let, and const. It also goe…
Making Avengers ID Card In HTML And CSS
Kunal Sarkar showcases a ton of CSS techniques while showing how to build a sci-fi ID card for Avengers. - http://bit.ly/2ykzyvp
#css
Kunal Sarkar showcases a ton of CSS techniques while showing how to build a sci-fi ID card for Avengers. - http://bit.ly/2ykzyvp
#css
Smashing Magazine
Making Avengers ID Card In HTML And CSS
In this tutorial, we will build a sci-fi ID card for Avengers. You will learn Flexbox, Nested Flexbox, CSS animations, and a ton of other CSS techniques while building this interesting project.