Decorating Lines of Text with box-decoration-break
Preethi shows how box-decoration-break property can decorate the edges of fragments of an inline box. - http://bit.ly/2J5KUbv
#css
Preethi shows how box-decoration-break property can decorate the edges of fragments of an inline box. - http://bit.ly/2J5KUbv
#css
CSS-Tricks
Decorating Lines Of Text With Box-decoration-break | CSS-Tricks
An institution’s motto, an artist’s intro, a company’s tagline, a community’s principle, a service’s greeting… all of them have one thing in common: they’re
Progressive Web Apps for Angular 6 and Beyond
A look at what Angular 6 includes out of the box to support Progressive Web Apps - http://bit.ly/2kRzPfY
#angular6 #pwa
A look at what Angular 6 includes out of the box to support Progressive Web Apps - http://bit.ly/2kRzPfY
#angular6 #pwa
Angular Training
Progressive Web Apps for Angular 6 and beyond
Progressive Web Apps is a name given to a set of new W3C standards that allow any web application to feel and behave very much like a…
Understanding Environments in VueJS
Vue CLI 3 introduced environment variables and modes, allowing you to customize your build for development, production, and testing. In this post, the author demonstrates how to use environment variables effectively in a new project. - http://bit.ly/2Lj9Fxy
#vue
Vue CLI 3 introduced environment variables and modes, allowing you to customize your build for development, production, and testing. In this post, the author demonstrates how to use environment variables effectively in a new project. - http://bit.ly/2Lj9Fxy
#vue
Medium
Understanding environments in VueJS
In this post I am going to demonstrate how to use development and production environment variables in Vue.
Analyzing How Redux Works Internally
A dive into what’s going on under the hood with the popular state management container - http://bit.ly/2JkMg2v
#redux
A dive into what’s going on under the hood with the popular state management container - http://bit.ly/2JkMg2v
#redux
Medium
Analyze Redux
Redux is a state management container, implemented as inspired by Event Sourcing patterns and Functional programming. It helps to save and…
Build a Basic CRUD App with Vue.js and Node
Learn to scaffold a Vue project, offload authentication to Okta, lock down protected routes, and perform CRUD operations through a REST API server. - http://bit.ly/2MfsKST
#nodejs #vue
Learn to scaffold a Vue project, offload authentication to Okta, lock down protected routes, and perform CRUD operations through a REST API server. - http://bit.ly/2MfsKST
#nodejs #vue
Sitepoint
How to Add Authentication to Your Vue App Using Okta — SitePoint
Learn to scaffold a Vue project, offload authentication to Okta, lock down protected routes, and performing CRUD operations through a REST API server.
How to Create a Simple CSS Loading Spinner & Make It Accessible
Stuart Nelson explains how to create an accessible CSS loading spinner. - http://bit.ly/2sIRvOq
#css
Stuart Nelson explains how to create an accessible CSS loading spinner. - http://bit.ly/2sIRvOq
#css
Medium
How to create a simple CSS loading spinner & make it accessible
A step-by-step tutorial for how to create an animated single element CSS loading spinner that is accessible!
How to Watch for File Changes from Node
Want to perform an action when a file updates? Here’s how. - http://bit.ly/2LDyuED
#nodejs
Want to perform an action when a file updates? Here’s how. - http://bit.ly/2LDyuED
#nodejs
thisDaveJ
How to Watch for Files Changes in Node.js | thisDaveJ
In this article, we learn how to watch for file changes in Node.js (and take action when those file changes occur) using a real IoT project as a learning context. We explore a few techniques for watching files and ultimately arrive at the best solution.
Building AI Enabled GraphQL Apps
See how to build a React Native app that translates text into speech in another language using AWS AppSync as the endpoint which then interacts with AWS’s Lambda, Translate, and Polly services. - http://bit.ly/2sWM5PG
#reactNative #graphQL
See how to build a React Native app that translates text into speech in another language using AWS AppSync as the endpoint which then interacts with AWS’s Lambda, Translate, and Polly services. - http://bit.ly/2sWM5PG
#reactNative #graphQL
Medium
Building AI Enabled GraphQL Applications
How to use GraphQL to map to AWS Lambda functions that work with AI services.
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…