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 
6 hours ago
Learn How to Set Up a CI/CD Pipeline From Scratch
"Learn to understand continuous integration and delivery, the basis for modern DevOps, and build a CI/CD development pipeline with Jenkins in this tutorial."
continuousdeployment  continuousintegration  programming  devops 
6 hours ago
From Blobs to Chunks: A Real Life Example of How to Structure Content
"In the article [Karen McGrane] talks about the conflict between content creators and web designers, and the contrasting understandings they have of the formatting and presentation of content. This tension can be similarly placed in between the author and the developer — it’s about a divide in the production and the delivery of content."
contentdesign  contentstrategy  content  model  bestpractice 
3 days ago
Content Modelling: A Master Skill
"The content model is one of the most important content strategy tools at your disposal. It allows you to represent content in a way that translates the intention, stakeholder needs, and functional requirements from the user experience design into something that can be built by developers implementing a CMS. A good content model helps ensure that your content vision will become a reality."
contentdesign  contentstrategy  cms  content  model 
3 days ago
The Megalithic Portal
World-wide Ancient Site Database, Photos and Prehistoric Archaeology News with geolocation : The Megalithic Portal and Megalith Map:
history  maps  science  geography  mapping 
3 days ago
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
"A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team"
collaboration  text  wiki  writing  tool 
3 days ago
The ultimate guide to remote meetings 2018 | The Official Slack Blog
At a glance: The ultimate guide to remote meetings 2018 In today’s workplace, you’re just as likely to be working with someone in a different part of the country (or a different part of the world) as you are with someone in a different part of the office—which is why getting a clear understan
IFTTT  Pocket 
4 days ago
What digital transformation means for your company | The Official Slack Blog
A digital transformation refers to the adoption of digital processes and tools to achieve strategic business goals. It’s a complex, multifaceted process that represents a massive cultural shift in the workplace and changes that affect every part of an organization.
IFTTT  Pocket 
4 days ago
Browser based open source web design tools. For tinkering.
chrome  firefox  browser  design  tool  plugin 
4 days ago
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 
4 days ago
Some notes on running new software in production
Touches on playbooks, ok/not ok to break, Kubernetes, and Envoy
devops  sysadmin  architecture  kubernetes  envoy  bestpractice 
4 days ago
Implementing the Indieweb on a static website
Sending and receiving Webmentions and Micropub on a static site
indieweb  webdevelopment  static 
4 days ago
Stan Lee: An Appreciation | Den of Geek
When Den of Geek asked me to write a few words about Stan Lee’s passing at age 95, I only had one thought: how could I even begin? As the co-creator of characters like Spider-Man, Iron Man, the Hulk, the X-Men and countless more - each one an industry unto themselves - Stan Lee has left as indeli
IFTTT  Pocket 
6 days ago
Calm Technology
Calm technology is maintained by Amber Case
technology  ambient  attention  distraction  calm  bestpractice 
6 days ago
Instant Pot BBQ Chicken
This Instant Pot BBQ chicken recipe makes perfectly shredded chicken without having to turn on your grill. This recipe is only 30 minutes start to finish!
food  recipe  instantpot  pressurecooker  chicken 
8 days ago
Tweet @ChrisEvans after watching this video and get him to admit that Snowpiercer is a sequel to Willy Wonka and the Chocolate Factory: Voice and theory by Luke Palmer Song: Dreams become real by Kevin Macleod More awesome videos at https://bit.ly/1UhL2in Follow us on twitter @2Kawaii4Comfort https://bit.ly/2OJSWsO
IFTTT  YouTube  video 
9 days ago
Responsive Navigation Patterns
"Top and left navigations are typical on large screens, but lack of screen real estate on small screens makes for an interesting challenge. As responsive design becomes more popular, it’s worth looking at the various ways of handling navigation for small screen sizes. Mobile web navigation must strike a balance between quick access to a site’s information and unobtrusiveness."
webdesign  webdevelopment  navigation  userexperience  mobilefirst  bestpractice 
10 days ago
The Art Institute of Chicago
Discover art by Van Gogh, Picasso, Warhol & more in the Art Institute's collection spanning 5,000 years of creativity.
art  design  images  publicdomain  inspiration 
10 days ago
What Does My Site Cost?
Find out how much it costs for someone to use your site on mobile networks around the world.
performance  tool  webdevelopment  testing 
10 days ago
Meta Tags — Preview, Edit and Generate
With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
webdevelopment  metadata  google  facebook  twitter  graph  socialmedia  testing 
10 days ago
Design systems pro video series—Master product design at scale with Brad Frost, Dan Mall, and Josh Clark
Watch videos of design system pros Brad Frost, Dan Mall, and Josh Clark sharing best practices for product design at scale. Get expert recommendations for improving speed, quality, and consistency with design systems.
video  webdesign  webdevelopment  designsystems  bestpractice  patternlibrary  styleguide  lessons 
12 days ago
Animated Grid Previews
A template where one can switch between little image previews that are scattered around the page. The images animate to a grid once an "explore" link is clicked.
animation  art  webdesign  grid  userinterface 
12 days ago
Yes, Alan, There Is An ROI For UX Design
"Alan Cooper recently wrote that the value of design should be obvious to everyone in the organization. If someone is asking you to explain design’s value, it’s because they can’t see it."
business  design  roi  userexperience 
14 days ago
Evangelizing a Design System
Get buy-in from executives for your design system. Explain why design systems are popular, show current gaps, calculate the expected ROI.
business  investment  management  designsystems  patternlibrary  styleguide  roi  budget  powerpoint  keynote  template 
14 days ago
How To Kill Your Tech Industry
"In World War II, Britain invented the electronic computer. By the 1970s, its computing industry had collapsed—thanks to a labor shortage produced by sexism."
computers  technology  feminism  sexism  equality  uk  history  programming 
14 days ago
Who "wrote" Aladdin? The Forgotten Syrian Storyteller - Ajam Media Collective
The following is a guest post by Arafat A. Razzaque, a PhD candidate in History & Middle Eastern Studies at Harvard University.
IFTTT  Pocket 
14 days ago
Who was the “real” Aladdin? From Chinese to Arab in 300 Years - Ajam Media Collective
The following is a guest post by Arafat A. Razzaque, a PhD candidate in History & Middle Eastern Studies at Harvard University.
IFTTT  Pocket 
14 days ago
Help me get my photos off of Flickr - photography download | Ask MetaFilter
With the news that Flickr is ending free accounts, I'd like to move my thousands of photos off the site before they disappear. I know Get Bulkr is frequently recommended; are there other options? (Much of the advice I've found is now outdated or appears to have been deprecated...)
IFTTT  metafilter  post 
15 days ago
Kala Sundial
The most charming timepiece of its kind. Pocket Sundial is crafted with traditional materials, based on ancient knowledge, a reliable companion on your travels.
design  engineering  time  sundial  tobuy 
15 days ago
Gleanly - UX repository
“A single, secure, searchable repository for all your UX knowledge, making sure those insights are never lost.”
userexperience  research  tool 
17 days ago
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 
17 days ago
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 
17 days ago
Managing Bugs in Scrum and Agile Projects
Using Average Bug Age as a driver of quality and agility in software projects.
bugs  agile  scrum  software  process 
17 days ago
Bruno Latour, the Post-Truth Philosopher, Mounts a Defense of Science - The New York Times
In the summer of 1996, during an international anthropology conference in southeastern Brazil, Bruno Latour, France’s most famous and misunderstood philosopher, was approached by an anxious-looking developmental psychologist.
IFTTT  Pocket 
17 days ago
Building a Design System: A Practitioner's Case Study
- How to build a design system from scratch
- How to audit your product for design consistency
- How to structure and communicate a design system to an Agile…
webdevelopment  webdesign  designsystems  styleguide  presentation 
17 days ago
Building a compelling business case for a Design System
"Design Systems are here to stay. […] But it’s not designers who we have to convince when it comes to investing in the build of a design system. Especially if we aren’t lucky enough to be in an organisation where design has a ‘seat at the table’. How can we sell the benefits of a design system with more focus on appealing to upper management, who may not see the same benefits we do?"
designsystems  webdevelopment  webdesign  business 
17 days ago
Design Systems Handbook
Your guide to design systems best practices. Learn how to design, build, maintain, and implement design systems–from design leaders and world-class teams.
webdesign  webdevelopment  styleguide  ebook  bestpractise  designsystems 
17 days ago
Getting executive buy-in for your design system
"As you may know, sometimes it’s difficult to explain inside a company what exactly a design system is and what value it provides. It’s also usual that we, the designers, try to get executive buy-in without having analyzed the specific circumstances of our company."
designsystems  business  presentation 
17 days ago
Ubiquitous Language & the joy of naming
"I want to discuss a topic near to my heart, a topic I believe to be the crux of effective software design. No, it’s not a new functional language, it’s not a fancy new framework, it’s not a how-to guide to do micro-services, nor a quantum leap in the field of machine learning.

