How to Get Better at Writing CSS
Thomas Lombart shares some tips for writing better, more maintainable CSS. - http://bit.ly/2nekZkT
#css
Thomas Lombart shares some tips for writing better, more maintainable CSS. - http://bit.ly/2nekZkT
#css
freeCodeCamp.org
7 Important Tips for Writing Better CSS
One of the biggest issues in programming is dealing with maintenance. In a
real-world scenario, we don't always start developing projects from scratch.
Mostly, we are assigned (or take) a project that has already been written maybe
a couple of years before…
real-world scenario, we don't always start developing projects from scratch.
Mostly, we are assigned (or take) a project that has already been written maybe
a couple of years before…
Finite State Machines with React
As JavaScript applications have grown more complex, so too has the complexity of dealing with state in them. - http://bit.ly/2AJv2rB
#react
As JavaScript applications have grown more complex, so too has the complexity of dealing with state in them. - http://bit.ly/2AJv2rB
#react
CSS-Tricks
Finite State Machines with React | CSS-Tricks
As JavaScript applications on the web have grown more complex, so too has the complexity of dealing with state in those applications — state being the
Custom directives in Angular 6 — building a Google places autocomplete
Abhishek, the author of this article, has been playing around with Angular a lot lately and a lot of things that seemed unnecessary in the beginning is starting to make sense. Angular is a well thought out framework, and although it is very opinionated, it follows some of the industry best practices when it comes to structuring the frontend of a web application. - http://bit.ly/2nc91In
#angular
Abhishek, the author of this article, has been playing around with Angular a lot lately and a lot of things that seemed unnecessary in the beginning is starting to make sense. Angular is a well thought out framework, and although it is very opinionated, it follows some of the industry best practices when it comes to structuring the frontend of a web application. - http://bit.ly/2nc91In
#angular
Hacker Noon
Custom directives in Angular 6 — building a Google places autocomplete
Final Project: http://ng-places-maverick.surge.sh/
👍1
New eggheadio Course: Beautiful and Accessible Drag and Dropping with react-beautiful-dnd - http://bit.ly/2LYffuo
#react #egghead #course
#react #egghead #course
egghead
Beautiful and Accessible Drag and Drop with react-beautiful-dnd
Drag and drop (dnd) experiences are often built to sort lists of content vertically and horizontally.
react-beautiful-dnd is an excellent tool for thes...
react-beautiful-dnd is an excellent tool for thes...
Building A Progressive Web App: No React, No Angular, No Vue
Just direct DOM manipulation with some more recent APIs and JS specs. - http://bit.ly/2vRsnGH
#pwa
Just direct DOM manipulation with some more recent APIs and JS specs. - http://bit.ly/2vRsnGH
#pwa
LogRocket
Building a progressive web app (PWA): No React, no Angular, no Vue
Just direct DOM manipulation with some more recent APIs and JS specs.
Sharing the UI router between AngularJS and Angular 6
In some of Roelof’s previous posts, “AngularJS + Angular (v6) hybrid (finally!)” and “Sharing state between AngularJS and Angular v6 with Redux”, he’s documented the process of making a hybrid AngularJS/Angular application. - http://bit.ly/2vDadII
#angular
In some of Roelof’s previous posts, “AngularJS + Angular (v6) hybrid (finally!)” and “Sharing state between AngularJS and Angular v6 with Redux”, he’s documented the process of making a hybrid AngularJS/Angular application. - http://bit.ly/2vDadII
#angular
Medium
Sharing the UI router between AngularJS and Angular 6
In some of my previous posts, “AngularJS + Angular (v6) hybrid (finally!)” and “Sharing state between AngularJS and Angular v6 with Redux”…
Create Your Design System: Grid & Layout
Claudia Romano shows how to implement a grid into your design system, and how some CSS techniques can be used to create specific layouts. - http://bit.ly/2vlnwxV
#css
Claudia Romano shows how to implement a grid into your design system, and how some CSS techniques can be used to create specific layouts. - http://bit.ly/2vlnwxV
#css
Medium
Create your design system, part 2: Grid & Layout
Choosing how to handle layouts and content positioning is probably one of the first decision you’re going to make when building a design…
What You Need To Know When Converting a Flash Game to HTML5
If you’re still needing to covert an old Flash game over to work in the new frontend environment (anyone?), here are some tips. - http://bit.ly/2KGFuzP
#html5 #javascript #game
If you’re still needing to covert an old Flash game over to work in the new frontend environment (anyone?), here are some tips. - http://bit.ly/2KGFuzP
#html5 #javascript #game
Smashing Magazine
What Do You Need To Know When Converting A Flash Game Into HTML5? — Smashing Magazine
The tips presented in this article aim to help HTML5 game developers in avoiding common mistakes when converting their Flash games to JS and making the process run as smooth as possible.
Testing Vue with Jest part — II
This tutorial will not explain you how to configure a vue application. We only will focus on component creation and tests. - http://bit.ly/2KN8m9K
#vue #tests
This tutorial will not explain you how to configure a vue application. We only will focus on component creation and tests. - http://bit.ly/2KN8m9K
#vue #tests
Medium
Testing Vue with Jest part — II
So, recapitulating the first part of this series we configured and created our first Vue Js test with Jest and the library vue-test-utils.
Building A Progressive Web App (PWA): No React, No Angular, No Vue
Just direct DOM manipulation with some more recent APIs and JS specs. - http://bit.ly/2vRsnGH
#pwa
Just direct DOM manipulation with some more recent APIs and JS specs. - http://bit.ly/2vRsnGH
#pwa
LogRocket
Building a progressive web app (PWA): No React, no Angular, no Vue
Just direct DOM manipulation with some more recent APIs and JS specs.
Clinic Bubbleprof: A New Way To Visualise Node Code
From the creators of Node Clinic comes a new, open source visualization tool for profiling your Node code. - http://bit.ly/2KIMYCe
#nodejs
From the creators of Node Clinic comes a new, open source visualization tool for profiling your Node code. - http://bit.ly/2KIMYCe
#nodejs
NearForm Enterprise Software Solution Development
Introducing Clinic Bubbleprof, a Unique Way to Visualise Node.js Code - NearForm
Clinic Bubbleprof has a unique new approach to profiling your Node code so that you can visualise exactly where and how that code is busy.
I Created The Exact Same App in React and Vue. Here Are The Differences.
If you fancy a direct comparison between Vue and React, fill your boots here. - http://bit.ly/2B6aGJk
#react #vue
If you fancy a direct comparison between Vue and React, fill your boots here. - http://bit.ly/2B6aGJk
#react #vue
Medium
I created the exact same app in React and Vue. Here are the differences.
React vs Vue. Finally, a side-by-side code comparison between Vue and React! 🎉
Ionic 4 and Should You Build a Hybrid App?
Jeff presents points to consider before investing time and money into a mobile app and why choosing hybrid could be the right choice. - http://bit.ly/2nnRq0e
#ionic4
Jeff presents points to consider before investing time and money into a mobile app and why choosing hybrid could be the right choice. - http://bit.ly/2nnRq0e
#ionic4
ITNEXT
Ionic 4… Should you Build a Hybrid App?
TL;DR Yes, as long as you have the right use case.
The Cost of JavaScript in 2018
We linked the video of Addy’s talk a month ago, but now here’s the detailed write-up of Addy’s thoughts and findings on how much effect JavaScript has on page sizes and performance and some ways to improve matters. - http://bit.ly/2nxJQQw
#javascript
We linked the video of Addy’s talk a month ago, but now here’s the detailed write-up of Addy’s thoughts and findings on how much effect JavaScript has on page sizes and performance and some ways to improve matters. - http://bit.ly/2nxJQQw
#javascript
Medium
The Cost Of JavaScript In 2018
Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked…
A Checklist of 23 Node.js Security Best Practices
A curated list of 23 high-level Node security best practices with code examples and quotes from the top ranked blogs. - http://bit.ly/2AXQmcP
#nodejs
A curated list of 23 high-level Node security best practices with code examples and quotes from the top ranked blogs. - http://bit.ly/2AXQmcP
#nodejs
Medium
We’re under attack! 23+ Node.js security best practices
A curated list of 23 node security best practices with code examples and quotes from the top ranked blogs
Awesome Code Review
A curated list of tools, articles, books, and any other resource related to code reviews. - http://bit.ly/2MaUQlR
#codeReview
A curated list of tools, articles, books, and any other resource related to code reviews. - http://bit.ly/2MaUQlR
#codeReview
GitHub
GitHub - joho/awesome-code-review: An "Awesome" list of code review resources - articles, papers, tools, etc
An "Awesome" list of code review resources - articles, papers, tools, etc - GitHub - joho/awesome-code-review: An "Awesome" list of code review resources - artic...
How We Ditched Redux for MobX
A look into how the talented Skillshare team moved from Redux to MobX as their state manager. If you are battling with Redux this is a good read. - http://bit.ly/2vz2MTH
#redux #mobx
A look into how the talented Skillshare team moved from Redux to MobX as their state manager. If you are battling with Redux this is a good read. - http://bit.ly/2vz2MTH
#redux #mobx
Medium
How We Ditched Redux for MobX
An emotional journey through state management
Build a Simple CRUD App with ASPNET Core 2.1 and Angular 6
The latest ASPNET Core includes a template to build an Angular 4 application, but what about Angular 6? Here’s how to do it. - http://bit.ly/2nx6Pv3
#angular6 #ASPNET
The latest ASPNET Core includes a template to build an Angular 4 application, but what about Angular 6? Here’s how to do it. - http://bit.ly/2nx6Pv3
#angular6 #ASPNET
Okta
Upgrade your ASP.NET Core 2.1 App to Angular 6 | Okta Developer
This tutorial walks you through building a simple CRUD application in ASP.NET Core 2.1 and Angular 6.
How I Built a Mood Changing Animation Using CSS Masks
Ankit Karnany demonstrates how to build a simple animation of a face with different expressions. - http://bit.ly/2w9v2vn
#css
Ankit Karnany demonstrates how to build a simple animation of a face with different expressions. - http://bit.ly/2w9v2vn
#css
freeCodeCamp.org
How I built a mood changing animation using CSS masks
Remember the cartoons we used to watch during our childhood? At that time they were the epitome of animations. Nowadays, animations aren’t…
Turning an Angular 6 app into a Progressive Web App
This article shows how to add PWA (Progressive Web App) capabilities to your Angular 6 app. - http://bit.ly/2KMWBjA
#angular6 #pwa
This article shows how to add PWA (Progressive Web App) capabilities to your Angular 6 app. - http://bit.ly/2KMWBjA
#angular6 #pwa
Medium
Turning an Angular 6 app into a Progressive Web App
This article shows how to add PWA (Progressive Web App) capabilities to your Angular 6 app. (spoil: it’s easy 😍 )