How to preload Google Fonts using resource hints
Senior Web Developer | Accessibility Advocate | Founder of Webdapper & GitHooks
webdevelopment  fonts  performance 
2 hours ago
The Silence of Crowds – John Hill – Medium
The best communities aren't the ones that never have problems with "bad things". They're the ones that don't ignore them, or excuse them
equality  feminism  society  conference 
Reaching Peak Meeting Efficiency
"Meetings are either a necessary evil or necessarily evil, depending on who you ask. Meetings are undeniably the most important tool for building a diverse, high-performance team with shared values."
management  meeting  productivity  business  agile 
2 days ago
UIs that accidentally preserve memories | MetaFilter
Marcin Wichary reminisces about UIs that accidentally amass memories, beginning with "the wi-fi 'preferred networks' pane – unexpected reminders of business trips, vacations, accidental detours, once frequented and now closed cafés." Examples in the ensuing twitter thread (Threadreader) include, Bluetooth pairings, weather app saved locations, Vimeo's profile photo gallery, old Mii avatars, email drafts folder, ~/.ssh/known_hosts file, and User 1's ichat logs. via
IFTTT  metafilter  post 
2 days ago
The Stray Shopping Cart Project
An overview of the Stray Shopping Project, an art project by Julian Montague that constructs an elaborate taxonomy that allows one to identify stray shopping carts based on the situations in which they are found.
art  shopping  cart  funny  taxonomy  classification 
2 days ago
REST Countries
Get information about countries via a RESTful API
api  data  restfull  geodata 
2 days ago
After 5 years and $3M, here's everything we've learned from building Ghost
Last week marked the fifth anniversary since the Ghost Kickstarter campaign which started it all. It's always fun to use these milestones to take a step back and reflect on the journey so far. On previous birthdays I've talked about revenue milestones and product updates, but this year I'm going
ghost  business  opensource  blogging  nodejs 
2 days ago
"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 
3 days ago
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 
3 days ago
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 
3 days ago
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 
3 days ago
15 SEO Myths That Just Won't Die - SEO 101
Here are 15 SEO myths that, despite being debunked over and over again, never seem to die – no matter how hard SEO experts try to kill them.
seo  search  myths  searchengine  webdevelopment 
3 days ago
PollUnit is designed to simplify scheduling, matching, and distribution of tasks. Create free online polls, prioritize your ideas with features such as dot voting and star rating and speed up finding solutions in a team.
dotvote  decision  tool  poll 
4 days ago
How to digitise your slides and negatives
Clever tips for using a camera to scan negatives
camera  film  negatives  scanning 
4 days ago
Words To Avoid in Educational Writing
"I'm no English major, but as a writer and consumer of loads of educational (mostly tech) writing, I've come to notice a number of words and phrases that come up fairly often and don't add anything to the writing. In fact, they might detract from it. This started as a Twitter discussion so I thought I'd write it up."
education  writing  technology  bestpractice 
4 days ago
"We are HebTroCo - British Made to Last - making amazing British trousers, jackets, boots and belts in the North of England. Guaranteed for life."
clothing  tobuy 
5 days ago
A Strategy Guide To CSS Custom Properties
"Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties."
css  webdesign  css3 
5 days ago
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 
5 days ago
Where Lines Break is Complicated. Here's all the Related CSS and HTML.
"Say you have a really long word within some text inside an element that isn't wide enough to hold it. A common cause of that is a long URL finding it's way into copy. What happens? It depends on the CSS. How that CSS is controlling the layout and what the CSS is telling the text to do."
css  layout  reference  webdesign 
5 days ago
Unicode Patterns
"Lately I had some fun with Unicode in CSS and made several interesting background patterns with them."
background  css  unicode  patterns  webdesign  inspiration  webcomponents 
5 days ago
"I could fill an entire second life with working on my prints." | MetaFilter
The Boston Public Library has digitized their collection of prints and drawings by M.C. Escher. View the full collection here. (h/t Kottke.org)
IFTTT  metafilter  post 
5 days ago
Designing for Inclusion with Media Queries
Did you know that media queries aren’t just limited to screen size? This talk will dive into some lesser-known media queries that can help developers and designers create experiences for people browsing the web using assistive technologies.
responsivedesign  webdevelopment  webdesign  mediaqueries  accessibility  inclusion  society 
6 days ago
Pi-hole - The Network-Wide Ad Blocker
Pi Supply and Pi Hole have partnered together to bring you the Pi Hole Kit
network  advertising  raspberrypi  devops  sysadmin 
6 days ago
A 2-Year Stanford Study Shows the Astonishing Productivity Boost of Working From Home
"The jury was out on the productivity effect of working from home. It has returned with a surprising verdict."
career  productivity  remote  business 
6 days ago
Make Frontend Shit Again
"We used to make websites because it was fun and at a point we lost the way. We need to make dumb shit! Make useless stuff, make the web fun again!"
css  fun  html  webdesign  webdevelopment 
6 days ago
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 
6 days ago
How to Make Instant Pot Short Ribs - Girl and the Kitchen
This super simple recipe for how to make Instapot short ribs will save your life! Super tender short ribs with a delicious red wine and balsamic sauce!
recipe  food  ribs  instantpot  pressurecooker 
6 days ago
"…there’s a lot of staring. And also some rock nuzzling. It gets weird." | MetaFilter
Science is mostly about white people staring, usually at colored liquids, but also sometimes at chickens and grass — at least, according to stock photos. So real scientists on Twitter are posting their favorite representation fails with the hashtag #BadStockPhotosOfMyJob.
IFTTT  metafilter  post 
8 days ago
Instant Pot - Moroccan Chicken Tagine with Green Olives, Peppers and Lemon - Mediterranean Living
This Moroccan inspired dish is a fusion between a Mediterranean Diet recipe and the flavors of New England.  I have cooked this for thousands of people in my workshops and many have told me that I should bottle the sauce.  It is the perfect blend of sweet and tangy, combining honey, molasses and Dijon mustard with
food  recipe  instantpot  pressurecooker  chicken 
8 days ago
tylko app makes furniture personal. Yours by design.
Easily design a stylish and modern bookcase for your home in just a few clicks. Tall or small, long or low, with drawers or doors? You decide the details, we deliver to your door for free.
furniture  shelves  home 
8 days ago
PWA Stats
A collection of Progressive Web App case studies.
progressivewebapp  performance  statistics  data  webdevelopment  offlinefirst 
9 days ago
Stylable - scoped CSS for components
Stylable is an open-source CSS preprocessor that extends and scopes CSS for components, resolving to flat, vanilla, cross-browser CSS at build time.
css  framework  react  components  webdevelopment  webdesign 
9 days ago
WPO Stats
WPO Stats: A collection of case studies and experiments demonstrating the impact of web performance.
performance  reference  userexperience  research  webdevelopment  data 
9 days ago
W3C Process for Busy People
"This document aims to provide readers with a shorter overview of the W3C Process Document written in plain English. The original W3C Process Document is a complete document, written to be legally accurate and give indepth detail on each item and process. This document aims to give an overview of the main document, so new and existing W3C participants can gain an understanding of all W3C processes and know where to go for more information."
w3c  standards  process  documentation 
11 days ago
Effective Teamwork - a One Page Guide
Condensing years of frustration and learning into a one-page guide on how to get it right
teams  business  collaboration  bestpractice 
11 days ago
Stories are taking over
"The inimitable Ian Bogost with some thinking on how stories are overtaking social media and how they are perhaps the first true smartphone media format. First, what are stories in this context? “Story” is a terrible name for this feature, because it’s so broad as to descend into meaninglessness. In ordinary parlance, a story is a generic name for a narrative account of something."
narrative  storytelling  stories  society  socialmedia 
11 days ago
Responsive And Fluid Typography With vh And vw Units
"Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design."
css  webdesign  responsivedesign  typography 
11 days ago
Why Onboarding is the Most Crucial Part of Your Growth Strategy
"When people talk about growth, they usually assume the discussion is about getting more people to your product. When we really dig into growth problems, we often see that enough people are actually coming to the products. The real growth problems start when people land…and leave. They don’t stick. This is an onboarding problem, and it’s often the biggest weakness for startups. It can also take the longest to make meaningful improvements when compared to other parts of the growth funnel."
webdesign  userexperience  onboarding  business 
11 days ago
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  opensource  worldwideweb  statistics  software  webdevelopment  logging 
11 days ago
"GoAccess is an open source real-time web log analyzer and interactive viewer that runs in a terminal in *nix systems or through your browser.

