Crafting Build Pipelines with Docker
An exploration of using a multi-stage build for a Node.js application. - http://amp.gs/qVEZ
#nodejs #docker
An exploration of using a multi-stage build for a Node.js application. - http://amp.gs/qVEZ
#nodejs #docker
LogRocket Blog
Crafting build pipelines with Docker - LogRocket Blog
In the past, optimizing Docker images was a challenging exercise. But things have been different since Docker added support for multi-stage builds.
Why Progressive Web Apps Are The Future of Mobile Web
Progressive Web Apps have been part of the conversation for a number of years, but have yet to be meaningfully adopted by most brands, which strikes us as a missed opportunity given the many benefits they possess. - http://amp.gs/qVLw
#pwa
Progressive Web Apps have been part of the conversation for a number of years, but have yet to be meaningfully adopted by most brands, which strikes us as a missed opportunity given the many benefits they possess. - http://amp.gs/qVLw
#pwa
YML
Why Progressive Web Apps Are The Future of Mobile Web (2019 Research)
Progressive Web Apps simply work better than your typical mobile website and can create better web experiences. Discover why in our detailed guide to PWAs.
Avoid 100vh On Mobile Web
If you’re using viewport units in CSS to style an element to take up the full screen height (using height: 100vh), you may want to reconsider. David points out that this technique is “broken in a subtle but fundamental way on mobile”, and recommends an alternative approach using JavaScript. - http://amp.gs/q97t
#mobile #web
If you’re using viewport units in CSS to style an element to take up the full screen height (using height: 100vh), you may want to reconsider. David points out that this technique is “broken in a subtle but fundamental way on mobile”, and recommends an alternative approach using JavaScript. - http://amp.gs/q97t
#mobile #web
chanind.github.io
Avoid 100vh On Mobile Web
Viewport units in CSS sound great. If you want to style an element to take up the full screen height, you can just set height: 100vh and voila - you have a perfect fullscreen element, which resizes as the viewport changes! Sadly, this is not the case. 100vh…
Building a Video Chat with React Hooks
Note: It leans heavily upon Twilio’s service, for which you’ll need an account. - http://amp.gs/q9cp
#react
Note: It leans heavily upon Twilio’s service, for which you’ll need an account. - http://amp.gs/q9cp
#react
Twilio Blog
Build a Video Chat with React Hooks
Build a video chat application using Twilio Video and React with only functional components, using the useState, useCallback, useEffect and useRef hooks.
Enhancing The Clickable Area Size of UI Elements
Sometimes only very tightly defined parts of your UI elements will be clickable, but there are ways to improve the experience. - http://amp.gs/q4PG
#ui #ux
Sometimes only very tightly defined parts of your UI elements will be clickable, but there are ways to improve the experience. - http://amp.gs/q4PG
#ui #ux
Ahmad Shadeed Blog
Enhancing The Clickable Area Size - Ahmad Shadeed
Adaptive Photo Layout with Flexbox
17 lines of CSS. No JS. Basic markup. I love that going back 5 years this would have required jQuery and a separate library to get the same effect, and we're now just punching this stuff out with standards. - http://amp.gs/qRUD
#css
17 lines of CSS. No JS. Basic markup. I love that going back 5 years this would have required jQuery and a separate library to get the same effect, and we're now just punching this stuff out with standards. - http://amp.gs/qRUD
#css
CSS-Tricks
Adaptive Photo Layout with Flexbox | CSS-Tricks
Let’s take a look at a super lightweight way to create a horizontal masonry effect for a set of arbitrarily-sized photos. Throw any set of photos at it, and
Building Chrome Extensions with Vue.js
Chrome extensions have gained a lot of popularity since they can add functionality previously missing in your browser. Here's a guide to creating extensions with Vue.js. - http://amp.gs/qUCG
#vue #extension #chrome
Chrome extensions have gained a lot of popularity since they can add functionality previously missing in your browser. Here's a guide to creating extensions with Vue.js. - http://amp.gs/qUCG
#vue #extension #chrome
Medium
Building Chrome Extensions with Vue.js
Chrome Extensions has gained a lot af popularity since they can add that extra functionality that you were previously missing in your…
Supreme Court Hands Victory to Blind Man Who Sued Domino's Over Site Accessibility
Back in August we shared news that pizza company Domino’s was requesting for a lawsuit, requiring its website to be accessible to blind people, to be shut down. The Supreme Court has now denied that petition — a significant win for disability advocates. - http://amp.gs/qdxR
#news
Back in August we shared news that pizza company Domino’s was requesting for a lawsuit, requiring its website to be accessible to blind people, to be shut down. The Supreme Court has now denied that petition — a significant win for disability advocates. - http://amp.gs/qdxR
#news
CNBC
Supreme Court hands victory to blind man who sued Domino's over site accessibility
The Supreme Court denied a petition from pizza giant Domino's on Monday to hear whether its website is required to be accessible to the disabled, a loss for the company.
Dark Mode in Flutter
Discusses coding for dark mode in past, recent and future OS releases when writing apps in Flutter. - http://amp.gs/qOPr
#flutter
Discusses coding for dark mode in past, recent and future OS releases when writing apps in Flutter. - http://amp.gs/qOPr
#flutter
Medium
Dark Mode in Flutter
In this article I’ll discuss coding for dark mode in past, recent and future OS releases when writing apps in Flutter.
Angular: Load External JavaScript File Dynamically
If you are creating a large scale app or an enterprise application using Angular 2+, you have components or directives that require certain external JavaScript dependencies, like Stripe.js for payments integration (which most certainly isn't required on all views of course). - http://amp.gs/qrZ5
#angular
If you are creating a large scale app or an enterprise application using Angular 2+, you have components or directives that require certain external JavaScript dependencies, like Stripe.js for payments integration (which most certainly isn't required on all views of course). - http://amp.gs/qrZ5
#angular
Medium
Angular: Load External JavaScript File Dynamically
If you are creating a large scale app or an enterprise application using Angular 2+, you have components or directives that require certain…
The Evolution of Web Content Management
A look at the evolution of web content management from the early days of the web to the headless, cloud-based CMS systems of today. - http://amp.gs/qNlb
#CMS
A look at the evolution of web content management from the early days of the web to the headless, cloud-based CMS systems of today. - http://amp.gs/qNlb
#CMS
Remote Synthesis
The Evolution of Web Content Management
A look at the evolution of web content management from the early days of the web to the headless, cloud-based CMS systems of today.
ascii-themes: A Node CLI Interface to Generate VSCode Themed ASCII Art
You have to fiddle a bit but the output from this is pretty neat if you like that console-based look. - http://amp.gs/qAIT
#nodejs
You have to fiddle a bit but the output from this is pretty neat if you like that console-based look. - http://amp.gs/qAIT
#nodejs
Medium
Releasing ascii-themes, a Node.js CLI Interface to Generate VSCode Themed ASCII Art
I’ve built a Node.js CLI interface this weekend to generate themed ASCII art. It supports 287 fonts from Figlet and 18 themes from VS Code.
http://amp.gs/qAQ4
Security is of paramount importance for your mobile application. Learn about securing your React Native app by using Keychains - http://amp.gs/qAQ4
#reactNative
Security is of paramount importance for your mobile application. Learn about securing your React Native app by using Keychains - http://amp.gs/qAQ4
#reactNative
Medium
Securing your React Native App using Keychain
Security is of paramount importance for your mobile application. Learn about securing your React Native app by using Keychains
Flutter Face Detection
How to add face detection to your Flutter apps using Firebase ML Kit + Draw with CustomPainter. - http://amp.gs/qsIZ
#flutter
How to add face detection to your Flutter apps using Firebase ML Kit + Draw with CustomPainter. - http://amp.gs/qsIZ
#flutter
Medium
Flutter Face Detection
Detect with Firebase ML Kit + Draw with CustomPainter
An Interview with an 'Adult Site' Developer
Now this won’t be for everyone, but regardless of your stance, this is an interesting look into the decisions behind the tech choices and how they all work at one of the web’s largest adult sites. - http://amp.gs/qs2c
#interview #pornhub
Now this won’t be for everyone, but regardless of your stance, this is an interesting look into the decisions behind the tech choices and how they all work at one of the web’s largest adult sites. - http://amp.gs/qs2c
#interview #pornhub
👍1
Angular Authentication Using JWT
There are countless tutorials out there exhibiting code of how authentication in angular works, some even go the extra mile to explain how the code runs, but the only issue with such codes (for rookies) is the flowery words and jargon they use, which can be quite troublesome for someone who is just starting-out in the domain. - http://amp.gs/qiwu
#angular
There are countless tutorials out there exhibiting code of how authentication in angular works, some even go the extra mile to explain how the code runs, but the only issue with such codes (for rookies) is the flowery words and jargon they use, which can be quite troublesome for someone who is just starting-out in the domain. - http://amp.gs/qiwu
#angular
Medium
Angular Authentication Using JWT
Building a web-based product is not just a skill anymore; it’s a necessity, for anything and everything that requires public attention.
Fetch API data using useEffect React hook
In this article we will talk about the use of useEffect React hook to fetch API data. We will create a sample React application to pull data from a provider and use it in our application. - http://amp.gs/qDaM
#react
In this article we will talk about the use of useEffect React hook to fetch API data. We will create a sample React application to pull data from a provider and use it in our application. - http://amp.gs/qDaM
#react
Medium
Fetch API data using useEffect React hook
In this article we will talk about the use of useEffect React hook to fetch API data. We will create a sample React application to pull…
Creating Custom JavaScript Syntax with Babel
Wow, this is cool. An introduction to forking Babel and creating your own custom JavaScript syntax. - http://amp.gs/quK7
#nodejs #babel
Wow, this is cool. An introduction to forking Babel and creating your own custom JavaScript syntax. - http://amp.gs/quK7
#nodejs #babel
Lihautan
Creating custom JavaScript syntax with Babel
Forking babel parser and creating your custom JavaScript syntax isn't as hard as you think.
Rx.js: Best Practices
If you have been using Angular for more than a week, you most definitely have come across Rx.js, the reactive extensions framework for JavaScript. And of course you should already know that lots of stuff in Angular works using Rx.js under the hood. Here are some prominent examples - http://amp.gs/qJ2t
#rxjs
If you have been using Angular for more than a week, you most definitely have come across Rx.js, the reactive extensions framework for JavaScript. And of course you should already know that lots of stuff in Angular works using Rx.js under the hood. Here are some prominent examples - http://amp.gs/qJ2t
#rxjs
Medium
Rx.js: Best Practices
How to benefit most from Reactive Extensions