recentpopularlog in
« earlier  
Create your design system, part 1: Typography
Typography is arguably the essential part of a website. When we think about the content of a web page, we think about words. In this article, we’ll take a look at how to set a typography system in…
css  webdesign  designsystems  webdevelopment  typography  grid  colour  space  icons  buttons 
yesterday
Creating sliding effects using sticky positioning
"Sticky elements are predominantly used for keeping something shown on the screen throughout scrolling. As cool as that is, we can also hide elements in the same way!"
css  webdesign  userinterface  sticky  scrolling 
yesterday
Design with Difficult Data
Stop designing for the happy path! Steven Garrity shows how to create more robust layouts by designing with difficult data.
data  design  webdesign  webdevelopment  visualisation  accessibility 
yesterday
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 
4 days ago
We don’t use the front door ever under any circumstance | MetaFilter
Culinary innovator and podcast host Georgia Hardstark asked the Internet "What's a weird thing your family did that you thought was normal till you moved out?"
IFTTT  metafilter  post 
5 days ago
Moving to Berlin: The Needle Guide 2018 | The Needle: Berlin
Moving to Berlin? This is the independent guide––no ads, no sponsored tips––from The Needle. The advice you need in one place to simplify setting up in the heart of Europe.
emigration  germany  berlin  advice 
5 days ago
10 Years of Legal Nomads: Best Posts from a Decade of Nomadic Living
My initial plan for a 10-year anniversary celebration was a big party in my then-home of Oaxaca. When it became apparent that my food-filled bash would be impossible, I thought I would share the writing and photography that brought me the most joy over the years.
IFTTT  Pocket 
6 days ago
Textile Photos
Textile is a digital wallet for your photos.
dweb  photography  encryption  images  sharing  decentralised 
6 days ago
Rising young women rock stars: feminine in the violent sense | MetaFilter
Not Another Women in Rock Article: A new generation of rising young women rock stars—including Mitski, Soccer Mommy, Snail Mail, Waxahatchee and Camp Cope—has emerged. And they're redefining what it means to own the room. "Female" is not a musical genre, it's a strength. Lindsay Zoladz, writing for The Ringer, finds inspiration in a quote from Mitski: "When I say [that my album is a] feminine album, immediately the perception is that it must be soft and lovely, but I mean feminine in the violent sense."
IFTTT  metafilter  post 
6 days ago
Carousels on Mobile Devices
Carousels on touch screens are plagued by low discoverability and sequential access, and not all designs implement swipe as a carousel control.
userexperience  webdevelopment  carousels  mobile 
7 days ago
Unlocking the Power of CSS Grid Layout
Once you have grasped the basics of CSS Grid, you quickly discover how it enables many existing design patterns in a streamlined, elegant way. However, we shouldn’t see Grid in isolation. Understanding how other parts of CSS work together with Grid is key, in order to get the most out of our new abilities.
css  grid  webdevelopment  webdesign 
7 days ago
Super-Powered Grid Components with CSS Custom Properties | CSS-Tricks
A little while ago, I wrote a well-received article about combining CSS variables with CSS grid to help build more maintainable layouts. But CSS grid
css  grid  layout  webdevelopment  webdesign 
7 days ago
Take A New Look At CSS Shapes
In this article, we take a look at CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes. We also discover how the new tools in Firefox make editing shapes easier.
css  webdevelopment  webdesign 
7 days ago
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 
7 days ago
Color Leap - History's Palettes
Search through 180 Color Palettes used throughout the last 4000 years. Find color combinations that stand the test of time and spark your imagination from history’s masters.
design  inspiration  colour  history 
8 days ago
The&Partnership creates new visual identity for RNIB sight loss charity
Designer Marc Donaldson shares the journey of creating a "readable" logo for the organisation, with help from members of the blind and partially-sighted community.
design  accessibility  casestudy  designthinking  branding 
8 days ago
Image Vectorizer
Online Vectorizer: Online raster to vector converter. Convert your images (jpeg, jpg or png) into scalable and clear vector art (svg).
editor  svg  vector  bitmap  tool 
11 days ago
AVA: The Art and Science of Image Discovery at Netflix
At Netflix, the Content Platform Engineering and Global Product Creative teams know that imagery plays an incredibly important role in how viewers find new shows and movies to watch.
IFTTT  Pocket 
12 days ago
Build more useful products with journey maps - Mixpanel
A user journey is a series of steps representing how users interact with a product. Here’s how creating a journey map can make a product more useful.
ux  userjourney  journeymapping  research 
12 days ago
Select Star SQL
“An interactive book which aims to be the best place on the internet for learning SQL. It is free of charge, free of ads and doesn't require registration or downloads. It helps you learn by running queries against a real-world dataset to complete projects of consequence. It is not a mere reference page — it conveys a mental model for writing SQL.”
SQL  tutorial  database  programming  learning  education 
12 days ago
The Encyclopedia of Science Fiction
Welcome to the third edition of The Encyclopedia of Science Fiction. Our aim is to provide a comprehensive, scholarly, and critical guide to science fiction in all its forms.
reference  scifi  sciencefiction  science  literature  reading  encyclopedia 
13 days ago
Web Design Museum
Web Design Museum exhibits over 900 unique designs from the years 1995 to 2005. Discover forgotten trends in web design.
history  design  webdesign  gallery  inspiration  museum  internet  worldwideweb 
13 days ago
Instant Pot Taco Pasta (only 6 ingredients) - Foody Schmoody Blog
Only 6 ingredients needed for Instant Pot Taco Pasta which is a family friendly,weeknight meal that combines taco and pasta.Great switch up for #TacoTuesday
recipe  instantpot  pasta  beef 
13 days ago
Followership - Jason Wong's Blog
Everyone likes to talk about leadership—we are culturally conditioned to view success as a progression through leadership positions—but there is far less
management  leadership  business 
14 days ago
Interactive Camera Diagram
An interactive diagram simulates your camera (Understand your camera → take better photos)
interactive  photography  guide 
14 days ago
The Font Loading Checklist—zachleat.com
"Our goal as web developers is to maximize the experience and raise user expectations to the level of what the web is capable of delivering, but also to manage our performance budgets to ensure that we are fulfilling the promise of the web—it’s ubiquity. This checklist should help you deliver on those two often competing ideals."
css  fonts  performance  webfobts  bestpractice 
14 days ago
This is a think piece – Dan Hon – Medium
The thing that happened really matters. Or doesn’t. But you want to know whether it does, so you’ll read this think piece. By reading this think piece, you’ll learn that what you thought happened…
satire  funny  society  science  data  statistics 
18 days ago
Part 2: Scheduling Notebooks at Netflix
"What started as a guess at the future evolved into a strategic bet on notebooks for both interactive & scheduled workflows. We're now migrating 10k scheduled jobs - 150k runs/day - to run on notebooks"
casestudy  webdevelopment  programming  python  notebooks 
18 days ago
Hackable humans and digital dictators: Q&A with Yuval Noah Harari | Hacking | Al Jazeera
Yuval Noah Harari was catapulted into the international literary spotlight in 2014 following the English translation of his book Sapiens.
IFTTT  Pocket 
18 days ago
Using CSS Clip Path to Create Interactive Effects
"Do you remember being a kid, cutting out pictures from magazines? Did you glue them onto paper to create your own collages? This post is about cutting out images on the web using the CSS property clip-path."
css  svg  webdesign  inspiration 
18 days ago
Advanced effects with CSS background blend modes
"Learn about background-blend-mode and how you can use it to create eye-catching backgrounds and photo effects that once were only possible in Photoshop."
background  css  webdesign  inspiration 
18 days ago
Gordon Brander: pattern
"This is my bag of tricks — loose notes, design patterns, rules-of-thumb, methods of enquiry, tools, cheatsheets, gimmicks, leverage points, descriptions of systems, key questions, risks, and unknowns."
reference  inspiration  designthinking  mentoring  design  business  patterns  storytelling  strategy 
18 days ago
Hit the road @jack send toot | MetaFilter
If Social Media is a part of your life but you're also sickened by nazis you've probably considered Mastodon as an alternative. But rather than a straight-up Twitter clone based on the open standards Mastodon has some real and significant differences that may be confusing at first. Fortunately this video should help get you up to speed: Intro to Mastodon 101
IFTTT  metafilter  post 
19 days ago
The Untold Story of NotPetya, the Most Devastating Cyberattack in History | WIRED
It was a perfect sunny summer afternoon in Copenhagen when the world’s largest shipping conglomerate began to lose its mind. The headquarters of A.P. Møller-Maersk sits beside the breezy, cobblestoned esplanade of Copenhagen’s harbor.
IFTTT  Pocket  security 
20 days ago
100 Days of Motion Design – UX Collective
It was a summer night in Seattle. I ate some ice-cream, watched a Youtube tutorial, and downloaded a free trial of Principle. Several months later, I completed my 5th 100-day-project — 100 Days of…
animation  programming  tutorial  learning 
21 days ago
Instant Pot Chicken Noodle Soup
Instant Pot Chicken Noodle Soup made from scratch and in a fraction of the time. Delicious and hearty, loaded with noodles and chicken, this soup will warm the cockles of your heart.
instantpot  soup  recipe  food  chicken 
22 days ago
The worst tech interview questions
I have a slightly unfair advantage over most tech recruiters in that I was once a developer (albeit a pretty terrible one) and as a result, I’m able to empathise with the majority of the issues they face on a daily basis. Ever since I transitioned to the dark
work  interview  management 
22 days ago
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 
25 days ago
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 
27 days ago
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 
27 days ago
Puttanesca
Simple pasta sauce made from non-perishable ingredients
food  recipe  italian  pasta  sauce 
27 days ago
Exactly what to say when recruiters ask you to name the first number… and other negotiation word-for-words
There are a lot of resources out there that talk about salary negotiation but many tend to skew a bit theoretical. In my experience, one of the hardest things about negotiating your salary is knowing what to say in tough, ambiguous situations with a power balance that's not in your favor. What's OK?
jobs  negotiation  salary  interview  money 
29 days ago
Men Talk a lot in Movies | MetaFilter
Film Dialogue from 2,000 screenplays, Broken Down by Gender and Age. "...we Googled our way to 8,000 screenplays and matched each character's lines to an actor. From there, we compiled the number of words spoken by male and female characters across roughly 2,000 films, arguably the largest undertaking of script analysis, ever." Besides presenting aggregate stats, the article allows you to drill down into individual movies.
IFTTT  metafilter  post 
29 days ago
See No Evil
Software helps companies coordinate the supply chains that sustain global capitalism. How does the code work—and what does it conceal? Trawling a hotel minibar one night while on a work trip to Amsterdam, I found a piece of chocolate with an unusual name: Tony’s Chocolonely.
IFTTT  Pocket 
29 days ago
Working with timezones
"I do enjoy thinking about some of the strange things that can happen with time and timezones and it can be amusing, and occasionally useful, to read some lists of counterexamples to reasonable-sounding statements about time, but it’s hard to actually get stuff done with this information alone. All those counterexamples might leave you thinking that dealing with timezones is basically impossible to get right, whereas in fact it’s not that difficult once you draw the right pictures. I thought it’d be useful to share the pictures I find helpful when approaching timezone-related problems."
calendar  programming  time  timezones 
29 days ago
ethicalos.org
Ethical OS Toolkit As technologists, it’s only natural that we spend most of our time focusing on how our tech will change the world for the better. Which is great. Everyone loves a sunny disposition. But perhaps it’s more useful, in some ways, to consider the glass half empty. What
ethics  technology  culture  design  society 
4 weeks ago
Instant Pot Barbacoa Beef | Gimme Some Oven
LOVE this Instant Pot Barbacoa Beef recipe! It's easy to make in the pressure cooker, full of big flavors, and perfect for tacos, burritos, salads and more!
cooking  food  recipe  mexican  beef 
4 weeks ago
Instant Pot Borracho Beans {Mexican Style Pinto Beans} - Nutritious Eats
Instant Pot Borracho Beans, aka Frijoles Borrachos are the perfect Mexican style beans infused with flavor from the pressure cooker. Instant Pot Borracho Beans, aka Frijoles Borrachos or drunken beans (there is beer in the recipe, you know?) are the perfect beans to go along with your Mexican cuisine. I have another reason for you to buy an Instant Pot….these...Read More »
instantpot  pressurecooker  recipe  food  beans  mexican 
4 weeks ago
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 
4 weeks ago
Sticky, Smooth, Active Nav
"Just like the title says! Here's a sidebar navigation bar that... Uses sticky positioning. It stays on the screen when it can"
css  navigation  webdevelopment  webdesign 
4 weeks ago
How Does Mastodon Work? - Kev Quirk
If you're asking yourself "how does Mastodon work?" this post will help. Mastodon is an open source and federated social network.
mastodon  opensource  tutorial  twitter  socialmedia 
4 weeks ago
GRID: A simple visual cheatsheet for CSS Grid Layout
Learn all about the properties available in CSS Grid Layout through simple visual examples.
cheatsheet  css  grid  webdesign  reference  webdevelopment 
4 weeks ago
FLEX: A simple visual cheatsheet for flexbox
Learn all about the properties available in flexbox through simple visual examples.
cheatsheet  css  flexbox  webdesign  reference  webdevelopment 
4 weeks ago
The power of progressive enhancement
"Building progressively means that I’ve avoided the need for a bunch of fixes and polyfills for older browsers. If something isn’t supported then the app provides a simpler method."
progressiveenhancement  webdesign  webdevelopment 
4 weeks ago
Introduction to A*
Interactive tutorial for A*, Dijkstra's Algorithm, and other pathfinding algorithms
algorithms  programming  graphs 
4 weeks ago
Instant Pot Ground Beef and Rice Shawarma
Instant Pot Ground Beef Shwarma and Rice combines ground beef and rice with spices to create a new twist on comfort food in your pressure cooker .
food  recipe  beef  instantpot  pressurecooker 
4 weeks ago
Five Things We Need to Know About Technological Change
In 1998, author and media critic Neil Postman gave a talk he called Five Things We Need to Know About Technological Change. Here are the five ideas Postman shared that day, which are all still highly relevant today: 1. All technological change is a trade-off.
IFTTT  Pocket 
4 weeks ago
Little Big City
Miniature globes created from maps.
design  globe  animation  city  webgl  3D  visualisation  javascript 
5 weeks ago
Meteor showers as seen from space
3D visualization of NASA meteor shower data. Scientifically accurate and fully interactive.
astronomy  meteors  science  space  visualisation 
5 weeks ago
Adventures
VIM Adventures is an online game based on VIM's keyboard shortcuts. It's the "Zelda meets text editing" game. So come have some fun and learn some VIM!
game  learning  tutorial  vim  editor 
5 weeks ago
At loss for words | MetaFilter
10 of the best words in the world (that don't translate into English)
IFTTT  metafilter  post 
5 weeks ago
Simple URL Forwarding with Routes
"Perch Runway's Routing a powerful feature. One thing it allows you to do with ease is URL forwarding which can be useful for social media, referral and affiliate links."
cms  perch  php  webdevelopment 
5 weeks ago
Perch add-on links
A curated list of third party add-ons.
cms  php  perch  webdevelopment 
5 weeks ago
Your Community Site is Not a Government
It’s time for these guys to stop playing pretend politics and admit that they’re not presidents, their sites are not countries, and we are not their citizens. They are caretakers of com…
twitter  facebook  society  equality  community  hatespeech 
5 weeks ago
Weft. — Ethan Marcotte
"I wrote about trying to understand what you’re designing or building before you design or build it"
css  designpatterns  designthinking  designsystems  webdesign  webdevelopment 
5 weeks ago
Kurt Vonnegut on the Shapes of Stories - YouTube
Short lecture by Kurt Vonnegut on the 'simple shapes of stories.'
IFTTT  YouTube  video 
5 weeks ago
Oxford University Press and the Making of a Book - YouTube
A silent film made in 1925 by the Federation of British Industry. This film was one of a series illustrating industrial life and it highlighted the Press's work to audiences around the world. Film courtesy of the Oxford University Press Archive: http://www.oup.com/uk/archives/ Learn more about the History of Oxford University Press: http://ukcatalogue.oup.com/product/9780198702795.do (c) Confederation of British Industry. Used with permission by Oxford University Press. Music credits: Golden Age Skit (1773/6) by Paul Mottram (PRS) via US Audio Network. Capriccio (1545/1) by Paul Mottram (PRS) via US Audio Network. Stationmaster's Whiskers (1769/1) by Paul Michael Harris (PRS) via US Audio Network. http://us.audionetwork.com/
IFTTT  YouTube  video 
5 weeks ago
« earlier      
per page:    204080120160

Copy this bookmark:





to read