It provides fast and valuable HTTP statistics for system administrators that require a visual server report on the fly."
analytics  logging  log  webdevelopment  statistics  opensource  terminal  worldwideweb  software 
11 days ago
Open Web Analytics
"Open Web Analytics (OWA) is open source web analytics software that you can use to track and analyze how people use your websites and applications. OWA is licensed under GPL and provides website owners and developers with easy ways to add web analytics to their sites using simple Javascript, PHP, or REST based APIs."
analytics  opensource  statistics  worldwideweb  software  webdevelopment  logging 
11 days ago
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 
11 days ago
Amazing Aerial Photographs of Great American Cities Circa 1906
Click images to enlarge

In the late 19th century, an enterprising photographer named George R. Lawrence developed a keen interest in aerial photography. He first began taking pictures with the help of high ladders, towers, and airborne balloons.
photography  history  usa  newyork  sanfrancisco 
11 days ago
Django live coding tips and tricks
Simon Willison's live coding workshop with Django and Jupyter notebooks.
django  programming  python  jupyter  notebooks  science  tips  tricks  from twitter_favs
12 days ago
12 “Manager READMEs” from Silicon Valley’s Top Tech Companies
"When we launched our first SoapBox hero I was surprised to discover a document used to introduce her working style to her team. I had never seen that before and it was awesome!

