Storybook 3.0 Released: An IDE for React Components
Storybook is an interactive development and testing environment for React components. What you need to know about Storybook 3.0 tells the full story of the release. - https://goo.gl/wWYIUR
#react #storybook
Storybook is an interactive development and testing environment for React components. What you need to know about Storybook 3.0 tells the full story of the release. - https://goo.gl/wWYIUR
#react #storybook
Medium
Announcing Storybook 3.0
webpack2, create-react-native-app, snapshot testing++, & more!
The Hitchhiker’s Guide to D3.js
This guide is meant to prepare you mentally as well as give you some fruitful directions to pursue. There is a lot to learn besides the d3.js API, both technical knowledge around web standards like HTML, SVG, CSS and JavaScript as well as communication concepts and data visualization principles. - https://goo.gl/MPpLPm
#d3js #guide
This guide is meant to prepare you mentally as well as give you some fruitful directions to pursue. There is a lot to learn besides the d3.js API, both technical knowledge around web standards like HTML, SVG, CSS and JavaScript as well as communication concepts and data visualization principles. - https://goo.gl/MPpLPm
#d3js #guide
Medium
The Hitchhiker’s Guide to d3.js
The landscape for learning d3 is rich, vast and sometimes perilous. You may be intimidated by the long list of functions in d3’s API…
A Big List of Progressive Web App Tips & Tricks
Helpful tips, tricks and gotchas to help you when building your next Progressive Web App. - https://goo.gl/P5tRzX
#progressiveweb
Helpful tips, tricks and gotchas to help you when building your next Progressive Web App. - https://goo.gl/P5tRzX
#progressiveweb
Dean Hume's Blog
A BIG list of Progressive Web App tips & tricks
Lately I’ve been giving a lot of talks about Progressive Web Apps. Towards the end of the talks there is normally a Q & A section where the audience asks questions or proposes ideas. Often during these Q & A sessions, I get asked really useful questions that…
What WebAssembly Means for React
Lin Clark looks at what WebAssembly could mean for React’s performance, and how the new Fiber architecture plays into that. - https://goo.gl/YgIHgy
#react #webassembly
Lin Clark looks at what WebAssembly could mean for React’s performance, and how the new Fiber architecture plays into that. - https://goo.gl/YgIHgy
#react #webassembly
YouTube
What WebAssembly means for React - Lin Clark aka @linclark at @ReactEurope 2017
There’s a big push to improve React’s perceived performance. And WebAssembly is fast. Could WebAssembly be part of the solution? In this talk, code cartoonis...
6 weird tricks for insane chart performance
How do you like my clickbait title? While you are here, I want to share some tricks to handle larger datasets without locking the UI or slowing down your chart interaction...A lot can be done to optimize client-side rendering, and there’s a lot more we could discuss (caching, server-side rendering, aggregating, LOD, blitting, using shaders, using webcl, etc.). - https://goo.gl/O3wiZg
#d3js
How do you like my clickbait title? While you are here, I want to share some tricks to handle larger datasets without locking the UI or slowing down your chart interaction...A lot can be done to optimize client-side rendering, and there’s a lot more we could discuss (caching, server-side rendering, aggregating, LOD, blitting, using shaders, using webcl, etc.). - https://goo.gl/O3wiZg
#d3js
Medium
6 weird tricks for insane chart performance
How do you like my clickbait title? While you are here, I want to share some tricks to handle larger datasets without locking the UI or…
Form Validation in a NativeScript Angular Mobile Application
Nic Raboy demonstrates how to add form validation and feedback into a cross-platform mobile app built with NativeScript and Angular. - https://goo.gl/hgQCZQ
#mobile #nativescript #angular2 #form #validation
Nic Raboy demonstrates how to add form validation and feedback into a cross-platform mobile app built with NativeScript and Angular. - https://goo.gl/hgQCZQ
#mobile #nativescript #angular2 #form #validation
Telerik Developer Network
Form Validation in a NativeScript Angular Mobile Application
Nic Raboy demonstrates how to add form validation and feedback into a cross-platform mobile app built with NativeScript and Angular.
Designing Efficient Web Forms: Structure, Inputs, Labels & Actions
Users can be reluctant to fill out forms, so make the process as easy as possible. Usability testing can help you find out how usable a particular form really is. - https://goo.gl/LOR1Dn
#design #forms
Users can be reluctant to fill out forms, so make the process as easy as possible. Usability testing can help you find out how usable a particular form really is. - https://goo.gl/LOR1Dn
#design #forms
Smashing Magazine
Designing Efficient Web Forms: On Structure, Inputs, Labels And Actions – Smashing Magazine
Users can be reluctant to fill out web forms, so make the process as easy as possible. Usability testing can help us find out how usable a particular form really is.
How to create pure react SVG maps with topojson and d3-geo
Since d3 has been split into smaller components in v4, pairing it with react has become more streamlined. Making declarative SVG maps with react, topojson, and d3-geo has never been easier...This article will show you how to create pure react SVG maps with topojson-client and d3-geo. The techniques outlined here will help you make your own reusable SVG mapping components... - https://goo.gl/4VFWz4
#d3js #react #map
Since d3 has been split into smaller components in v4, pairing it with react has become more streamlined. Making declarative SVG maps with react, topojson, and d3-geo has never been easier...This article will show you how to create pure react SVG maps with topojson-client and d3-geo. The techniques outlined here will help you make your own reusable SVG mapping components... - https://goo.gl/4VFWz4
#d3js #react #map
Medium
How to create pure react SVG maps with topojson and d3-geo
Since d3 has been split into smaller components in v4, pairing it with react has become more streamlined. Making declarative SVG maps with…
How Easy Is It to Create A Plugin for NativeScript?
A quick guide to building a simple UI plugin with NativeScript. - https://goo.gl/Qh965Q
#mobile #naticescript
A quick guide to building a simple UI plugin with NativeScript. - https://goo.gl/Qh965Q
#mobile #naticescript
Medium
How easy is it to create a plugin for NativeScript?
There is a growing number of plugins available for NativeScript that are developed by the community, and the reason for this is not only…
Leveraging the Web Perf Metrics That Affect User Experience
A 40-min talk looking at the metrics and platform APIs that enable user-centric performance measurement and how devs can use this data to improve end-user experiences. - https://goo.gl/BQJUK7
#gogleio
A 40-min talk looking at the metrics and platform APIs that enable user-centric performance measurement and how devs can use this data to improve end-user experiences. - https://goo.gl/BQJUK7
#gogleio
YouTube
Web Performance: Leveraging the Metrics that Most Affect User Experience (Google I/O '17)
Performance is crucial for user engagement, especially on mobile web. Yet users are regularly bogged down by slow page loads, delayed interactivity after page load, high input latency on critical interactions (tap, click, scroll etc), and janky animations…
Managing microservices with the Istio service mesh
With the adoption of microservices, new problems emerge due to the sheer number of services. Problems that had to be solved once for a monolith, like security, load balancing, monitoring, and rate limiting need to be handled for each service. - https://goo.gl/JWK4n3
#microservice
With the adoption of microservices, new problems emerge due to the sheer number of services. Problems that had to be solved once for a monolith, like security, load balancing, monitoring, and rate limiting need to be handled for each service. - https://goo.gl/JWK4n3
#microservice
blog.kubernetes.io
Managing microservices with the Istio service mesh
The official Kubernetes blog.
Fun with Viewport Units
Viewport units (e.g. vw, vh, vmin, vmax) have been around for a while, and are well supported. Here’s a look at various uses for them. - https://goo.gl/dxXUTh
#css #viewportUnits
Viewport units (e.g. vw, vh, vmin, vmax) have been around for a while, and are well supported. Here’s a look at various uses for them. - https://goo.gl/dxXUTh
#css #viewportUnits
CSS-Tricks
Fun with Viewport Units | CSS-Tricks
Viewport units have been around for several years now, with near-perfect support in the major browsers, but I keep finding new and exciting ways to use
Storing Data Locally in a PhoneGap App with SQLite
How to store data locally in a PhoneGap app with SQLite. - https://goo.gl/4b5Jzw
#mobile #phonegap
How to store data locally in a PhoneGap app with SQLite. - https://goo.gl/4b5Jzw
#mobile #phonegap
Makitweb
Storing Data Locally in a PhoneGap App with SQLite
For local data storage use SQLite database which is already embedded on the mobile platforms - Android, IOS, Windows, Blackberry, etc.
iD3 - an IDE dedicated for development in D3.js
iD3 is an open-source, cross-platform desktop application geared to simplify data visualization with D3 for non-JavaScript and JavaScript data scientists and analysts. With our integrated Python based data management system and custom generated attribute controls, iD3 supports the full process from importing your data to exporting your final presentation.. - https://goo.gl/wQy7nE
#d3js
iD3 is an open-source, cross-platform desktop application geared to simplify data visualization with D3 for non-JavaScript and JavaScript data scientists and analysts. With our integrated Python based data management system and custom generated attribute controls, iD3 supports the full process from importing your data to exporting your final presentation.. - https://goo.gl/wQy7nE
#d3js
GitHub
C-JSN/D3-ID3
D3-ID3 - iD3: an Integrated Development Environment for D3.js
Animate Components: Elemental Components for Animations
Component based animation with a minimal API. The aim is ease of use. - https://goo.gl/1TTTmM
#react #animation #components
Component based animation with a minimal API. The aim is ease of use. - https://goo.gl/1TTTmM
#react #animation #components
GitHub
nitin42/animate-components
✨ Elemental components for doing animations in React - nitin42/animate-components
Node.fz: Fuzzing The Server-Side Event-Driven Architecture - https://goo.gl/sZVuHL
2017 is becoming the year of Container Security
Security is always of great importance, but that doesn’t mean it gets the marketing and media attention it deserves. Interestingly, however, I think, Docker and the rise of mass-scale containerisation outside of Silicon Valley is putting security front and centre. - https://goo.gl/31sht5
#microservice #docker
Security is always of great importance, but that doesn’t mean it gets the marketing and media attention it deserves. Interestingly, however, I think, Docker and the rise of mass-scale containerisation outside of Silicon Valley is putting security front and centre. - https://goo.gl/31sht5
#microservice #docker
Medium
2017 is becoming the year of Container Security
Security is becoming an important — if not the most important — feature of containerization in 2017. Not just for companies like Docker…
How CSS's New minmax() Function Works
Introduced with the CSS Grid Layout Spec, the minmax() function “opens the door to us being able to write much more powerful and succinct CSS”. - https://goo.gl/28owTW
#css
Introduced with the CSS Grid Layout Spec, the minmax() function “opens the door to us being able to write much more powerful and succinct CSS”. - https://goo.gl/28owTW
#css
bitsofcode
How the minmax() Function Works
One incredibly useful new feature introduced with the CSS Grid Layout Specification is the minmax() function. This function opens the door to us being able to write much more powerful and succinct CSS by allowing us to set, as a value for a grid track, a…