Debugging JavaScript with the New Firefox JS Debugger
Firefox’s new JS debugger is pretty powerful and will help you write fast, bug-free code. - https://goo.gl/xjCPuF
#javascript
Firefox’s new JS debugger is pretty powerful and will help you write fast, bug-free code. - https://goo.gl/xjCPuF
#javascript
Smashing Magazine
Debugging JavaScript With A Real Debugger You Did Not Know You Already Have
JavaScript is essential to any advanced web app, so a strong debugger is a key part of the toolset. In this article, find out how the new Firefox JavaScript debugger can help you write fast, bug-free code.
Here’s How Google Chrome’s New Ad Blocker Works
Google Chrome will soon begin to block ads on some sites by default. Here’s a closer look at how it will work. - https://goo.gl/rdiSoT
#chrome #google
Google Chrome will soon begin to block ads on some sites by default. Here’s a closer look at how it will work. - https://goo.gl/rdiSoT
#chrome #google
Ctrl blog
Here’s how Google Chrome’s new ad blocker works
Google Chrome will soon begin to block ads on some websites by default. I dug up some more information about how it will work.
Swiper: Modern Mobile Touch Slider
A touch slider aimed at mobile use with hardware accelerated transitions. - https://goo.gl/UV3gRo
#swiper #component
A touch slider aimed at mobile use with hardware accelerated transitions. - https://goo.gl/UV3gRo
#swiper #component
GitHub
nolimits4web/swiper
swiper - Most modern mobile touch slider with hardware accelerated transitions
Easy Form Validation with VueJS + Boostrap
A simple tutorial on how to achieve form validation with ease. - https://goo.gl/TCwiVS
#vue
A simple tutorial on how to achieve form validation with ease. - https://goo.gl/TCwiVS
#vue
Understanding Cross-Origin Resource Sharing (CORS)
CORS is a mechanism that allows cross-origin HTTP requests (such as using XMLHTTPRequest or the Fetch API) using special server-side HTTP headers. - https://goo.gl/bx6xwK
#http #cors
CORS is a mechanism that allows cross-origin HTTP requests (such as using XMLHTTPRequest or the Fetch API) using special server-side HTTP headers. - https://goo.gl/bx6xwK
#http #cors
Medium
Understanding CORS
If you ever worked with an AJAX call, you are probably familiar with the following error displayed in browser console:
CSS Grid + CSS Multi-Columns = ♥
Patrick Brosset explores the relationship between two CSS layout features: CSS Grid and CSS Multi-Columns. - https://goo.gl/6RNTtt
#css #grid
Patrick Brosset explores the relationship between two CSS layout features: CSS Grid and CSS Multi-Columns. - https://goo.gl/6RNTtt
#css #grid
Medium
CSS Grid + CSS Multi-Columns = ♥
In this short article, I am exploring the relationship between two CSS layout features: CSS Grid and CSS Multi-Columns.
How I Cut My React Bundle Size In Half With 3 Lines of Code — Basically you create an app with create-react-app but then switch in the more-compact Preact for React. - https://goo.gl/5hyJ24
#react
#react
codeburst
How I Cut My React Javascript Bundle Size In Half With Three Lines of Code
If you are anything like me, you love React. There is a group of people out there who believe that the library is too large for what it…
Welcoming Progressive Web Apps to MS Edge and Windows 10
An update on Microsoft’s PWA roadmap progress. - https://goo.gl/ZUDPP3
#pwa #edge
An update on Microsoft’s PWA roadmap progress. - https://goo.gl/ZUDPP3
#pwa #edge
Microsoft Edge Dev Blog
Welcoming Progressive Web Apps to Microsoft Edge and Windows 10 - Microsoft Edge Dev Blog
A little over a year ago, we outlined our vision to bring Progressive Web Apps (PWAs) to the more than half a billion devices running Windows 10. We believe PWAs are key to the web’s future, and couldn’t be more excited about their potential to enable more…
Using Media Queries For Responsive Design in 2018
Explores the use of media queries in responsive design today, how they work alongside Flexbox and Grid Layout, and what’s coming in the future. - https://goo.gl/TgjjEu
#css #media #responsive
Explores the use of media queries in responsive design today, how they work alongside Flexbox and Grid Layout, and what’s coming in the future. - https://goo.gl/TgjjEu
#css #media #responsive
Smashing Magazine
Using Media Queries For Responsive Design In 2018
This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future.
Automated Browser Testing from Windows 10
An overview of the concepts and techniques involved in running test scripts against browsers using WebDriverJS on Windows 10 and Microsoft Edge. - https://goo.gl/EJJf15
#autotesting
An overview of the concepts and techniques involved in running test scripts against browsers using WebDriverJS on Windows 10 and Microsoft Edge. - https://goo.gl/EJJf15
#autotesting
Smashing Magazine
Automated Browser Testing With The WebDriver API
This article provides an overview of the concepts, technologies and coding techniques involved with running test scripts against browsers automatically using WebDriverJS on Windows 10 and Microsoft Edge.
12 Best Practices for User Account, Auth and Password Management
A post laying out best practices to ensure you have a safe, scalable, usable account authentication system. - https://goo.gl/DYCcbE
#google
A post laying out best practices to ensure you have a safe, scalable, usable account authentication system. - https://goo.gl/DYCcbE
Google Cloud Platform Blog
12 best practices for user account, authorization and password management
By Ian Maddox, GCP Solutions Architect Account management, authorization and password management can be tricky. For many developers, accou...
Bringing Virtual Reality to the Browser with ReactVR
Getting started with ReactVR, a combination of the React framework and WebVR API. - https://goo.gl/FcRjGk
#react #VR
Getting started with ReactVR, a combination of the React framework and WebVR API. - https://goo.gl/FcRjGk
#react #VR
Medium
Bring Virtual Reality to Your Browser with ReactVR
One of the latest technologies that will change interactions between humans and computers is definitely Virtual Reality. It’s not a new…
A Code-Based Node.js Cheatsheet
Lots of quick-fire code snippets in a single source file, covering global objects, console methods, fs methods, exports, process handling, and more. - https://goo.gl/LdSLp2
#nodejs
Lots of quick-fire code snippets in a single source file, covering global objects, console methods, fs methods, exports, process handling, and more. - https://goo.gl/LdSLp2
#nodejs
GitHub
LeCoupa/awesome-cheatsheets
awesome-cheatsheets - 📚 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
Using Conic Gradients and CSS Variables to Create a Doughnut Chart Output for a Range Input
Ana Tudor demonstrates how conic gradients work. - https://goo.gl/aUxTFB
#css
Ana Tudor demonstrates how conic gradients work. - https://goo.gl/aUxTFB
#css
CSS-Tricks
Using Conic Gradients and CSS Variables to Create a Doughnut Chart Output for a Range Input | CSS-Tricks
I recently came across this Pen and my first thought was that it could all be done with just three elements: a wrapper, a range input and an output. On the CSS side, this involves using a conic-gradient() with a stop set to a CSS variable. The result we want…
Service Workers: The Little Heroes Behind Progressive Web Apps
Service workers are at the core of PWAs — learn what they’re all about and how to use them when developing your own. - https://goo.gl/ybTGZk
#pwa
Service workers are at the core of PWAs — learn what they’re all about and how to use them when developing your own. - https://goo.gl/ybTGZk
#pwa
freeCodeCamp
Service workers: the little heroes behind Progressive Web Apps
Service workers are at the core of Progressive Web Apps. They allow caching of resources and push notifications, which are two of the main…
What’s New in React 16.3 Alpha
A reasonably extensive look at the new context API, new lifecycle methods, static getDerivedStateFromProps, Strict Mode, and more. -
https://goo.gl/3hKhtG
#react
A reasonably extensive look at the new context API, new lifecycle methods, static getDerivedStateFromProps, Strict Mode, and more. -
https://goo.gl/3hKhtG
#react
Medium
What’s new in React 16.3(.0-alpha)
React 16.3-alpha just hit npmjs and can be downloaded and added to your project. What are the biggest, most interesting changes?
50 years of the Swiss Music Charts
Ever wondered what was top of the charts in Switzerland on your birthday? Me too! We’re in luck - this interactive visualisation allows you to zoom back through musical time and discover happy or sad songs. The star-chart constellations are actually showing the progression of an individual song through the charts. An article (in German) accompanies the experience and delves deeper into the data. - https://goo.gl/DHWZNT
#audio
Ever wondered what was top of the charts in Switzerland on your birthday? Me too! We’re in luck - this interactive visualisation allows you to zoom back through musical time and discover happy or sad songs. The star-chart constellations are actually showing the progression of an individual song through the charts. An article (in German) accompanies the experience and delves deeper into the data. - https://goo.gl/DHWZNT
#audio
50 Years Swiss Music Charts
A 3D universe dedicated to the best music from 1968 to 2017.
Streaming Server-Side Rendering and Caching at Spectrum
Max Stoiber describes the journey to high performance server-rendering of their React application with streaming responses and distributed caching. - https://goo.gl/G43LLX
#nodejs #cache #serverSideRendering
Max Stoiber describes the journey to high performance server-rendering of their React application with streaming responses and distributed caching. - https://goo.gl/G43LLX
#nodejs #cache #serverSideRendering
zeit.co
Streaming Server-Side Rendering and Caching at Spectrum
We recently implemented streaming server-side rendering and caching for Spectrum, here is how
Using Media Queries for Responsive Design in 2018
Explores the use of media queries in responsive design today, how they work alongside Flexbox and Grid Layout, and what’s coming in the future. - https://goo.gl/jC3FMA
#css
Explores the use of media queries in responsive design today, how they work alongside Flexbox and Grid Layout, and what’s coming in the future. - https://goo.gl/jC3FMA
#css
Smashing Magazine
Using Media Queries For Responsive Design In 2018
This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future.
What’s the difference between UX and UI design?
Simply put, UI is how things look, UX is how things work. UX is a process, while UI is a deliverable. Harshita Arora explains. -
https://goo.gl/XNB6sa
#ux #ui
Simply put, UI is how things look, UX is how things work. UX is a process, while UI is a deliverable. Harshita Arora explains. -
https://goo.gl/XNB6sa
#ux #ui
freeCodeCamp.org
What’s the difference between UX and UI design?
by Harshita Arora What’s the difference between UX and UI design? And some tips for you to get started with both. Image credits [https://blog.nicolesaidy.com/7-steps-to-become-a-ui-ux-designer-8beed7639a95]A few days ago, I published a post on Typography…