How Dropbox handles downgrades
Nice deep dive on the user journey when you want to downgrade your dropbox account
dropbox  userexperience  userjourney  webdesign 
2 days ago
How we approached service mapping
"We realised that one of the most important stages of building step by step navigation is mapping a user’s journey through a service. This enables us to understand the journey in as much detail as possible, including the different routes a user can take. It allows us to identify the parts of the journey the step by step navigation should cover and the content we should include."
gds  govuk  servicedesign  workshop  webdesign  userexperience 
2 days ago
Preparing for Malicious Uses of AI
"We've co-authored a paper that forecasts how malicious actors could misuse AI technology, and potential ways we can prevent and mitigate these threats."
future  security  artificialintelligence  machinelearning  threat 
2 days ago
OWASP Automated Threat Handbook
OWASP Automated Threat Handbook -- provides actionable information and resources to help defend against automated threats to web applications.
security  webapp  webdevelopment  owasp  pdf 
2 days ago
Machines for Living In: Le Cobusier’s Pivotal “Five Points of Architecture”
"Le Corbusier was a painter, writer, architect and planner, but he was also an adept promoter of novel designs and theories. So when he debuted his Maison Dom-Ino concept home, it boasted a light and elegant form, but was also cleverly named — its title referenced the look and modularity of gaming “dominoes” (with dots extruded to form columns) as well as “domus,” the Latin word for house."
design  designthinking  architecture  history  inspiration 
2 days ago
The blue marble - YouTube
After 3 months of work and probably more than 500 fails, I'm happy to present you my best video ever. Since magnets and marbles I've always wanted to make a big chain reaction in one take with this 2D style ! It's also a "one marble path" which means you have to follow the same marble for all the tricks (in that case the little blue one.) Because everything is in a tilted plane, the hard part was to find different ways of having the marble riding up along the table (magnets, falling weight, catapult ...). To do that, the marble has to be light. And because everything has to be triggered by this little marble, all the tricks are very unstable. Most fails happened when an element fall down earlier than expected. I learned a lot about chain reaction, and I discovered the amazing power of the hot glue gun !
IFTTT  YouTube  video 
2 days ago
Marker.io – Screen capture software for product teams
Report visual bugs, ideas & tasks, directly into existing issue tracking tools like Trello, Jira, GitHub, Asana, and more.
debugging  feedback  testing  chrome  slack  tool  productivity 
2 days ago
Paste - collaborative presentations
"Fast, collaborative presentations for creative teams. Share your work in realtime and collaborate with reactions, comments, and Slack integration. Embed files, links, and docs for strategy decks, design handoffs, brainstorms, research gathering. Integrates with Giphy, Figma, Dropbox, Google Docs, and more."
collaboration  design  presentation  creativity  slack  app  brainstorming 
2 days ago
Everything you need to know about CSS Variables
"In this guide, I’ll show you how variables work natively in CSS, and how you can use them to make your life a lot easier."
css  webdesign  webdevelopment 
2 days ago
CSS Grid for UI Layouts
"CSS Grid is a great layout tool for content-driven websites that include long passages of text, and it has tremendous value for a variety of traditional UI layouts as well. In this article I’ll show you how to use CSS Grid to improve application layouts that need to respond and adapt to user interactions and changing conditions, and always have your panels scroll properly."
css  grid  layout  userinterface  webdesign  webdevelopment  appdesign 
2 days ago
Optical illusions on the Web
An article series discussing different optical illusions & mechanical toys, and how to recreate them on the Web
illusion  opticalillusion  science  perception  css  designthinking  webdesign 
2 days ago
The Web's Timeline
Over the last 25 years, the web has grown from a simple idea to the most important technological breakthrough of our time.
internet  timeline  worldwideweb  history 
2 days ago
What Makes Celeste's Assist Mode Special | Game Maker's Toolkit - YouTube
Developer intention can often come at the expense of accessibility and player preference. In this video, I look at some recent games that have found a middle ground. Disclosure: Celeste Switch code was provided by the game's developer Support Game Maker's Toolkit on Patreon - https://www.patreon.com/GameMakersToolkit Sources Let’s Talk About the Corpse in the Room | Darkest Dungeon http://www.darkestdungeon.com/lets-talk-about-the-corpse-in-the-room/ Heat Signature’s Fair Points Update | Pentadact https://www.pentadact.com/2017-11-22-heat-signatures-fair-points-update-reacting-to-good-reviews/ Frictional on designing SOMA's new monster-free Safe Mode | PC Gamer https://www.pcgamer.com/frictional-on-designing-somas-new-monster-free-safe-mode/ Why The Very Hard 'Celeste' is Perfectly Fine With You Breaking Its Rules | Waypoint https://waypoint.vice.com/en_us/article/d3w887/celeste-difficulty-assist-mode Games shown in this episode (in order of appearance) Dark Souls (From Software, 2011) Dead Rising (Capcom, 2006) Far Cry 2 (Ubisoft Montreal, 2008) The Swindle (Size Five Games, 2015) Dishonored 2 (Arkane Studios, 2016) Hellblade: Senua's Sacrifice (Ninja Theory, 2017) Uncharted 4: A Thief's End (Naughty Dog, 2016) LA Noire (Team Bondi, 2011) Rayman Origins (Ubisoft Montpellier, 2011) Horizon Zero Dawn (Guerrilla Games, 2017) Super Meat Boy (Team Meat, 2010) Darkest Dungeon (Red Hook Studios, 2016) Celeste (Matt Makes Games, 2018) Tony Hawk's Pro Skater 3 (Neversoft, 2001) Duke Nukem 3D (3D Realms, 1996) Shadow Warrior (3D Realms, 1997) XCOM 2 (Firaxis, 2016) Soma (Frictional Games, 2015) The Binding of Isaac: Rebirth (Nicalis / Edmund McMillen, 2014) Metroid (Nintendo, 1986) Heat Signature (Suspicious Developments, 2017) Subnautica (Unknown Worlds Entertainment, 2018) Fire Emblem Awakening (Intelligent Systems, 2012) BUTCHER (Transhuman Design, 2016) Cuphead (Studio MDHR, 2017) Wolfenstein: The New Order (MachineGames, 2014) Super Mario Odyssey (Nintendo, 2017) Invisible, Inc. (Klei Entertainment, 2015) Nioh (Team Ninja, 2017) Music used in this episode 00:00 - Peaceful Street Corner (Celeste OST) 02:10 - The Hand (Celeste OST) 03:25 - The Hamlet (Darkest Dungeon OST) 05:25 - The Other Side (Heat Signature OST) 08:16 - Electric Guitarist (Celeste OST) 11:57 - Interception (Celeste OST) 12:49 - Peaceful Street Corner (Celeste OST) 13:17 - k. Part 2 - 01 untitled 1, animeistrash
IFTTT  YouTube  video 
2 days ago
WordPress to Jekyll Exporter
One-click WordPress plugin that converts all posts, pages, taxonomies, metadata, and settings to Markdown and YAML which can be dropped into Jekyll
wordpress  jekyll  markdown  yaml  exporter  conversion  webdevelopment 
4 days ago
The forces at work when choosing a product
A quick overview of the progress making forces diagram, a crucial component of the jobs-to-be-done framework.
jobstobedone  userstories  jobstories  diagram 
4 days ago
Fonts for Complex Data
"Retail displays, packaged goods, financial reports and apps all present readers with a dizzying array of data. Here are a few ways to make quick work of their long lists, tiny annotations, and mighty stacks of numbers."
typography  fonts  design 
4 days ago
AWS CloudMapper
CloudMapper creates network diagrams of AWS environments
aws  amazon  devops  sysadmin  network  mapping 
4 days ago
5 Tips For Writing A Job Story
"A Job Story is a powerful way to facilitate team conversation and discovery when designing products. They are meant to cut right to the job to be done by eliminating distractions. The job story encourages the product’s design process to focus on context, causality and motivations instead of assumptions, subjectiveness, personas and implementations."
agile  jobstobedone  jobstories  business 
4 days ago
User, Job, and Epistemic Stories
"The whole idea is to provide a greater understanding of the design problem without leading the design. Even the best designed proverbial cart works better behind the horse. By listing an action, the temptation to micromanage a designer is high."
userstories  jobstories  agile  webdevelopment  business 
4 days ago
instant pot recipes, with literally no prep - instantpot cooking simple | Ask MetaFilter
i am looking for Instant Pot recipes with some extreme requirements. They have to be "one pot" recipes, of which there are plenty on the internet. However, I would like there to be no prep required of the ingredients -- no chopping of vegetables, or anything like that. Do you know of any?
IFTTT  metafilter  post 
4 days ago
12-Factor Apps in Plain English
"Popular platform-as-a-service provider Heroku […] maintains a manifesto of sorts called The Twelve-Factor App. It outlines a methodology for developers to follow when building modern web-based applications. Despite being partly self-serving (apps built like this will translate more naturally to running on Heroku), there’s a lot of meaty best-practices worth examining"
architecture  development  devops  programming  software  webdevelopment  bestpractice  appdevelopment  cloud 
4 days ago
Jake Archibald: In The Loop - JSConf.Asia 2018 - YouTube
Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found that fix to be unreliable, and played around with the timeout number until it kinda almost always worked? This talk looks at the browser's event loop, the thing that orchestrates the main thread of the browser, which includes JavaScript, events, and rendering. We'll look at the difference between tasks, microtasks, requestAnimationFrame, requestIdleCallback, and where events land. Hopefully you'll never have to use setTimeout hacks again!" Jake is developer advocate for Google Chrome. He's one of the editors of the service worker spec, so he's into offline-first, push messaging and web performance. JSConf.Asia - Capitol Theatre, Singapore - 27 January 2018 Source: https://2018.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.
IFTTT  YouTube  video 
5 days ago
Python & Async Simplified - Aeracode
As promised, "Python & Async Simplified", a high level primer to how async works in Python:
async  python  programming  eventloop  from twitter_favs
6 days ago
Discovery on a Budget: Part II
Resources may be limited, but that doesn’t mean you have to drop the all-important discovery phase when planning a new venture.
discovery  research  business  planning 
9 days ago
From insights to actions. Or, what should we do with this research?
"A good researcher can help a team understand what opportunities are available to pursue. They will help you to see a problem in a different way – to frame the problem from the users point of view.