It’s much simpler. It’s about names."
webdevelopment  programming  domain  glossary  language 
18 days ago
travels in space, travels in time | MetaFilter
Seven Weeks To Venice: Isochronic Maps. Want to find travel times? 24 hrs of traffic data anywhere? The Shape of Transit in Singapore?
IFTTT  metafilter  post 
19 days ago
October 21 post-incident analysis | The GitHub Blog
Last week, GitHub experienced an incident that resulted in degraded service for 24 hours and 11 minutes. While portions of our platform were not affected by this incident, multiple internal systems were affected which resulted in our displaying of information that was out of date and inconsistent.
IFTTT  Pocket 
19 days ago
Soft Skills 101 — Ops School Curriculum 0.1 documentation
The term “soft skills” seems to imply that these skills are somehow less important than technical skills. In reality, soft skills are often specifically sought-after by hiring managers. These skills are also important for operations people seeking to advance to senior engineering positions.
IFTTT  Pocket 
19 days ago
Responding to environmental light levels with CSS Media Queries Level 5
Media Queries Level 5 is a future specification for CSS media queries that intends to build upon the existing media queries spec that many of us use when we build responsive designs today as well as the CSS Media Queries Level 4 specification.
IFTTT  Pocket 
19 days ago
Dark Mode and CSS • The Breakroom
The new Dark Mode in macOS Mojave provides users with a new way to customize their desktop environment. It also presents a lot of new situations where developers need to adapt content in their apps and websites.
IFTTT  Pocket  css  webdesign  accessibility  webdevelopment 
19 days ago
This ain’t no anecdote - it pays to be diverse in UK tech - Tech Nation
I’ve been exploring what ‘good’ corporate governance looks like in UK tech. In our latest piece of research, it’s clear that having a gender diverse and internationally-mixed board leads to better financial outcomes.
IFTTT  Pocket 
19 days ago
UX — A quick glance about The 5 Elements of User Experience (Part 2)
"When you experience a website, maybe to buy something, or do anything, you make some decision while surfing this website. So, If we study the elements of that experience(considering all actions user can make), we can begin to understand how those decisions are made. Thus, Enhancing that experience, and satisfying user needs will get people motivated to use & interact with the product."
userexperience  webdevelopment  strategy  research 
20 days ago
THE MARTIANS ARE CO-- don't bother, they're here | MetaFilter
Sesame Street, the venerable, educational, entertaining children's television program, debuted in 1969; the characters the Martians (aka the Yip Yips) made their first appearance in 1971.
IFTTT  metafilter  post 
22 days ago
TravelTime Maps
Draw a travel time area on a map using the TravelTime API. Create isochrones using driving, cycling, walking and public transport times. Try it now!
mapping  map  travel  time  distance  tool 
22 days ago
Built With
Web technology information profiler tool. Find out what a website is built with.
analysis  analytics  technology  worldwideweb  data  tool 
24 days ago
Why is my bus late?
If you feel that your bus is always late, you might be right. This page tries to explain a little bit about why your bus is always late, why two turn up at once, and why the electronic screens are always wrong.
publictransport  bus  society  travel  interesting  research 
24 days ago
Workbench – The data journalism platform of the future
"Valuable data is found by reporters on a daily basis but analytic processes are intimidating. Data teams get flooded with requests, reporters loose autonomy, and important stories are lost.

