#web (4,377 links)
- hanging-punctuation | CSS-Tricks css-tricks.com
The hanging-punctuation property aims at giving web designers a finer grained control over typography on the web. The idea behind hanging punctuation is to put…
- 6 in 1 - Sessions by Pusher pusher.com
About this talk It's been a dream to support multiple platforms from one codebase, and to abstract their differences in UX to unify development. Taz has…
- Easing Linear Gradients | CSS-Tricks css-tricks.com
Linear gradients are easy to create in CSS and are extremely useful. As we'll go through in this article, we can make them visually much smoother by creating…
- Mobile First, Desktop Worst – Prototyping: From UX to Front End blog.prototypr.io
Mobile First, Desktop Worst An op-ed from the front lines of product design at MetaLab . First, a disclaimer: the subject of this article is Mobile First in the…
- Combining fonts jakearchibald.com
Posted 28 April 2017 I love the font Just Another Hand , I use it a lot in diagrams during my talks: Here it is! Yay! The thing is, I don't like the positioning…
- Implementing system fonts on Booking.com — A lesson learned. booking.design
Inspired by the recent work that Github and Medium have done to improve their fonts and thus the reading experience on their sites, we at Booking.com got to…
- Create Next App github.com
The easiest way to create a React app with server-side rendering thanks to Next.js — How to create an app User Guide — How to develop apps started with Create…
Today, we’re excited to share a tool we built to help bridge the gap between designers and engineers working on design systems at scale. React-sketchapp is an…
- Individualizing CSS Properties with CSS Variables danielcwilson.com
April 7, 2017 In “A Trick: Individual CSS Transform Functions” , I discussed how we could use CSS Variables (Custom Properties) to bring us close to independent…
- How we assemble web pages at BBC News | Wildly Inaccurate wildlyinaccurate.com
This post is about the Web Application Framework in use by some teams at the BBC. It is not strictly a framework in that it specifies the contracts between…
- Introducing a faster BBC News front page | Wildly Inaccurate wildlyinaccurate.com
Web performance is something I care deeply about both as a developer whose work affects millions of people around the world, and as a user who often accesses…
- We’re building an autocomplete | Design notes designnotes.blog.gov.uk
We’re building an autocomplete. These are sometimes called typeaheads. They can help users answer questions, and help services get more consistent data. We’ve…
- When Does a Project Need React? | CSS-Tricks css-tricks.com
You know when a project needs HTML and CSS, because it's all of them. When you reach for JavaScript is fairly clear: when you need interactivity or some…
- JavaScript: What excites me in 2017 – Hacker Noon hackernoon.com
JavaScript: What excites me in 2017 The web disseminates ideas globally, instantly at zero cost. Because JS executes on the Web it has an unfair advantage over…
- Walmart: Agility Enabled with React.js, Node.js - InformationWeek informationweek.com
Walmart: Agility Enabled with React.js, Node.js Alex Grigoryan needed to attack multiple fronts as he revamped the Walmart Web site; the answer was…
- Is It Accessible? | scottohara.me scottohara.me
Defining our jumping off point: If you follow many developers or web designers on Twitter, you may have seen the following tweet: No! Just because bigger…
- The invisible parts of CSS · MadebyMike madebymike.com.au
The invisible parts of CSS 03 Apr 2017 If you use CSS in your daily work, your primary goal is probably focused around making things ‘look right’. How this is…
Twitter Lite and High Performance React Progressive Web Apps at Scale A look into removing common and uncommon performance bottlenecks in one of the worlds…
This is a reply to a post on zellwk.com concluding that “So.. I’m sorry to break your bubble, pixel fans, but it’s a no-go for pixel based queries.” There are a…
- We need to talk about Opera Mini chenhuijing.com
Earlier this year, Jen Simmons asked the following question: From your memory, which browser has now twice the user base of Internet Explorer (globally)? (Don’t…
Paul Ford Co-founder, http://postlight.com, a digital product studio in NYC. Also writer, Medium advisor, programmer. Any port in a storm, especially ports 80…
- Style Guide cehfisher.github.io
This application is a living style guide, generated from KSS documented styles...with an accessibility twist. How this all got started We wear a lot of hats as…
There’s been a lot of buzz around Progressive Web Apps (PWAs) lately, with many people questioning whether they represent the future of the (mobile) web. I’m…
- Flags are not languages – A blog about designing global user experiences: beyond language, location & culture. flagsarenotlanguages.com
What if a user visiting an e-commerce site wants to change the language of the site? Or the currency? Thinking about currency, the main reason a user would…
- Content-out Layout alistapart.com
Illustration by Kevin Cornell Grids serve well to divide up a predefined canvas and guide how content fits onto a page, but when designing for the web’s fluid…
- Modern JavaScript for Ancient Web Developers trackchanges.postlight.com
Learn JavaScript using… JavaScript. Image via learnyounode . There’s a certain kind of old-school, backend web developer who, a long time ago, mastered things…
- WTF, forms? wtfforms.com
Checkboxes and radios <label class= "control checkbox" > <input type= "checkbox" > <span class= "control-indicator" ></span> Check this custom checkbox </label>…
Common architectural motifs can be seen across many of Brasília’s civic buildings. The final part of a three-part essay based on the talk I gave at Smashing…
- A Little Surprise Is Waiting For You Here — Meet The Next Smashing Magazine smashingmagazine.com
No, this is not a broken page or a sneaky landing page. Today marks an important milestone in Smashing Magazine’s life, and this very page is an early preview…
- Preventing cross-site attacks using same-site cookies blogs.dropbox.com
Our comms team told us we need an image; our legal team told us it needed to be freely licensed. Credit: Carsten Schertzer (Creative Commons Attribution 2.0 )…
- Hassle-free Full Bleed with *:not() daverupert.com
Let’s say you’re making a blog post layout. Content is entered into a CMS inside a WYSIWYG editor field. You echo that conent to the page. You pull it up on a…
Only 2 out of every 1000 mobile web users ever tap a custom share button—like even once—according to a Moovweb study . We found similarly tiny numbers during…
- MicahGodbolt.com - Make Composable, not Customizable Components micahgodbolt.com
Make Composable, not Customizable Components Posted on: 02/27/2017 One of the challenges of developing for an open source design system like Fabric React is…
Thursday, 16 March 2017 The State of Browser Caching, Revisited Filed under: HTTP Caching A long, long time ago, I wrote some tests using XmlHttpRequest to…
- A better approach to CSS aspect ratios keithjgrant.com
There’s an old hack for creating elements with a fixed aspect ratio that involves using a percentage-based padding. You may be familiar with it. It looks…
- donnemartin/system-design-primer github.com
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
#design#design-patterns #design-system #development#interview#interview-practice#interview-questions #programming #python #system #web#web-application#webapp - Same same…but different medium.com
F or years it seems we’ve felt comfortable freely interchanging the words ‘internet’ and ‘web’. Technically speaking, the internet is a global system of…
- World Wide Web, Not Wealthy Western Web (Part 1) – Smashing Magazine smashingmagazine.com
“There are more things in heaven and earth, Horatio, than are dreamt of in your philosophy,” said Shakespeare’s Hamlet, in the famous scene in which Hamlet…
- Caddy - The HTTP/2 Web Server with Fully Managed TLS caddyserver.com
- CSS Grid Layout and Progressive Enhancement developer.mozilla.org
- How OkCupid organizes its multi-page React app tech.okcupid.com
- State of Responsive Images 2017 cloudfour.com
- What we found when we tested tools on the world’s least-accessible webpage | Accessibility accessibility.blog.gov.uk
- Carousel Usage Exploration On Mobile E-Commerce Websites smashingmagazine.com
For the past three years, I've done a lot of research and experiments related to the idea of style scoping and element queries in CSS. Since experimenting with…