But you shouldn’t expect the researcher to come back and ‘tell you what to do’."
usercentereddesign  research 
9 days ago
The Physics Travel Guide
The Physics Travel Guide is a tool that makes learning physics easier. Each page here contains three layers which contain explanations with increasing level of sophistication. We call these layers: layman, student and researcher. These layers make sure that readers can always find an explanation they understand.
education  learning  physics  science  wiki 
9 days ago
Understanding CSS Layout And The Block Formatting Context
"You might never have heard the phrase 'Block Formatting Context', but if you have used CSS for layout you probably already know what it does. In this article I’ll explain the existing ways to create a Block Formatting Context, why it is important in CSS layout, and show you a new method of creating one."
webdesign  webdevelopment  css  bfc 
9 days ago
Guide to how conversational UI and chat bots can help reinvent any app’s UX
"One of the first trends in this new trajectory is conversational UI, a new user interface technique that’s becoming increasingly popular on mobile. Better known as chat bots, these programs are an evolution of user interface design that allow users to communicate with a digital experience using their own words and on their own terms. We’ve examined how brand apps in particular can leverage conversational UI best practices to enhance their own apps, and what considerations should go into developers’ experiments with their first chat bot."
chatbot  chatui  development  programming 
9 days ago
The Web’s Grain
"What would happen if we stopped treating the web like a blank canvas to paint on, and instead like a material to build with?'
designthinking  webdesign  webdevelopment 
9 days ago
Everything Easy is Hard Again
"I thought it would be useful remind everyone that the easiest and cheapest strategy for dealing with complexity is not to invent something to manage it, but to avoid the complexity altogether with a more clever plan."
webdesign  designthinking  design  history  worldwideweb 
9 days ago
Raspberry Pi-hole
Ad blocking at the network level
dns  network  raspberrypi  advertising 
10 days ago
In case you need some adorable, funny, sometimes sad stories right now | MetaFilter
Over on Twitter, one Christina asks a simple question: What's a childhood anecdote that says a lot about you?
IFTTT  metafilter  post 
10 days ago
Front End Interview Handbook
Questions and answers across multiple front end domains.
webdevelopment  webdesign  interview  questions  answers  resource 
11 days ago
Taking A Look At The State Of Progressive Images And User Perception
"There is no simple way to synthesize a user’s perception of an image loading over time. We are driven by the gut feeling that showing earlier is better, even if it’s not the final content, though some users will disagree.