We’re building Workbench to give reporters the power of data-science, no code required."
data  scraper  csv  worldwideweb  tool  twitter  googledrive 
24 days ago
101. Metafilter (1999) | MetaFilter
100 Websites That Shaped the Internet as We Know It
IFTTT  metafilter  post 
26 days ago
Knowbility is a nonprofit organization with the goal of improving technology access for millions of youth and adults with disabilities all over the world.
accessibility  userexperience  testing 
27 days ago
Disruptive Change: When Trying Harder Is Part of the Problem
You’re facing a major disruption in your market—a breakthrough technology that could reshape your entire business.
IFTTT  Pocket 
27 days ago
Homoglyph Attack Generator and Punycode Converter
Irongeek's Information Security site with tutorials, articles and other information.
security  utf  unicode  generator  homoglyph  punycode 
27 days ago
Instant Pot HK Borscht Soup | Tested by Amy + Jacky
Classic Instant Pot HK Borscht Soup (Pressure Cooker) is extremely easy to make with simple healthy ingredients! Comforting & Flavorful Vegetable Beef Soup.
food  recipe  soup  beef  chinese 
27 days ago
Thai Curried Butternut Squash Soup – Instant Pot
Excited to have a warm bowl of creamy soupy goodness? This Vegan Thai Curried Butternut Squash Soup made in the Instant Pot is what you have been waiting for. It is creamy, flavorful, healthy and vegan!
recipe  soup  squash  instantpot  pressurecooker  food 
29 days ago
Instant Pot Chicken Carnitas
Easy Instant Pot Chicken Carnitas - juicy chicken cooked and shredded in under 30 minutes! Add to burritos, nachos, tacos and bowls. Whole30 + Paleo + Gluten Free
recipe  food  chicken  mexican  instantpot  pressurecooker 
29 days ago
My Day by Jonesy: A Cat's Eye View of Alien | Nature | Leisure
MY DAY BY JONESY: A CAT'S EYE VIEW OF ALIEN When, at the end of  Alien , Sigo!ne" Wea#e! $a"$, %Thi$ i$ &i(e", (a$t $!#i#o! of the  No$t!o)o, $igning off,% $he'$ not te((ing the *ho(e t!th+ Bea$e the!e'$ anothe! $!#i#o!, !(ed  *ith he! in the h"e!$(ee a
IFTTT  Pocket 
4 weeks ago
What next for photography in the age of Instagram? | Art and design | The Guardian
In 2012, I wrote an essay about the shifting nature of photography in an era of unprecedented image overload. Back then, Facebook users alone were uploading 300m photographs a day, while the number of images posted on Flickr and Instagram had exceeded the 11bn mark.
IFTTT  Pocket 
4 weeks ago
Camelot: PDF Table Extraction for Humans
Camelot is a Python library that makes it easy for anyone to extract tables from PDF files!
data  pdf  python  table 
4 weeks ago
Fold N Fly ✈
A database of paper airplane folding designs and instructions
airplane  craft  origami  paper 
4 weeks ago
Use Cases For Flexbox
"In this final article of the series, we wrap up by taking a look at some of the common uses for Flexbox. What should we use Flexbox for, and what it is not so good at?"
css  flexbox  grid  layout  webdesign  webdevelopment 
4 weeks ago
The Shapes of CSS
"CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into circles and ovals.

We also get the ::before and ::after psuedo elements in CSS, which give us the potential of two more shapes we can add to the original element. By getting clever with positioning, transforming, and many other tricks, we can make lots of shapes in CSS with only a single HTML element."
css  webdesign  shapes  tricks 
4 weeks ago
What's Really Warming the World?
"Climate deniers blame natural factors; NASA data proves otherwise"
climate  data  science  earth  climatechange  globalwarming  visualisation 
4 weeks ago
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 
4 weeks ago
Negative Grid Lines
Uses for negative grid lines.
css  webdesign  grid  layout 
4 weeks ago
Accessibility Cheatsheet
Practical approaches to Universal Design for making your website/webapp accessible to everyone
accessibility  cheatsheet  reference  webdesign  webdevelopment  bestpractice 
4 weeks ago
« earlier      
accessibility advertising advice agile analysis analytics animation api appdevelopment apple application architecture art article artificialintelligence ask_metafilter_posts astronomy audio bestpractice blog book books branding browser business camera chicken 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 instantpot 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 pocket politics post presentation pressurecooker process productivity programming progressiveenhancement projectmanagement psychology python reading recipe reference research resource responsivedesign rest restful science sciencefiction search security serviceworker shopping slack socialmedia socialnetworking socialsoftware society software space statistics strategy styleguide sysadmin technique technology testing text 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: