Can I Use.? CSS’s 'justify-content: space-evenly'
justify-content: space-evenly distributes the space between items evenly with equal space on the edges, unlike space-around. It’s supported by most browsers now. - http://bit.ly/2NADYBF
#css
justify-content: space-evenly distributes the space between items evenly with equal space on the edges, unlike space-around. It’s supported by most browsers now. - http://bit.ly/2NADYBF
#css
Sitepoint
Redesigning a Card-based Tumblr Layout with CSS Grid — SitePoint
Giulio Mainardi shows how to retrofit a popular, card-based Tumblr layout with CSS grid, demonstrating how to plan for responsive behavior and utilize other cutting edge CSS features such as object-fit: cover, @supports and the :focus-within pseudo-class.
The Front-End Performance Checklist
An extensive list of things you should check or at least be aware of as a front-end developer trying to make your sites work as fast as possible. - http://bit.ly/2wT6yYz
#frontend #checklist
An extensive list of things you should check or at least be aware of as a front-end developer trying to make your sites work as fast as possible. - http://bit.ly/2wT6yYz
#frontend #checklist
GitHub
thedaviddias/Front-End-Performance-Checklist
🎮 The only Front-End Performance Checklist that runs faster than the others - thedaviddias/Front-End-Performance-Checklist
Avoiding Common Hurdles in Unit Testing
Mostly oriented around mocking in tricky situations. - http://bit.ly/2CeJxVc
#nodejs
Mostly oriented around mocking in tricky situations. - http://bit.ly/2CeJxVc
#nodejs
NearForm
Avoiding Common Hurdles in Unit Testing - NearForm
Unit tests isolate the code being tested from other systems. This lets you focus on your code and not the interactions with other systems.
Using Feature Detection to Write CSS with Cross-Browser Support
If you’ve been subscribed for a while, you’ll have seen all manner of CSS modules - both established and experimental - mentioned here. Here’s how to use the modules you want in a progressively enhanced way across browsers by using feature detection. - http://bit.ly/2QdRuN0
#css
If you’ve been subscribed for a while, you’ll have seen all manner of CSS modules - both established and experimental - mentioned here. Here’s how to use the modules you want in a progressively enhanced way across browsers by using feature detection. - http://bit.ly/2QdRuN0
#css
CSS-Tricks
Using Feature Detection to Write CSS with Cross-Browser Support | CSS-Tricks
In early 2017, I presented a couple of workshops on the topic of CSS feature detection, titled CSS Feature Detection in 2017.
Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)
At Rever we just released a new version of our web client using Vue.js. - http://bit.ly/2N4WKVG
#vue
At Rever we just released a new version of our web client using Vue.js. - http://bit.ly/2N4WKVG
#vue
Medium
Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)
At Rever (www.reverscore.com) we just released a new version of our web client using Vue.js. 641 commits and 16 weeks of intense development after with two resources, here we are, very proud of a…
Building a Real-Time Hand Sign Detector in iOS
How to build a hand sign detector app in iOS using Core ML and Custom Vision. - http://bit.ly/2Qo0UpA
#mobile
How to build a hand sign detector app in iOS using Core ML and Custom Vision. - http://bit.ly/2Qo0UpA
#mobile
Heartbeat
Building a Real-Time Hand Sign Detector in iOS using Core ML and Custom Vision
Core ML is an interesting means for adding a pre-trained machine learning model to your app. But one question that nagged me after trying…
How to Write a Node.js CLI Tool for Performing Image Classification with OpenCV - http://bit.ly/2Cqx9RU
#nodejs
#nodejs
ITNEXT
How to Write a Node.js CLI using OpenCV with Neural Network Models for Image Classification
TL;DR: In this article we will learn 3 things (these are the struggles I had to endure while creating my project for Github):
Improving Load Performance
Kayce Basques demonstrates how to use Chrome DevTools to find ways to make your pages load faster. - http://bit.ly/2NS5v1j
#devTools #video
Kayce Basques demonstrates how to use Chrome DevTools to find ways to make your pages load faster. - http://bit.ly/2NS5v1j
#devTools #video
YouTube
Improving Load Performance - Chrome DevTools 101
This tutorial shows you how to use Chrome DevTools to find ways to make your pages load faster.
Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment…
Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment…
shimport: Use JavaScript Modules in All Browsers
Allows you to use JS modules in all browsers, including dynamic import(). Currently experimental - the creator says “Don’t rush into production with this; it’s not battle-tested”. - http://bit.ly/2x0slgb
#javascript
Allows you to use JS modules in all browsers, including dynamic import(). Currently experimental - the creator says “Don’t rush into production with this; it’s not battle-tested”. - http://bit.ly/2x0slgb
#javascript
GitHub
GitHub - Rich-Harris/shimport: Use JavaScript modules in all browsers, including dynamic imports
Use JavaScript modules in all browsers, including dynamic imports - GitHub - Rich-Harris/shimport: Use JavaScript modules in all browsers, including dynamic imports
Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example
Learn how to build an SEO-friendly Vue.js SPA with prerendering, server-side rendering and other general SEO tips. A live prerender is demo included. - http://bit.ly/2MlmqYy
#vue #seo
Learn how to build an SEO-friendly Vue.js SPA with prerendering, server-side rendering and other general SEO tips. A live prerender is demo included. - http://bit.ly/2MlmqYy
#vue #seo
Snipcart
Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example
Learn how to build a Vue.js SEO-friendly SPA with prerendering, server-side rendering & other general SEO tips. Live prerender demo included!
A Guide to Building a REST API with Node.js and MongoDB
Uses Passport and JWTs for authentication. - http://bit.ly/2NuKTzx
#nodejs #rest #mongoDB
Uses Passport and JWTs for authentication. - http://bit.ly/2NuKTzx
#nodejs #rest #mongoDB
Hacker Noon
The practical guide for Building REST API in Nodejs and MongoDB include Passport and JWT
In this lesson, we will start our journey on making REST APIs with NodeJS along with MongoDB database. if you don’t have experience on…
Super-Powered Grid Components with CSS Custom Properties
A walkthrough of building a text and image component that uses CSS Grid along with CSS variables for placement. - http://bit.ly/2M7pcRd
#css
A walkthrough of building a text and image component that uses CSS Grid along with CSS variables for placement. - http://bit.ly/2M7pcRd
#css
CSS-Tricks
Super-Powered Grid Components with CSS Custom Properties | CSS-Tricks
A little while ago, I wrote a well-received article about combining CSS variables with CSS grid to help build more maintainable layouts. But CSS grid
DIY Subscription Handling Directive in Angular
In this article, we’ll learn how to manage subscriptions in the template with a bit more elegance. We’ll see the disadvantages to the current solution and consider how we can improve it by creating our own directive. - http://bit.ly/2wXTqR7
#angular
In this article, we’ll learn how to manage subscriptions in the template with a bit more elegance. We’ll see the disadvantages to the current solution and consider how we can improve it by creating our own directive. - http://bit.ly/2wXTqR7
#angular
Medium
DIY Subscription Handling Directive in Angular
In this article, we’ll learn how to manage subscriptions in the template with a bit more elegance. We’ll see the disadvantages to the…
Conversational Semantics
Aaron Gustafson goes through a range of different semantic markup practices that will put you in good stead for a better interaction with services like Cortana, Siri, and Alexa. - http://bit.ly/2QiSob7
#html
Aaron Gustafson goes through a range of different semantic markup practices that will put you in good stead for a better interaction with services like Cortana, Siri, and Alexa. - http://bit.ly/2QiSob7
#html
A List Apart
Conversational Semantics
Semantic markup has always mattered, but with voice interfaces rapidly becoming the norm, it now matters more than ever. Aaron Gustafson shows us how simple HTML tags can have a huge impact with vo…
SVG Icon Transition Generator Tool
Upload two SVG icons of the same size and get a new SVG which transitions between them on click or hover. - http://bit.ly/2MV6TUE
#tool #svg #icon
Upload two SVG icons of the same size and get a new SVG which transitions between them on click or hover. - http://bit.ly/2MV6TUE
#tool #svg #icon
Nucleoapp
Icon transition generator
Create an animated transition between two icons and download the SVG code. Upload the generated code to Nucleo or import it into your web projects.
Announcing styled-components v4
styled-components brings the power of JavaScript and CSS together for styling components. v4, now available in beta, is a lot smaller and faster, includes a not hot-loadable global style API, and more. - http://bit.ly/2xfiMtM
#react
styled-components brings the power of JavaScript and CSS together for styling components. v4, now available in beta, is a lot smaller and faster, includes a not hot-loadable global style API, and more. - http://bit.ly/2xfiMtM
#react
Medium
Announcing styled-components v4: Better, Faster, Stronger 💅
A brand new global styles API, native support for the “as” and “ref” props, removal of .extend, full React v16 StrictMode-compliance, tons…
Using CSS Clip Path to Create Interactive Effects, Part II
A follow up to a January article on creating collage-style Web effects with CSS which leans on SVG to make things work in current browsers. - http://bit.ly/2Q9Cxf4
#css #svg
A follow up to a January article on creating collage-style Web effects with CSS which leans on SVG to make things work in current browsers. - http://bit.ly/2Q9Cxf4
#css #svg
CSS-Tricks
Using CSS Clip Path to Create Interactive Effects, Part II | CSS-Tricks
This is a follow up to my previous post looking into clip paths. Last time around, we dug into the fundamentals of clipping and how to get started. We
How to build a plugin/extensible application architecture in Angular 5+
Let’s say you have a base Angular application and in the future you plan to develop different features that have almost the same structure, but you don’t really want to deploy the whole application each time a new feature is ready for production, or, moreover you plan to allow 3rd party users to implement features and upload it into your app. - http://bit.ly/2p1f43z
#angular
Let’s say you have a base Angular application and in the future you plan to develop different features that have almost the same structure, but you don’t really want to deploy the whole application each time a new feature is ready for production, or, moreover you plan to allow 3rd party users to implement features and upload it into your app. - http://bit.ly/2p1f43z
#angular
ITNEXT
How to build a plugin/extensible application architecture in Angular 5+
Have you ever wondered how to make your Angular application extensible?