As developers, we need to measure performance. It’s the only way we can set targets to improve it, and know when we don’t meet a performance budget."
performance  images  webdevelopment  webdesign  lqip  research  userexperience 
11 days ago
Fascinating overview of how rendering in a browser works.
browser  css  firefox  performance  webdevelopment  programming  learning 
11 days ago
Instant Pot Korean BBQ beef Ribs - YouTube
Need a quick dinner try this easy recipe using the instant pot. watch the video and subscribe Ingredients * 3 lbs beef short ribs or, country style pork ribs * 1/2 cup water * 1 cup low sodium soy sauce * 2 tablespoon garlic chopped * 1 cup brown sugar * 5 whole jalapeno peppers * 1 tablespoon of black pepper Instructions 1. Scroll up to watch the quick recipe video before you start! Add the ribs to the soy sauce and marinate, covered, in the fridge for 1-6hrs 2. In the inner pot of your Electric Pressure cooker, add the water and the ribs with the soy sauce marinade garlic and black pepper. 3. pour over the brown sugar 4. Push in the whole jalapenos (cut slits in them for more heat flavor) down the side of the pot into the marinade and alongside the meat. 5. Lock the lid, turn the steam release vent to 'sealing' and using the manual setting, adjust it to cook for 20 minutes at High Pressure. NOTE: the cook time will vary based on the thickness of the pieces of meat. 6. When the cook time time is up, allow the unit to reduce pressure on its own without opening the steam release vent (Natural Release) for at least 12 minutes.  7. Remove beef ribs and put on baking tray. 8. Turn oven on to Broil at 500 f place ribs in side for 3 to 5 minuets. 9. Remove and severe delicious ribs Follow me on https://www.instagram.com/baba_dees/ Instant pot used: https://www.amazon.ca/gp/product/B00FLYWNYQ?ie=UTF8&tag=babadeesyoutu-20&camp=15121&linkCode=xm2&creativeASIN=B00FLYWNYQ Big Canon used: https://www.amazon.ca/gp/product/B071K62DZT?ie=UTF8&tag=babadeesyoutu-20&camp=15121&linkCode=xm2&creativeASIN=B071K62DZT mic used: https://www.amazon.ca/gp/product/B015R0IQGW?ie=UTF8&tag=babadeesyoutu-20&camp=15121&linkCode=xm2&creativeASIN=B015R0IQGW Music: Epidemic Sound - Midnight Breaks 1 - Da Tooby Thanks
IFTTT  YouTube  video 
11 days ago
How I design with CSS grid
A great overview of the process *before* writing code. Sketching is your friend.
css  grid  designthinking  webdesign  webdevelopment  process  sketching 
11 days ago
Teaching CSS grid to newcomers
A history of layout on the web, how the browser works, and how grid works.
css  grid  webdesign  webdevelopment  designthinking  education 
11 days ago
Andrew Shorrock's Lancashire Bomb Cheese
A range of Lancashire Cheese Bombs including Caramelised Red Onion, Chilli, Spiced Apple & Port, Apple Smoked, and Strawberry & Champagne.
tobuy  cheese  food 
11 days ago
Direction Aware Hover Effects
"This is a particular design trick that never fails to catch people's eye! I don't know the exact history of who-thought-of-what first and all that, but I know I have seen a number of implementations of it over the years. I figured I'd round a few of them up here."
animation  css  javascript  webdesign  webdevelopment  userinterface 
11 days ago
Sprout Social
Social media management and monitoring tool
business  marketing  monitoring  socialnetworking  socialmedia 
12 days ago
Hear the Otherworldly Sounds of Skating on Thin Ice | National Geographic - YouTube
"This small lake outside Stockholm, Sweden, emits otherworldly sounds as Mårten Ajne skates over its precariously thin, black ice. “Wild ice skating,” or “Nordic skating,” is both an art and a science. A skater seeks out the thinnest, most pristine black ice possible—both for its smoothness, and for its high-pitched, laser-like sounds".
IFTTT  YouTube  video  nature  sweden  skating  sound 
13 days ago
Watch Oddly Satisfying Videos on Moodica
Watch relaxing videos that lift your mood, calm anxiety, help you sleep, or set the ambiance in any room. Moodica is free on desktop, Apple TV and Fire TV. Samsung coming soon.
art  cool  video  relaxing  appletv 
13 days ago
Wee People typeface
A typeface of people silhouettes, to make it easy to build web graphics featuring little people instead of dots.
typography  font  typeface  creativecommons  design 
13 days ago
The office suite for reproducible research
api  data  programming  spreadsheet  science  research  authoring  editing  software 
13 days ago
Why you should stop using product roadmaps and try GIST Planning
I created my fair share of product strategies, roadmaps and project gantts, but I don’t do them anymore. I found a better alternative — GIST which I’ll explain in this post.
productmanagement  management  development  business  agile 
16 days ago
One sandwich to rule them all | MetaFilter
Hello. Building on the domestication of fire, stable agriculture, invention of cheese and the slicing of bread, the greatest innovation of humanity is without question the cheese sandwich. These can be uncooked, or open, or toasted or grilled. Offering popular versions and other variations, sandwiches can also be tiny, substantive, or earrings or Christmas tree decorations. Other ingredients could include balsamic blueberry, fried egg, apple, olives, mac and ham, spinach, bacon and avocado, pickle, haggis, cucumber, clementines or smoked reindeer. Or twenty slices of American cheese. Makers can be competitive or award winning, speak in Welsh, or serve you from a truck; just respect the dish and its history, even if you were expecting something else.
IFTTT  metafilter  post 
17 days ago
Cheesy Bread Is Absurdly Good, No Matter What You Call It
This cheesy and addictive South American bread goes by many names, but whether you call it pão de queijo, cuñapes, or pan de bono, it's always equally delicious. This version is made with Brazilian fermented tapioca starch for extra tang and an authentic flavor. A combination of chopped Cheddar and Grana Padano cheeses add both a stretch texture and salty bite. Best of all, they bake up perfectly from frozen so you can always have a stash on hand to quell even the most aggressive cheese cravings.
baking  bread  food  recipe  cheese  southamerica 
17 days ago
Beautiful Free Images | Unsplash
Beautiful high quality free images and photos you can download and use for any project. No attribution required.
design  free  photography  stock 
17 days ago
Customer Satisfaction at the Push of a Button
HappyOrNot terminals look simple, but the information they gather is revelatory.
customerservice  evaluation  feedback  research 
17 days ago
12 best practices for user account, authorization and password management
"Account management, authorization and password management can be tricky. For many developers, account management is a dark corner that doesn't get enough attention. For product managers and customers, the resulting experience often falls short of expectations."
authentication  google  password  security  2fa 
17 days ago
Playbook is one place for the design community to share knowledge. Ask and answer questions on career development, design tips, and design process. Build your playbook.
advice  community  design  freelance 
17 days ago
Automatic visual diffing with Puppeteer
"I did a little song-and-dance that sets up Puppeteer* , takes screenshots of your app (like, all the routes you care about), and then compares them to the “golden” ones. If they match, your test passes!"
javascript  testing  webdevelopment  puppeteer  nodejs  npm 
18 days ago
A Tale of Two Rooms: Understanding screen reader navigation
"For those of us who use screen reading software such as JAWS, NVDA, or VoiceOver to access information on the Web, the user experience can be quite different from those who can visually see the content. One of my goals throughout the many accessibility focused training classes I have led has been to help others more accurately understand what it is like for someone using screen reading software to navigate through a web page."
accessibility  aria  webdevelopment 
18 days ago
How to build your own private smart home with a Raspberry Pi and Mozilla’s Things Gateway
"Last year we announced Project Things by Mozilla. Project Things is a framework of software and services that can bridge the communication gap between connected devices by giving “things” URLs on the web.

Today I’m excited to tell you about the latest version of the Things Gateway and how you can use it to directly monitor and control your home over the web, without a middleman. Instead of installing a different mobile app for every smart home device you buy, you can manage all your devices through a single secure web interface."
internetofthings  mozilla  raspberrypi  networking  automation  home 
18 days ago
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.
css  flexbox  grid  webdesign  webdevelopment  responsivedesign  mobileweb 
18 days ago
CSS Grid layout — crossed sections
Excellent walk-through of building a grid layout with crossed sections.
css  grid  layout  webdesign  webdevelopment  example 
18 days ago
TONL - Premiere Diverse Stock Photos
Creating an inclusive culture takes both commitment and action.
design  diversity  photography  photos  resource 
19 days ago
DNS Propagation Checker
Instantly check your domain names current IP address and DNS record information against multiple name servers located in different parts of the world.
dns  network  tool  devops  domain 
19 days ago
Tips for Instructing Code First: Girls courses
"I have been instructing the Code First: Girls beginners’ course at Sheffield Uni since Spring 2016. In that time, I’ve worked with several different instructors to make the course bigger and better each time we run it. We have seen several students start working in tech, and many more continue with their tech learning and involvement in the community - one even quit her course last semester, to take up computer science! Additionally, two of our instructors have won Instructor of the Month, and I have won it twice, so I guess we’re doing something right! Everyone has different ideas and things to bring to the mix, so it’s important to encourage instructors to share ideas, and get involved with the running of the course.

