Raindrops on roses, whiskers on kittens, declarative web APIs and truly serverless web endpoints
"This article introduces some cool things I have been playing with recently that have excited me. The thread which ties them together is getting communities of sites to work together across domains, but powered by the front end."
indieweb  indieauth  api  webdevelopment  webcomponents 
2 hours ago
Zeroing the desk
" I'm writing this piece after delivering the final, definitely final, absolutely final iteration of a new project for a client over the weekend. The temptation now is to immediately jump fully into one of the other projects I have on, firing up Sublime and jamming away on the code until I beat it into a form that I may find acceptable.

Yet I don’t do that.

Instead I take a moment — usually a day — and zero the desk "
productivity  bestpractice 
5 hours ago
Jackie Chan: Master of Silent Comedy | Video Essay - YouTube
Why Jackie Chan should be considered the fourth great silent comedian. Turn on captions to view the name of each movie clip shown. 🎵 MUSIC 🎵 Space - "Magic Fly" (a version of this song appears in Snake in the Eagle's Shadow (1978, dir. Yuen Woo-ping), but I took this song from the album Magic Fly) Robert Israel - "Convict 13" (from the Kino Lorber Blu-ray Buster Keaton Short Films Collection 1920-1923) 🎥 FILM CLIPS 🎥 Armour of God (1986, dir. Jackie Chan & Eric Tsang) Ask Father (1919, dir. Hal Roach) Convict 13 (1920, dir. Buster Keaton & Edward F. Cline) Cops (1922, dir. Buster Keaton & Edward F. Cline) A Dog’s Life (1918, dir. Charlie Chaplin) Fearless Hyena (1979, dir. Jackie Chan & Kenneth Tsang) The General (1926, dir. Buster Keaton) The Goat (1921, dir. Buster Keaton & Malcolm St. Clair) The Gold Rush (1925, dir. Charlie Chaplin) Hard Luck (1921, dir. Buster Keaton & Edward F. Cline) The High Sign (1921, dir. Buster Keaton & Edward F. Cline) Modern Times (1936, dir. Charlie Chaplin) The Navigator (1924, dir. Buster Keaton & Donald Crisp) Interview with Jackie Chan (2014, Fergus Hay http://www.ogilvy.com/topics/topics-storytelling/jackie-chan-2) One Week (1920, dir. Buster Keaton & Edward F. Cline) Police Story (1985, dir. Jackie Chan) Police Story 2 (1988, dir. Jackie Chan) Police Story 4: First Strike (1996, dir. Stanley Tong) Project A (1983, dir. Jackie Chan) Project A 2 (1987, dir. Jackie Chan) Rumble in the Bronx (1995, dir. Stanley Tong) Rush Hour (1998, dir. Brett Ratner) Safety Last! (1923, dir. Fred C. Newmeyer & Sam Taylor) The Scarecrow (1920, dir. Buster Keaton & Edward F. Cline) Sherlock Jr. (1924, dir. Buster Keaton) Snake in the Eagle’s Shadow (1978, dir. Yuen Woo-ping) Speedy (1928, dir. Ted Wilde) Steamboat Bill Jr. (1928, dir. Buster Keaton & Charles Reisner) Three Ages (1923, dir. Buster Keaton & Edward F. Cline) Who Am I (1998, dir. Jackie Chan & Benny Chan) The Young Master (1980, dir. Jackie Chan)
IFTTT  YouTube  video 
16 hours ago
Deploy code faster: with CI/CD and Kubernetes
Great introductory comic, with only a little bit of marketing
cartoon  comic  explanation  google  kubernetes  devops  deployment  marketing 
22 hours ago
Automating Your Accessibility Tests
Seren Davies reminds us that unlike Christmas, accessibility testing should not come but once a year with a look at how to apply automated testing. By configuring tests to run against each commit, you can ensure that your site’s accessibility compliance need not be left to chance.
accessibility  userexperience  testing  webdevelopment 
"SkyVector is a free online flight planner. Flight planning is easy on our large collection of Aeronautical Charts, including Sectional Charts, Approach Plates, IFR Enroute Charts, and Helicopter route charts."
aviation  chart  flight  planning 
a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.
javascript  processing  programming  visualisation 
Home Office design posters
Home Office Digital repository of posters covering different topics - research, access needs, accessibility, design.
govuk  government  accessibility  research  posters  resource  education  userexperience 
Seeing Spaces
Bret Victor's 2014 talk and comic explaining the idea of a "seeing space," like a workshop or maker space, but for enabling understanding instead of building.
architecture  design  inspiration  designthinking  visualisation 
Origami Resource Center
Over 500 free diagrams. Includes: history of origami, Sadako's story, benefits of origami, book reviews, model databases, professional artists, books, and merchandise.
origami  art  craft  design 
2 days ago
Teach the CLI to Talk Back
Anna Debenham sets out to humanise our interactions with the command line to put more of the user into the user interface. Like an injured hedgehog in the winter snow, sometimes we can all benefit from interacting with a human.
cli  nodejs  npm  javascript 
2 days ago
Dynamicland, seeing spaces, and design studio
Seeing the Dynamicland tweets, I had to revisit Bret Victor’s “Seeing Spaces”, feeling I had missed a central idea.
augmentedreality  virtualreality  society  maker  programming  visualisation  designthinking  learning  education 
2 days ago
The lines are all the same shape | MetaFilter
A New Optical Illusion Was Just Discovered, And It's Breaking Our Brains - "Researcher Kohske Takahashi calls it the 'curvature blindness illusion' and it's very trippy."
IFTTT  metafilter  post 
2 days ago
Airbnb Debuts A Toolkit For Inclusive Design
Working with media startup News Deeply, Airbnb has created questions for designers to ask themselves if they want to check their biases.
society  equality  designthinking  airbnb 
7 days ago
Storyframes before wireframes
"Browsing a well-crafted interface is like reading a great story. As designers, why are we not incorporating screenwriting techniques more often into our process?"
storytelling  webdesign  designthinking  wireframes  writing  copywriting 
7 days ago
Aspire to Ever-Fatter Markers
A design career is a progression from thin markers to fat markers.
career  creativity  designthinking  metaphor 
7 days ago
UX trends for 2018
UX trends for 2018, including artificial intelligence, chatbots, design tools, process and other topics designers are writing and thinking about.
design  userexperience  usercentereddesign  designthinking  trends  2018 
7 days ago
Information Architecture for Everybody. Based on a book by Information Architect, Abby Covert.
book  informationarchitecture  designthinking 
7 days ago
Surveillance has never been more affordable | MetaFilter
Gizmodo: Don't buy anyone an Echo

A light switch also doesn't keep track of everything you're doing and send the data to Amazon or Google or Apple. What happens between you and the switch stays with you and the switch.
IFTTT  metafilter  post 
7 days ago
The Egg
An Andy Weir short story.
fiction  philosophy  story  religion  scifi 
7 days ago
Thomas Train Stunts - YouTube
Thomas the Tank Engine goes pro skater and pulls off some sick jumps with his train friends. Filmed with an iPhone SE at 120 frames per second. Music "EINAG" by Mewnlight Rose https://soundcloud.com/mewnlight-rose/msndrstd PLAYLISTS Marble Runs: https://youtu.be/IPMvlHVNR7g?list=PL602556C428E88B6D Lego Roller Coasters: https://youtu.be/cDkfYYX_ORg?list=PL7E53D939DC0CB341 Knex Roller Coasters: https://youtu.be/eiZf32G4A3c?list=PLD3F47DEACC71D322 Stop Motion Animations: https://youtu.be/gLnDkw1Z1YI?list=PLD5_2v4-fG-1R6Sw2T6C-8y0v-qpzBJo0 Hot Wheels: https://youtu.be/GVKhyoQeOu8?list=PLD5_2v4-fG-0OwscxbJQ8-n9HF7BM-ntR SOCIAL MEDIA Website: http://5madmoviemakers.com Facebook: http://www.facebook.com/5madmoviemakers Twitter: http://twitter.com/5madmoviemakers Our Channel: http://youtube.com/5madmoviemakers Any "Thomas and the Magic Railroad" fans out there? 2017 - 5 Mad Movie Makers
IFTTT  YouTube  video 
8 days ago
Blameless PostMortems and a Just Culture
"We don’t take this traditional view at Etsy. We instead want to view mistakes, errors, slips, lapses, etc. with a perspective of learning. Having blameless Post-Mortems on outages and accidents are part of that."
culture  devops  business  education  learning  development  work 
8 days ago
Splunk - data monitoring and aggregation
"Splunk Inc. turns machine data into answers with the leading platform to tackle the toughest IT, IoT and security challenges. Use Splunk to search, monitor, analyze and visualize machine data."
analytics  data  datamining  logging  monitoring  devops  sysadmin 
8 days ago
Free-market software development
"Enabled by thousands of software-as-a-service providers, internal teams are evermore competing against external markets for their colleague's business.

Here's some notes after a few years in working in this environment."
economy  management  business  technology  bestpractice  software  opensource  saas 
8 days ago
Buy a Feature
"Which feature will entice customers to purchase your product? Which feature will cause customers to upgrade? Which feature will make customers so happy that they’ll ignore or tolerate the features that they wish you would fix or remove?"
agile  productdevelopment  productdesign  business  workshop 
8 days ago
What is money, anyway? | MetaFilter
How bitcoins became worth $10,000 $11,317
Bitcoin Is a Delusion That Could Conquer the World

You Don't Understand Bitcoin Because You Think Money Is Real
IFTTT  metafilter  post 
8 days ago
Hello, we’re Juno. Solicitors who take the stress out of moving home.
house  legal  uk  conveyancing  buying  selling  online  solicitor  lawyer 
8 days ago
Aides in development across the entire API lifecycle, from design and documentation, to test and deployment.
api  development  documentation  openapi  restful 
8 days ago
The Beginner's Guide to ReactJS - Course by @kentcdodds
This course is for React newbies and those looking to get a better understanding of React fundamentals. With a focus on React fundamentals, you'll come out of this course knowing what problems React can solve for you and how it goes about solving those problems. You will have a good grasp on what JSX is and how it translates to regular JavaScript function calls and objects. Each lesson in this course is just a single index.html file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work. The course wraps up with a lesson on how to move from these index.html files to a more production ready development environment and even how to deploy your app to a great service like Netlify. Enjoy!
javascript  reactjs  programming  webdevelopment  learning  education 
8 days ago
How to set up world-class continuous deployment using free hosted tools
I’m going to describe a way to put together a world-class continuous deployment infrastructure for your side-project without spending any money.
devops  github  hosting  continuousdeployment  sysadmin  infrastructure  travisci  heroku  slack 
9 days ago
Web Content Accessibility Guidelines—for People Who Haven't Read Them
Alan Dalton takes a detailed look at WCAG on this UN International Day of Persons with Disabilities.
accessibility  webdesign  webdevelopment  wcag  equality 
9 days ago
Jobs-to-Be-Done in Your UX Toolbox
Steph Troeth rallies the workshop elves around an idea for revolutionising their worksheets and giving them a new way to think about approaching each job. One thing’s for certain, as Christmas approaches there’s always plenty of jobs to be done.
jobstobedone  userexperience  designthinking 
9 days ago
Flag it and Move On | MetaFilter
Vexillology is the study of flags. There are five simple rules. There is also an incredibly entertaining TED Talk which highlights some egregious rule-breakers.
IFTTT  metafilter  post 
10 days ago
A small command-line python script that creates a local backup of your Flickr data. It mirrors images, titles, description, tags, albums and collections.
flickr  python  backup  software  photography  tool  from twitter_favs
11 days ago
Webinar Recap: Scaling UX Teams at Atlassian
A quick peek into Atlassian's journey from 6 to nearly 200 designers in 5 years.
userexperience  designthinking  business  webdevelopment  webdesign  atlassian 
12 days ago
privacy not included
This holiday season, learn which gadgets come with privacy included, using Mozilla’s buyer’s guide for connected gifts.
guide  internetofthings  gadgets  security  privacy  mozilla  shopping 
12 days ago
Animation basics: The art of timing and spacing - TED-Ed - YouTube
View full lesson: http://ed.ted.com/lessons/animation-basics-the-art-of-timing-and-spacing-ted-ed Expert timing and spacing is what separates a slide show from a truly amazing animation. TED-Ed demonstrates, by manipulating various bouncing balls, how the smallest adjustments from frame to frame can make all the difference. Lesson and animation by TED-Ed.
IFTTT  YouTube  video 
12 days ago
So, You’d Like to Buy Your Loved One a Book?
Follow the arrows to discover the best reading to give as a gift this season.
books  advice  presents 
12 days ago
As We May Link
The history of hypertext reaches as far back as the history of storytelling. Its future, in turn, is characterized by the power of building connections across an ever-expanding body of knowledge.
html  worldwideweb  hypertext  technology  history  society  knowledge 
12 days ago
How to Fix the Refresh Button When Using Service Workers
"In a previous article, I explained how and why Service Workers break the browser’s Refresh button by default. Getting this right requires an intimate understanding of the Service Worker lifecycle, the Caches API, the Registration API, and the Clients API. By the time you’ve plowed through this article, you’ll know pretty much everything you need to know about the Service Worker API."
progressivewebapps  serviceworker  javascript  webdevelopment  performance 
13 days ago
Service Workers Break the Browser’s Refresh Button by Default; Here’s Why
Service Workers are like apps. You can’t safely upgrade an app while it’s still running.
progressivewebapps  serviceworker  javascript  webdevelopment  performance 
13 days ago
Every single Machine Learning course on the internet, ranked by your reviews
"For this guide, I spent a dozen hours trying to identify every online machine learning course offered as of May 2017, extracting key bits of information from their syllabi and reviews, and compiling their ratings. My end goal was to identify the three best courses available and present them to you, below."
mooc  online  learning  education  machinelearning  datascience 
14 days ago
Class Central
Freeonline courses and MOOCs from top universities and companies, as well as research and surveys.
courses  education  learning  mooc  online  research  survey  data 
14 days ago
The educational technology revolution is over. | MetaFilter
Laptops are great. But not during a lecture or meeting. In a series of experiments at Princeton University and the University of California, Los Angeles, students were randomly assigned either laptops or pen and paper for note-taking at a lecture. Those who had used laptops had substantially worse understanding of the lecture, as measured by a standardized test, than those who did not.
IFTTT  metafilter  post 
14 days ago
Chrome Summit: New Bar for Web Experiences
"At the Chrome Dev Summit in San Francisco, Thao Tran and Chris Wilson discussed the user experience benefits made possible by new Web technologies with a number of case studies. Here's my notes from their talk: The new bar for web experiences"
progressivewebapps  performance  mobileweb  webdevelopment  conference  report 
14 days ago
CSS Grid Starter Layouts
This is a collection of starter templates for layouts and patterns using CSS Grid. The idea here is to show off what the technique is capable of doing and provide a starting point that can be re-purposed for other projects.
css  grid  layout  webdesign  webdevelopment 
15 days ago
AfroArt Series
"We started this project to showcase the beauty and versatility of afro hair. We traveled to various states in the US to photograph this series featuring unique natural hairstyles – each shoot with a different theme.

We feel that it is so important for kids of color to be able to see positive images that look like them in the media."
photography  fashion  hair  design  inspiration  cool  art  afro  african 
15 days ago
A randomly generated endless city built with WebGL.
programming  webgl  demo  javascript  threejs  3d 
15 days ago
Tom.bio ID Framework
"The Tom.bio ID Visualisation Framework is a set of tools for creating and publishing interactive web-based Identification Resources, including multi-access keys. These ID resources are driven by spreadsheets containing taxonomic knowledge (knowledge-bases). If you can use Excel - or any other spreadsheet - and you have taxonomic knowledge of a group of animals or plants, you can create ID resources."
taxonomy  classification  tool  javascript  webdevelopment  science 
15 days ago
The Kindle wink
If you own one of Amazon’s e-readers, there’s a good chance you’ve accessed the “Manage Your Kindle” page at some point. Do you notice anything strange about that URL?
amazon  books  culture  kindle  scifi 
16 days ago
Tips for Hosting a Hassle-Free Dinner
What's for dinner? As we head into the festive season, more of us are likely to be hosting gatherings. Here are a few tips to help you along the way...
food  cooking  friends  party  tips 
16 days ago
How To Customize Firefox +57 User Interface – FOSS Post
The new Firefox Quantum browser from Mozilla brought tons of new features and updates. It is now faster, lighter and more organized than ever it was before. However, with the new Firefox Quantum technologies which detached the older APIs used for complete themes and other add-ons, users were having a hard time customizing the browser’s …
webdevelopment  webdesign  userexperience  browser  firefox  quantum  css 
16 days ago
Instant Pot Barbecue Ribs - Mommy's Home Cooking
These Instant Pot Barbecue Ribs are sticky, saucy, savory, sweet, and so tender. Fall-off-the-bone tender. They are done in 30 min, with just 5 ingredients.
cooking  instantpot  pressurecooker  ribs  pork 
19 days ago
State of the Internet
Akamai publishes the quarterly 'State of the Internet' report. See the data gathered, including cyber attacks, connection speeds, mobile usage & more.
security  internet  connectivity  research  statistics  data  report 
20 days ago
The Icicle Atlas
Contains more than 230,000 images of icicles (plus 3D models, time lapse movies and time-series data) on 237 icicles made at the University of Toronto over a five year period.
data  science  water  ice  icicles  canada  toronto  research 
20 days ago
Aspect Ratios for Grid Items
Multiple ways to lock aspect ratios in Grid layouts.
css  grid  layout  webdesign  webdevelopment 
20 days ago
plainJS - The Vanilla JavaScript Repository
Vanilla JavaScript for writing powerful web applications without jQuery.
javascript  reference  webdevelopment 
21 days ago
Running in Circles
"Agile started off as a set of values. Values are subtle and abstract, so as agile spread, what spread wasn’t the values but the practice of working in cycles. Cycles are easy to explain and easy to copy.

People in our industry think they stopped doing waterfall and switched to agile. In reality they just switched to high-frequency waterfall."
agile  development  webdevelopment  appdevelopment  projectmanagement  business  process 
21 days ago
An Introduction to Scrollama.js
The what, why, and how to use scrollama.js for your next scrollytelling story.
javascript  webdesign  webdevelopment  storytelling  scrolling  scrollytelling  userinterface  interactive 
21 days ago
« earlier      
a11y accessibility advertising advice agile ajax analysis analytics animation api appdevelopment apple application architecture art article ask_metafilter_posts astronomy audio bestpractice blog book books branding browser business camera cinema cms code collaboration colour comment communication community computer content contentstrategy cooking cool copywriting creativity css css3 culture data database deployment design designsystems designthinking development devops digital diy documentation drupal drupal8 ecommerce education email equality film flickr font food forms framework free fun funny future gallery game geek geodata geography git google government graphics grid guide guidelines history home howto html html5 http humour ideas ifttt images information informationarchitecture inspiration interaction interesting interface internet ios iphone javascript jquery language layout learning library linux list mac management mapping maps marketing markup maths media medium metafilter mobile mobileweb movies music network nodejs opensource osx pamoja patternlibrary patterns performance photo photography php politics post presentation process productivity programming progressiveenhancement projectmanagement psychology python reading recipe reference research resource responsivedesign rest restful review science scifi search security shopping slack social socialmedia socialnetworking socialsoftware society software space statistics strategy styleguide sysadmin tagging technique technology testing tips tobuy tool tools travel tricks tutorial twitter typography uk usability useful userexperience userinterface usertesting versioncontrol video vimeo visualisation wdcs wdcsintranet web webdesign webdevelopment webstandards worldwideweb writing xhtml youtube

Copy this bookmark: