What’s New in Chrome 70's DevTools
The latest dev channel release of Chrome has several DevTools improvements including being able to create ‘live expressions’ (real-time monitoring, essentially) and the highlighting of DOM elements while still typing an expression. - http://bit.ly/2xnmjX0
#chrome #devTools
The latest dev channel release of Chrome has several DevTools improvements including being able to create ‘live expressions’ (real-time monitoring, essentially) and the highlighting of DOM elements while still typing an expression. - http://bit.ly/2xnmjX0
#chrome #devTools
Google Developers
What's New In DevTools (Chrome 70) | Web | Google Developers
Live Expressions in the Console, highlight DOM nodes during Eager Evaluation, and more.
Designing a Textbox, Unabridged
You might think it’s as easy as putting an input type="text” element down but this article goes into much more depth about what’s involved in making a text entry field for the Web that does what you want. - http://bit.ly/2QBiyWK
#css
You might think it’s as easy as putting an input type="text” element down but this article goes into much more depth about what’s involved in making a text entry field for the Web that does what you want. - http://bit.ly/2QBiyWK
#css
Smashing Magazine
Designing A Textbox, Unabridged
Building websites is hard. Let’s explore the creation of a component from start to finish, in the context of an exaggerated reality where projects aren’t flawless.
How GitHub Removed jQuery From Their Frontend
GitHub has just been able to drop jQuery as a dependency of the frontend code for GitHubcom. This transition has taken years and here’s what they’ve learnt and what libraries have replaced it. - http://bit.ly/2xqLWq7
#jquery
GitHub has just been able to drop jQuery as a dependency of the frontend code for GitHubcom. This transition has taken years and here’s what they’ve learnt and what libraries have replaced it. - http://bit.ly/2xqLWq7
#jquery
GitHub Engineering
Removing jQuery from GitHub.com frontend
We have recently completed a milestone where we were able to drop jQuery as a dependency of the frontend code for GitHub.com. This marks the end of a gradual, years-long transition of increasingly decoupling from jQuery until we were able to completely remove…
Building a Search-Engine Optimized PWA with Angular - Part 1
No matter how awesome the app you have built is, it won’t really shine with the users unless they can easily see it in their search results. This is why Search Engine Optimization (SEO) is something that any developer needs to have on their To-Do list when they are building their apps. - http://bit.ly/2wVQRA0
#angular
No matter how awesome the app you have built is, it won’t really shine with the users unless they can easily see it in their search results. This is why Search Engine Optimization (SEO) is something that any developer needs to have on their To-Do list when they are building their apps. - http://bit.ly/2wVQRA0
#angular
Medium
Building a Search-Engine Optimized PWA with Angular — Part 1
Progressive Web App + Angular + SEO = Awesome! Here's how
A Sensible Approach to Cross Platform Development with React and React Native
Exploring how to go about developing shared code between web and React Native. - http://bit.ly/2peUug9
#react #reactNative
Exploring how to go about developing shared code between web and React Native. - http://bit.ly/2peUug9
#react #reactNative
DEV Community
A sensible approach to Cross platform development with React and React Native
How I go about developing shared code between web and React Native
Making Calls from a Browser with Vue.js & Nexmo In-App Voice - http://bit.ly/2QvJcAl
#vue #nexmo #voice
#vue #nexmo #voice
Vonage API Developer
Making Phone Calls from a Web Browser With Vue.js and Vonage | Vonage API Developer
How to make a phone call from a web browser using Vue.js, Node.js, and Vonage's In-App Voice, to call any phone on the planet.
Microjob: A Tiny Wrapper for Node.js Worker Threads
Makes Node 10.5+’s experimental worker thread support easier to work with. We also have an article about worker threads if you want to learn more about the underlying concepts. - http://bit.ly/2D2UadR
#nodejs
Makes Node 10.5+’s experimental worker thread support easier to work with. We also have an article about worker threads if you want to learn more about the underlying concepts. - http://bit.ly/2D2UadR
#nodejs
GitHub
wilk/microjob
A tiny wrapper for turning Node.js worker threads into easy-to-use routines for heavy CPU loads. - wilk/microjob
Take the 'State of JavaScript 2018' Survey
Sacha Greif’s popular survey returns, aiming to see what tools and technologies in the JavaScript space that developers are using, happy with and excited about. Results are expected in November and we’ll share them then. - http://bit.ly/2Oz2jZb
#javascript #survey
Sacha Greif’s popular survey returns, aiming to see what tools and technologies in the JavaScript space that developers are using, happy with and excited about. Results are expected in November and we’ll share them then. - http://bit.ly/2Oz2jZb
#javascript #survey
freeCodeCamp.org
Take the State of JavaScript 2018 Survey!
Just like Christmas or the flu, the State of JavaScript survey comes back around every year. But unlike these, it’s something to actually…
Inspect and Style an Element in DevTools that Normally Disappears when Inactive
Elijah Manor demonstrates a simple trick with setTimeout & debugger that will help you inspect and style elements that disappear on mouse-leave, blur, or click-outside. - http://bit.ly/2NOweix
#devTools
Elijah Manor demonstrates a simple trick with setTimeout & debugger that will help you inspect and style elements that disappear on mouse-leave, blur, or click-outside. - http://bit.ly/2NOweix
#devTools
How to Use Media Queries from JavaScript
The matchMedia method is the key. - http://bit.ly/2paXc6m
#mediaQuery #javascript
The matchMedia method is the key. - http://bit.ly/2paXc6m
#mediaQuery #javascript
Sitepoint
How to use Media Queries in JavaScript with matchMedia - SitePoint
Craig Buckler gives you an accessible introduction to using media queries with JavaScript with matchMedia for a robust responsive design approach.
Awesome React Native UI Components
A very extensive list of over 300 React Native UI component projects, complete with screenshots. It’s a bit hard to navigate but hopefully you’ll find something interesting or contribute your own creations. - http://bit.ly/2pkXsj9
#reactnative
A very extensive list of over 300 React Native UI component projects, complete with screenshots. It’s a bit hard to navigate but hopefully you’ll find something interesting or contribute your own creations. - http://bit.ly/2pkXsj9
#reactnative
GitHub
GitHub - madhavanmalolan/awesome-reactnative-ui: Awesome React Native UI components updated weekly
Awesome React Native UI components updated weekly. Contribute to madhavanmalolan/awesome-reactnative-ui development by creating an account on GitHub.
MailMason: A Complete Toolset for Building Email Templates
Uses other common frontend tooling to streamline the generation of both HTML and plain text emails. - http://bit.ly/2xg6Ngo
#email #templates
Uses other common frontend tooling to streamline the generation of both HTML and plain text emails. - http://bit.ly/2xg6Ngo
#email #templates
Postmarkapp
MailMason by Postmark | A complete toolset for building email templates
MailMason is a complete toolset to streamline building and updating a set of consistent transactional emails.
How we got a 100% Lighthouse performance score for our Vue app
Checkly is the easiest way to actively monitor your API endpoints and browser click flows from a single dashboard. - http://bit.ly/2D6fwaq
#vue
Checkly is the easiest way to actively monitor your API endpoints and browser click flows from a single dashboard. - http://bit.ly/2D6fwaq
#vue
Make Your Web Layouts Bust Out of the Rectangle With the Firefox Shape Path Editor
Josh Marinacci gives an introduction to CSS Shapes and the new Shape Path Editor in Firefox Developer Tools. - https://mzl.la/2pqEWG3
#css
Josh Marinacci gives an introduction to CSS Shapes and the new Shape Path Editor in Firefox Developer Tools. - https://mzl.la/2pqEWG3
#css
Mozilla Hacks – the Web developer blog
Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor – Mozilla Hacks - the Web developer blog
CSS Shapes lets your web designs break out of the rectangular grid. Using a new CSS standard, text can flow, images can be rounded, even just a few non parallel ...
How to Use Gulp.js to Automate Your CSS Tasks
Such as optimizing images, compiling Sass files, and handling and inlining assets. - http://bit.ly/2CXXgjq
#gulp #scss
Such as optimizing images, compiling Sass files, and handling and inlining assets. - http://bit.ly/2CXXgjq
#gulp #scss
SitePoint
How to Use Gulp.js to Automate Your CSS Tasks — SitePoint
Craig Buckler demonstrates how use Gulp.js to automate CSS tasks, such as optimizing images, compiling Sass files, handling and inlining assets, automatically appending vendor prefixes, removing unused CSS selectors, minifying CSS, reporting file sizes, outputting…
A Tour of JavaScript Timers on the Web
Want to get your head around setTimeout vs setInterval vs setImmediate vs requestAnimationFrame and others? This will help. - http://bit.ly/2Or3Pfv
#javascript
Want to get your head around setTimeout vs setInterval vs setImmediate vs requestAnimationFrame and others? This will help. - http://bit.ly/2Or3Pfv
#javascript
Read the Tea Leaves
A tour of JavaScript timers on the web
Pop quiz: what is the difference between these JavaScript timers? Promises setTimeout setInterval setImmediate requestAnimationFrame requestIdleCallback More specifically, if you queue up all of th…
Introducing the React Profiler
We mentioned it briefly last week but now there’s an official blog post about React’s experimental Profiler API included with React 16.5. It collects timing information about each component that’s rendered so you can begin to identify performance bottlenecks in your apps. - http://bit.ly/2piKZMW
#react
We mentioned it briefly last week but now there’s an official blog post about React’s experimental Profiler API included with React 16.5. It collects timing information about each component that’s rendered so you can begin to identify performance bottlenecks in your apps. - http://bit.ly/2piKZMW
#react
legacy.reactjs.org
Introducing the React Profiler – React Blog
React 16.5 adds support for a new DevTools profiler plugin.
This plugin uses React’s experimental Profiler API to collect timing information about each component that’s rendered in order to identify performance bottlenecks in React applications.
It will be…
This plugin uses React’s experimental Profiler API to collect timing information about each component that’s rendered in order to identify performance bottlenecks in React applications.
It will be…
Optimizing for Traffic Temperature In SaaS Landing Pages
Not all visitors are equally ready or educated about your product to convert right away. - http://bit.ly/2NjJpsE
#ui #ux
Not all visitors are equally ready or educated about your product to convert right away. - http://bit.ly/2NjJpsE
#ui #ux
www.cortes.design
Optimizing for Traffic Temperature In SaaS Landing Pages