I’ve seen or heard new instructors asking for tips quite a lot recently, so I thought I’d share some things that have worked for us in Sheffield."
codefirstgirls  mentoring  education  community 
19 days ago
Photosensitive Epilepsy Analysis Tool
A downloadable program to help Web developers identify potentially seizure-inducing material.
animation  epilepsy  tool  software 
20 days ago
Kate O'Neill on Twitter
"I gave a talk quite a long time ago to print designers concerned about digital. I explained that UX is nothing new - if they’ve ever been lucky enough to choose paper or a leaflet format, or design a poster and check if the copy was visible from the other side of the room, then they’ve been dealing with UX. "
userexperience  designthinking 
20 days ago
Family fun with deepfakes. Or how I got my wife onto the Tonight Show
"The deepfakes app is a deep learning algorithm that learns how to reconstruct faces. Give it a bunch of pictures, let it run a few hours, and it spits out fuzzy copies of those images. Do note, it doesn’t create a copy. It learns what a face looks like, in different expressions, and is able to output that face solely based on that."
deeplearning  neuralnetworks  machinelearning  fakery  video  imagery 
20 days ago
This Will Mindfuck You: The Double-Slit Experiment
The video below shows scientific proof that there is something NOT quite logical or scientific about this universe. The mere act of observation can completely change the outcome of an event! Before I get too ahead of myself, you need to watch the video below to understand: (Forgive the corny cartoon character explaining the concept …
20 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 documentation drupal drupal8 ecommerce education email equality film flickr font food forms framework free fun funny future gallery game gds 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 machinelearning management mapping maps marketing markup mathematics 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 technique technology testing tips tobuy tool tools travel tricks tutorial twitter typography uk usability useful usercentereddesign userexperience userinterface versioncontrol video vimeo visualisation wdcs wdcsintranet web webdesign webdevelopment webstandards worldwideweb writing xhtml youtube

Copy this bookmark: