recentpopularlog in

garrettc : javascript   616

« earlier  
Split
Materials and tools; client and server; declarative and imperative; inclusion and privilege.
css  culture  design  html  javascript  worldwideweb  creativity 
10 days ago by garrettc
Color accessibility: tools and resources to help you design inclusive products, by Stéphanie Walter - UX designer & Mobile Expert.
All the tools, tips and resources your need to build and check the color accessibility and color constrast of digital products!
webdevelopment  webdesign  css  javascript  userexperience  reference 
13 days ago by garrettc
Why loading third party scripts async is not good enough
Defer loading third party (async) scripts until after onload, for better, more meaningful page load time data.
javascript  performance  async  webdevelopment 
14 days ago by garrettc
Generating fantasy maps
"These are some notes on how I generate the maps for my Twitter bot @unchartedatlas, which is based on a generator I originally produced during NaNoGenMo 2015."
fantasy  generator  javascript  python  maps  fiction  landscape  terrain  inspiration  design 
27 days ago by garrettc
Oops, I did it again: A guide to debugging common JavaScript errors
"Writing JavaScript code can sometimes make us feel like running, hiding, or just being scared. But, with some debugging tips we can get in the zone and then dance until the world ends!"
javascript  programming  debugging  testing 
27 days ago by garrettc
Iodide - data science entirely in your browser.
Create, share, collaborate, and reproduce powerful reports and visualizations with tools you already know, such as Python, Javascript, Markdown, and CSS.
collaboration  data  tool  notebook  python  javascript  css  markdown  authoring 
5 weeks ago by garrettc
For vs forEach() vs for/in vs for/of in JavaScript
The differences between the four main ways of looping through an array. Useful.
javascript  programming  reference  loops 
8 weeks ago by garrettc
Building a modern carousel with CSS scroll snap, smooth scrolling, and pinch-zoom
"Recently I had some fun implementing an image carousel for Pinafore. The requirements were pretty simple: users should be able to swipe horizontally through up to 4 images, and also pinch-zoom to get a closer look."
webdevelopment  webdesign  css  javascript  carousels 
10 weeks ago by garrettc
Sheety - Turn your Google Sheet into an API
Turn any Google sheet into an API instantly, for free. Power websites, apps, or whatever you like, all from a spreadsheet. Changes to your spreadsheet update your API in realtime. Neat
api  google  development  programming  spreadsheet  javascript 
10 weeks ago by garrettc
Table Design Patterns On The Web
"Tables are a design pattern for displaying large amounts of data in rows and columns, and have not yet seemed to fall out of favor, so let’s take a look at how we can create tables on the web in 2019."
css  data  table  layout  webdesign  webdevelopment  markup  html  javascript 
11 weeks ago by garrettc
dad-jokes
Everybody loves dad jokes... right?
node  npm  javascript  jokes  funny  cli 
january 2019 by garrettc
Headless API CMS for both developers and marketers - Prismic
"Prismic helps developers and marketers/content managers to work on websites and apps together: 1) Developers can focus on code and never touch content 2) Content teams can change and create pages independently· Compatible with React, Angular, Node, Laravel, Rails, vanilla JS/PHP/Ruby"
javascript  api  cms  content  webdevelopment  headless 
january 2019 by garrettc
Kickstart Cheatsheets
A selection of printable, one-page development cheatsheets.
html  css  python  javascript  programming  webdevelopment  cheatsheet  learning  reference  es6 
january 2019 by garrettc
RunJS
A modern JavaScript playground, with Node and browser APIs and support for Babel and TypeScript. Write JavaScript and get instant feedback as you type.
javascript  editor  software  macos 
january 2019 by garrettc
STAMPing on event-stream
"The goal of a STAMP-based analysis is to determine why the events occurred… and to identify the changes that could prevent them and similar events in the future. 1 One of my big heroes is Nancy Leveson, who did a bunch of stuff like the Therac-25 investigation and debunking N-version programming. She studies what makes software unsafe and what we can do about that. More recently she’s advocated the “STAMP model” for understanding systems."
analysis  javascript  security  stamp  rootcauseanalysis 
january 2019 by garrettc
Consumer Driven Contract Testing with Pact
"In this article I’ll walk you through how we perform consumer driven contract testing in our Node.js microservices architecture with the Pact framework."
javascript  testing  contract  node  npm  pact 
december 2018 by garrettc
repl.it
"Powerful and simple online compiler, IDE, interpreter, and REPL. Code, compile, and run code in 30+ programming languages"
javascript  python  programming  code  ide 
december 2018 by garrettc
The Art of Mathematics: A Mandala Maker Tutorial
"Hagar Shilo breaks out the Christmas decorations with a tutorial to show how a little knowledge of JavaScript can lead to impressive results. Forget about the doilies and fake snow on the windows, all we need to create geometric patterns is a web browser and a sprinkling of mathematics."
javascript  art  generator  programming 
december 2018 by garrettc
An Extensive Guide To Progressive Web Applications
In this article, we’ll look at the pain points of users who are browsing old non-PWA websites and the promise of PWAs to make the web great. You’ll learn most of the important technologies that make for cool PWAs, like service workers, web push notifications and IndexedDB.
javascript  webdevelopment  progressiveenhancement  pwa  serviceworker 
december 2018 by garrettc
Vuex Explained Visually – Vue Mastery – Medium
Managing state in an application full of components can be difficult. Facebook discovered this the hard way and created the Flux pattern, which is what Vuex is based upon. Vuex is Vue’s own state management pattern and library.
IFTTT  Pocket  vuejs  vuex  state  webdevelopment  programming  javascript 
november 2018 by garrettc
Arbitrary Image Stylization in the Browser
"…an implementation of an arbitrary image stylization algorithm running purely in the browser using TensorFlow.js. As with all neural style transfer algorithms, a neural network attempts to "draw" one picture, the Content (usually a photograph), in the style of another, the Style (usually a painting)."
machinelearning  tensorflow  javascript 
november 2018 by garrettc
slick carousel
"Slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!"
css  jquery  javascript  clider  carousels 
november 2018 by garrettc
AVA
Asynchronous javascript test runner.
programming  webdevelopment  javascript  testing  async 
november 2018 by garrettc
Cypress: Write Automated Tests to Validate Web Applications
"In this tutorial, you will learn how to use Cypress to write automated tests that run on browsers to validate web applications. Although the article uses a React application to illustrate the topic, Cypress is agnostic when it comes to what technologies you are using in your web applications."
testing  javascript  webdevelopment 
november 2018 by garrettc
Braces to Pixels
In this installment of our “From URL to Interactive” series, Greg Whitworth explains how cascading actually works, and then some.
html  http  javascript  webdevelopment  network  browser  dom  css  parser 
november 2018 by garrettc
Tags to DOM
"Continuing our “From URL to Interactive” series, the second part dives into how HTML is parsed."
html  http  javascript  webdevelopment  network  browser  dom  css  parser 
november 2018 by garrettc
Server to Client
"Kicking off our “From URL to Interactive” series, we take a look under the hood to find out how our code makes it to the browser."
html  http  javascript  webdevelopment  network  browser 
november 2018 by garrettc
The “Developer Experience” Bait-and-Switch
"TL;DR: we cannot continue to use as much JavaScript as is now “normal” and expect the web to flourish. At the same time, most developers experience no constraint on their use of JS…until it’s too late. “JS neutral” and “TTI negative” tools are here, but we’re stuck in a rhetorical rut. We need to reset our conversation about “developer experience” to factor in the asymmetric cost of JS."
javascript  performance  progressiveenhancement  worldwideweb  rant 
october 2018 by garrettc
Coding with Clarity: Part II
Code suffers without clarity. Brandon Gregory illuminates some principles for organizing object-oriented code.
programming  bestpractice  javascript  principles 
september 2018 by garrettc
Choosing The Right JavaScript Arrow Function: A Guide
Most of you will be familiar with JavaScript’s fat arrow functions, also known as “chonky darts”. But if not, here’s a quick example: Note the terser syntax, with the omission of the function and…
javascript  programming 
september 2018 by garrettc
The British Airways Breach: How Magecart Claimed 380,000 Victims
RiskIQ data shows Magecart was behind the British Airways breach by compromising javascript on the airline's website with an extremely targeted attack.
security  javascript  britishairways  attack  hack  casestudy  analysis 
september 2018 by garrettc
Regex101 - online regex editor and debugger
Online regex tester, debugger with highlighting for PHP, PCRE, Python, Golang and JavaScript.
regex  tools  programming  javascript  python  testing 
august 2018 by garrettc
You Might Not Need jQuery
Examples of how to do common event, element, ajax and utility operations with plain javascript.
javascript  jquery  reference  programming  webdevelopment 
august 2018 by garrettc
ES6 for Everyone
A premium training course to strengthen your core JavaScript skills and master all that ES6 has to offer. 21 Modules and 77 Videos!
javascript  es6  learning  training  course  online  tutorial 
august 2018 by garrettc
Component Based Design System With Styled-System
Component-based design system is the practice of splitting the UI into small, isolated and more manageable parts; backed by a set of design constraints. It builds upon ideas such as Atomic Design, Style Guides and Component-Based Architecture.
IFTTT  Pocket  css  javascript  react  components 
august 2018 by garrettc
Little Big City
Miniature globes created from maps.
design  globe  animation  city  webgl  3D  visualisation  javascript 
august 2018 by garrettc
Pts.js
Pts is a javascript library for visualization and creative-coding.
javascript  animation  canvas  library  visualisation  data 
august 2018 by garrettc
Improving Your CSS with Parker
How to use Katie Fenn's excellent CSS tool Parker.
css  webdevelopment  performance  analysis  tool  nodejs  javascript 
july 2018 by garrettc
BackstopJS - Visual regression testing
"BackstopJS automates visual regression testing of your responsive web UI by comparing DOM screenshots over time."
css  javascript  html  webdevelopment  testing  chrome  headless  automation  regression  tool 
july 2018 by garrettc
Parker - Stylesheet analysis tool
Parker is a stylesheet analysis tool. It runs metrics on your stylesheets and will report on their complexity.
css  webdesign  webdevelopment  performance  tool  javascript  nodejs 
july 2018 by garrettc
A Human-Readable Interactive Representation of a Code Library
"A how-it-works-style research prototype for understanding a code library."
code  documentation  javascript  programming  visualisation 
july 2018 by garrettc
Interneting Is Hard
Friendly web development tutorials for complete beginners
html  css  learning  webdevelopment  javascript 
july 2018 by garrettc
Understanding Prototypes, Delegation & Composition
"How Javascript's prototypes work - building up functionality through inheritance - a better approach using composition, delegation and mixins."
javascript  programming  learning 
july 2018 by garrettc
JS Objects: Deconstruct"ion
"In a sense, JS is the purest essence of a "object-oriented (OO)" language, in that it really is all about objects."
javascript  learning  programming 
july 2018 by garrettc
Learning JavaScript Design Patterns
An open-source book on JavaScript Design Patterns
javascript  book  designpatterns  programming 
july 2018 by garrettc
Graph Maker · Plotly Online
"Create charts and graphs online with Excel, CSV, or SQL data. Make bar charts, histograms, box plots, scatter plots, line graphs, dot plots, and more."
data  visualisation  javascript  statistics  tools 
june 2018 by garrettc
RAWGraphs
Online data visualisation.
data  tool  visualisation  javascript 
june 2018 by garrettc
Large-scale WebGL-powered Geospatial Data Visualization Tool
Kepler.gl is a data agnostic, WebGL empowered, high-performance web application for geospatial analytic visualizations.
geo  gis  geodata  visualisation  maps  mapping  javascript  opensource 
june 2018 by garrettc
XMySQL
One command to generate REST APIs for any MySql Database.
nodejs  mysql  rest  restful  database  api  webdevelopment  javascript 
june 2018 by garrettc
Predator and Prey interactive notebook
A brilliant example of what's possible with an interactive text book
data  science  visualisation  interactive  javascript 
june 2018 by garrettc
Easing Functions Cheat Sheet
Make animations more realistic by picking the right easing function.
animation  reference  css  javascript  programming  userinterface 
june 2018 by garrettc
The Cult of the Complex
"ALA’s Zeldman bemoans our industry’s fetish for the needlessly complicated over the straightforward."
css  webdevelopment  simplicity  webdesign  javascript 
june 2018 by garrettc
Introducing Kit
Say hello to Kit, a set of tools for developing, documenting, and testing React components.
javascript  webdevelopment  reactjs  documentation  testing  toolkit 
may 2018 by garrettc
Javascript Algorithms
Algorithms and data structures implemented in JavaScript with explanations and links to further readings
javascript  programming  algorithm  learning  data  computing 
may 2018 by garrettc
Tymly
"Tymly offers a standards-based vocabulary capable of describing any digital service. This language enables teams to share, collaborate and publish common IT goals – helping improve interoperability and reduce duplication of effort. Even better, using modern open source technology, Tymly can turn these “blueprints” back into cutting-edge digital services!"
openapi  opendata  framework  gds  govuk  government  javascript  nodejs  npm  postgresql 
may 2018 by garrettc
5 Topics To Master Before Learning React
"a list of five topics that are very important to understand before trying to tackle React."
javascript  reactjs  programming  webdevelopment  es6 
may 2018 by garrettc
Free React Fundamentals Course
"In this course you'll learn essential concepts in the React library to help you build better front end applications. By the end of this course you’ll have a thorough understanding of Webpack, Babel, JSX, props, state, component architecture, events, refs, and the component life cycle."
javascript  reactjs  programming  webdevelopment  education  learning 
may 2018 by garrettc
Free JavaScript Fundamentals Course
"The material here will guide you through the basics of JavaScript. You'll learn how to store data in variables, write code that runs only if certain conditions are met, and write functions. By the end of the course, you'll be able to build simple games entirely in JavaScript!"
javascript  programming  learning  resource  education  webdevelopment 
may 2018 by garrettc
Page Transitions for Everyone
"If we take a look at how mobile apps are designed today, there is very often some sort of animated transition between states. Even ready-to-use native components have some kind of simple animation between states. Developers and designers realized that this little animation helps a user grasp what is happening in the app. It makes the navigation through the app easier and tells the user where they are going within the app."
javascript  css  webdesign  webdevelopment  animation  userexperience  userinterface 
may 2018 by garrettc
Service worker resources
"At the end of my new book, Going Offline, I have a little collection of resources relating to service workers. Here’s how I introduce them […] It always feels a little strange to publish a list of hyperlinks in a physical book, so I figured I’d republish them here for easy access"
serviceworker  javascript  resource  learning  webdevelopment  offlinefirst 
may 2018 by garrettc
Matomo Web & Mobile Analytics Software
Matomo is the only analytics platform that gives you full control over your data and more:

Free open-source software
100% data ownership
User privacy protection
User-centric insights
Customisable and extensible
Easy to use
No data limits
analytics  webdevelopment  javascript  programming  business  tracking 
may 2018 by garrettc
What percentage of browsers with javascript disabled?
"From Blockmetry’s direct measurements, 0.2% of pageviews from worldwide traffic across all devices in the fourth quarter 2016 had javascript disabled. Although apparently tiny, the aggregate figure hides a lot of interesting variation and regional patterns, with traffic from some countries having much higher JavaScript disabled rates."
javascript  accessibility  progressiveenhancement  research  webdevelopment 
may 2018 by garrettc
Rough.js
"A light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance."
javascript  canvas  drawing  svg  sketch  library  art  design 
may 2018 by garrettc
mermaid
"Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code? This is why mermaid was born, a simple markdown-like script language for generating charts from text via javascript."
javascript  diagram  markdown  data  visualisation 
may 2018 by garrettc
« earlier      
per page:    204080120160

Copy this bookmark:





to read