Did others have these? I needed to know. Eventually, I found a treasure trove of examples by Engineering Leaders from companies with some of the best culture in tech.

They called them Manager READMEs, or Manager User Manuals. And they’ve graciously let me share them with you."
leadership  management  readme  documentation  transparency  business  mentoring  teams 
12 days ago
Design systems
"I think a lot of people are collecting patterns and calling the resulting collection a design system. No. That’s a pattern library. You still need to have a framework for how to use those patterns."
designpatterns  patternlibrary  designsystems  designthinking  webdevelopment  appdevelopment 
12 days ago
Welcome Back to the Village
"While the value that Strava the social network provides me is undeniable, Strava creates another construct. The humans who choose to be there are bound together by a shared purpose that I see each time I ride my bike. I often stop at the side of the road and get off my bike for a quick drink or bite. As other bikers pass, it is normal for total strangers to stop their ride and ask, “Hey are you ok?”

See, Strava built a village."
community  internet  strava  worldwideweb  society  village 
12 days ago
A Guide To The State Of Print Stylesheets In 2018
We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.
print  css  webdesign  webdevelopment  userexperience 
12 days ago
Grace Savage 'My Favourite Game' - The Henry Westons Sessions - Cheltenham Jazz Festival 2018 - YouTube
Grace Savage performs backstage at The Henry Westons Sessions with an incredible cover of The Cardigans ‘My Favourite Game’.
IFTTT  YouTube  video 
13 days ago
Here's the Plan - Animated Short Film - YouTube
✨✨Here's the Plan merchandising available at https://herestheplanshop.tictail.com !✨✨ "A married cat-dog couple of cupcake bakers dream of opening their own bakery. One day their oven breaks and they have to postpone their dream in order to earn money and replace it. Somewhere down the line, they drift apart from their dream and from themselves." --- "Here's the plan" ("Este es el Plan") is a 18-minute CG animated short film from Chile. Directed by Fernanda Frick and financed by the National Council of Culture and Arts, it took almost 2 years of work and a talented team of 32 professionals to finish it. It had it's World Premiere at Nashville International Film Festival and it's national premiere at Festival Chilemonos 2017. ✨Subtitulos en Español disponibles en la opcion de CC!✨ Film Website: http://herestheplanfilm.com Studio Website: http://ffrickstudio.com Facebook: http://facebook.com/herestheplanfilm Instagram: http://instagram.com/fernandafrick Twitter: @Fernandafrick Contact: hello@ffrickstudios.com -- Selected at various international festivals such as Nashville International Film Festival, AnimaMundi Brasil, Chilemonos, SANFIC, FICV, KDIAF, Anima Cordoba, SDCC Independent FIlm Festival, Chicago Children's Film Festival and Siggraph Asia. Awards: - "Best Chilean Short Film" (Chilemonos 2017) - "Best Short Film for Youths" (Fan Chile 2017) - "Best Short Film for Children" (FICV 2017) - Honorable Mention "Animated Short Category" (Shorts Mexico 2017) French Subs: Garance Broze © Fernanda Frick 2016
IFTTT  YouTube  video 
13 days ago
cssgr.id | An interactive CSS Grid code tool and generator
Cssgr.id is an interactive tool to generate boilerplate code for CSS Grid layouts.
css  grid  generator  webdesign  layout  webdevelopment 
13 days ago
Chicken Soup
r/instantpot: A place for Instant Pot owners to discuss, debate, divulge, digress and digest.
instantpot  pressurecooker  chicken  recipe  soup 
13 days ago
Evolving Away From Entities - Wide Awake Developers
Hat tip to Stuart Halloway… once again a 10 minute conversation with
Stu grew into a combination of code and writing that helped me clarify …
microservices  programming  architecture  restful  http  webdevelopment 
15 days ago
Library of Babel
A project towards a universal library. By this art you may contemplate the variation of the 23 letters.
library  art  borges  babel  experimental  fun  literature  interesting  weird 
15 days ago
How to recruit and hire remote employees––then manage them | Workable
"When you're hiring remote employees, you may come across various challenges, like where to publish your remote positions or how to build your employer brand online. In this guide, we provide tips on how to recruit and hire remote employees, plus guidance to manage and retain them."
work  workplace  remoteworking  business  benefits 
16 days ago
All the tools you need to build and deploy your Progressive Web Apps.
progressiveenhancement  progressivewebapps  tool  offlinefirst  webdevelopment 
18 days ago
Docker + Golang = <3
Very interesting article on using Docker to run golang programs, but it demonstrates how you can use it on the fly to build containers for running programs.
devops  docker  go  programming  virtualisation 
18 days ago
Participation Inequality: The 90-9-1 Rule for Social Features
In most online communities, 90% of users are lurkers who never contribute, 9% of users contribute a little, and 1% of users account for almost all the action.
society  community  socialsoftware  socialspace  socialnetworking 
18 days ago
From Purpose to Patterns
At the heart of every well functioning design system are effective design principles. In this talk Alla Kholmatova shares insights from her long-term research on what makes effective design principles, how to define them, and how principles translate into design patterns in practice.
designpatterns  designthinking  designsystems  webdesign  webdevelopment  appdesign  appdevelopment  patternlibrary  efficiency  bestpractice  research  business 
19 days ago
MacOS monitoring the open source way
How Dropbox monitors their fleet of macOs machines for malware.
macos  osx  monitoring  security  sysadmin  dropbox 
19 days ago
« earlier      
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 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 serviceworker 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 userexperience userinterface versioncontrol video vimeo visualisation wdcs wdcsintranet web webdesign webdevelopment webstandards worldwideweb writing xhtml youtube

Copy this bookmark: