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…
CanJS 4.0: A Suite of Frontend Architecture Libraries
You can’t describe CanJS quickly, but it brings together custom elements, observables, routing, and more on the front-end. 4.0 is a big release. - https://goo.gl/uAd2MG
#canJS #released
You can’t describe CanJS quickly, but it brings together custom elements, observables, routing, and more on the front-end. 4.0 is a big release. - https://goo.gl/uAd2MG
#canJS #released
Bitovi
CanJS 4.0
CanJS 4.0 is out with the features our users have been asking for. Read on to find out more.
Ionic vs React Native: What’s the Difference?
A broad comparison of strengths and weaknesses of each framework. - https://goo.gl/aQ7KoX
#ionic #reactNative
A broad comparison of strengths and weaknesses of each framework. - https://goo.gl/aQ7KoX
#ionic #reactNative
Native and PWA: Choices, Not Challengers
A dig into the pros and cons of native apps versus progressive Web apps to help you arrive at an informed decision. - https://goo.gl/G7kpNN
#pwa
A dig into the pros and cons of native apps versus progressive Web apps to help you arrive at an informed decision. - https://goo.gl/G7kpNN
#pwa
Smashing Magazine
Native And PWA: Choices, Not Challengers!
Deciding to build a PWA or a native app should be based on the needs of the specific project, not hype. In this article, Aaron Gustafson walks you through the pros and cons of each approach to help you arrive at an informed decision.
Email Accessibility in Action
Rémi Parmentier shares four tips to improve email accessibility, illustrated with videos. - https://goo.gl/pL71H6
#css
Rémi Parmentier shares four tips to improve email accessibility, illustrated with videos. - https://goo.gl/pL71H6
#css
emails by HTeuMeuLeu
Email accessibility in action
Accessibility in emails is getting more and more press in the past few years, which is a good thing.
A GraphQL Primer
Part 1 of a mini series by Eric Baer. The aim of the series is not to just understand what GraphQL is, but give you an insight into the drawbacks and explain the basics of how to work with it. - https://goo.gl/NtgtF7
#graphQL
Part 1 of a mini series by Eric Baer. The aim of the series is not to just understand what GraphQL is, but give you an insight into the drawbacks and explain the basics of how to work with it. - https://goo.gl/NtgtF7
#graphQL
Smashing Magazine
A GraphQL Primer: Why We Need A New Kind Of API (Part 1)
Rather than exploring features first, it is helpful to put them into context and to understand how they came to exist. An introduction to GraphQL and lessons learned from the last 60 years of API development.
A Comprehensive Guide to Mobile App Design
Nick Babich shares practical recommendations that you can apply to your app design. - https://goo.gl/gbpvNS
#mobile #design
Nick Babich shares practical recommendations that you can apply to your app design. - https://goo.gl/gbpvNS
#mobile #design
Smashing Magazine
A Comprehensive Guide To Mobile App Design
(This article is kindly sponsored by Adobe.) There are many things to consider when designing for mobile. We're sure that this detailed guide will help you get rid of that headache when building apps.
Why Developers Love Node and What Issues They Have
Results of a survey of 539 Node developers covering why they love using Node, what they use it for, and what the biggest problems they encounter are. - https://goo.gl/U6m9ZJ
#nodejs #survey
Results of a survey of 539 Node developers covering why they love using Node, what they use it for, and what the biggest problems they encounter are. - https://goo.gl/U6m9ZJ
#nodejs #survey
RisingStack Engineering - Node.js Tutorials & Resources
Why Developers Love Node.js & what's their main issue with it? | @RisingStack
539 devs who use Node.js in production told us why they love using it, what are they using it for, and what are the greatest problems they face with it.
An Overview of JavaScript Testing in 2018
A thorough, opinionated guide to catching up with the key terms, tools, and approaches to testing with JavaScript in 2018. - https://goo.gl/Hh1smb
#javaScript #testing
A thorough, opinionated guide to catching up with the key terms, tools, and approaches to testing with JavaScript in 2018. - https://goo.gl/Hh1smb
#javaScript #testing
Medium
An Overview of JavaScript Testing in 2018
This guide is intended to catch you up with the most important reasoning, terms, tools, and approaches to JavaScript testing in 2018.
React Native Pros and Cons
This article takes a look at the advantages of React Native, why it’s so popular, and some potential drawbacks you might want to consider. - https://goo.gl/PPrSpM
#reactNative
This article takes a look at the advantages of React Native, why it’s so popular, and some potential drawbacks you might want to consider. - https://goo.gl/PPrSpM
#reactNative
Intertech Blog
React Native Pros and Cons
In this article, we’ll take a look at the advantages of React Native, why it’s so popular, and some potential drawbacks you might want to consider.
Developing Games with React, Redux, and SVG
A meaty first step in a series on creating a game built around the mechanic of React and Redux controlling SVG elements. - https://goo.gl/nUYcxc
#react
A meaty first step in a series on creating a game built around the mechanic of React and Redux controlling SVG elements. - https://goo.gl/nUYcxc
#react
Auth0 - Blog
Developing Games with React, Redux, and SVG - Part 1
Learn how to make React and Redux control a bunch of SVG elements to create a game.
Build a Download Button Full of Micro Interactions
Luis Manuel shows how to build a download button full of micro-interactions using CSS, SVG, and JavaScript. - https://goo.gl/nMnkgL
#css
Luis Manuel shows how to build a download button full of micro-interactions using CSS, SVG, and JavaScript. - https://goo.gl/nMnkgL
#css
Scotch
Build a Download Button Full of Micro Interactions
Learn how to build a download button full of micro interactions usign CSS, SVG, and Javascript.
Customizing Ionic Apps for Web and Mobile
Four areas to look at when your goal is to ship your Ionic app in multiple formats - https://goo.gl/FDDCBo
#ionic2
Four areas to look at when your goal is to ship your Ionic app in multiple formats - https://goo.gl/FDDCBo
#ionic2
The Official Ionic Blog
Customizing Ionic Apps for Web & Mobile
This is a guest post from Simon Grimm, speaker and educator at Ionic Academy. Simon writes about Ionic frequently on his blog Devdactic.
With the development of Ionic apps comes the promise that your code will run on various platforms and screen sizes once…
With the development of Ionic apps comes the promise that your code will run on various platforms and screen sizes once…
A Guide to Writing Dockerfiles for Node Webapps
A step-by-step guide to writing optimized Dockerfiles for Node apps to assist in both development and deployment. - https://goo.gl/XRujqz
#nodejs #docker
A step-by-step guide to writing optimized Dockerfiles for Node apps to assist in both development and deployment. - https://goo.gl/XRujqz
#nodejs #docker
Hasura
An Exhaustive Guide to Writing Dockerfiles for Node.js Web Apps
Step by step guide to writing highly optimized Dockerfiles for Node.js web app development and deployment.
Making SVG icon libraries for React apps
Nicolas Gallagher describes how to make a package of React components from a library of SVG icons. - https://goo.gl/GCksL5
#react #svg
Nicolas Gallagher describes how to make a package of React components from a library of SVG icons. - https://goo.gl/GCksL5
#react #svg
Nicolasgallagher
Making SVG icon libraries for React apps – Nicolas Gallagher
Writing and pictures about software, people, and nature.
CSS Grid Layout — Crossed Sections
Rafaela Ferro gives an introduction to CSS Grid and its potential with a practical example - https://goo.gl/rmG8j3
#css #grid
Rafaela Ferro gives an introduction to CSS Grid and its potential with a practical example - https://goo.gl/rmG8j3
#css #grid
Medium
CSS Grid layout — crossed sections
An introduction to CSS Grid and its potential with a practical example.
A Look at the State of Progressive Images and User Perception
We all want images to load fast: “Choosing the right image format, optimizing the quality and using responsive images are important tasks, but what can we do beyond that?” - https://goo.gl/cdsQgF
#frontEnd #images
We all want images to load fast: “Choosing the right image format, optimizing the quality and using responsive images are important tasks, but what can we do beyond that?” - https://goo.gl/cdsQgF
#frontEnd #images
Smashing Magazine
Taking A Look At The State Of Progressive Images And User Perception
We all want to load images fast on the web. Choosing the right image format, optimizing the quality and using responsive images are important tasks, but what can we do beyond that?
How to Model the Behavior of Redux Apps with Statecharts
“describing states & the events that transition from one state into another is a well studied concept” and statecharts provide a way to visually represent this. - https://goo.gl/L6B7hz
#react #redux
“describing states & the events that transition from one state into another is a well studied concept” and statecharts provide a way to visually represent this. - https://goo.gl/L6B7hz
#react #redux
freeCodeCamp
How to model the behavior of Redux apps using statecharts
Our app, whether we like it or not, will be in a particular state at any given point in time. As we code User Interfaces (UI), we describe…