Search
Downsides of Smooth Scrolling
11.3.2019
Smooth scrolling has gotten a lot easier. If you want it all the time on your page, and you are happy letting the browser deal with the duration for you, it's a single line of CSS:
html {
scroll-behavior: smooth;
}
I tried this on version 17 of this site, and it was the second most-hated thing...
Accessibility is not a “React Problem”
11.3.2019
Leslie Cohn-Wein's main point:
While [lots of divs, inline styles, focus management problems] are valid concerns, it should be noted that nothing in React prevents us from building accessible web apps.
True. I'm quite capable (and sadly, guilty) of building inaccessible interfaces with React...
6 Up and Coming Web Design Trends in 2019
11.3.2019
Every year and even every few months, new design trends pop up. Personally, I love watching other creative people devise new takes on design. Today, we’ll discuss 6 up...
The post 6 Up and Coming Web Design Trends in 2019 appeared first on Onextrapixel
Inspirational Websites Roundup #2
5.3.2019
The second compilation of inspiring website designs with some unique picks to get your creative juices flowing.
Inspirational Websites Roundup #2 was written by Mary Lou and published on Codrops
I Spun up a Scalable WordPress Server Environment with Trellis, and You Can, Too
28.2.2019
A few years back, my fledgling website design agency was starting to take shape; however, we had one problem: managing clients' web servers and code deployments. We were unable to build a streamlined process of provisioning servers and maintaining operating system security patches. We had...
Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints
25.2.2019
CSS custom properties (a.k.a. CSS variables) are becoming more and more popular. They finally reached decent browser support and are slowly making their way into various production environments. The popularity of custom properties shouldn’t come as a surprise, because they can be really helpful...
Everything you Need to Know About Prototyping Natively in Sketch
25.2.2019
For many designers, Sketch adding a prototyping feature last year is a Godsend. It’s a great tool to help to streamline our workflows and increase our productivity when we...
The post Everything you Need to Know About Prototyping Natively in Sketch appeared first on Onextrapixel
Blobs!
21.2.2019
I was recently a guest editor for an issue of Bizarro Devs. It's a great newsletter! Go sign up! I put in a bunch of links around blobs. Like those weird squishy random shapes that are so "in" right now. Here are those links as well. I'm always a fan of publishing stuff I write ;)
Blobs! Blobs...
Deliver your best work with the help of monday.com
21.2.2019
(This is a sponsored post.)
Here's the situation: You've bashed out a complicated design over two weeks of near full-time effort, gotten everything down to the exact spec of the design file, turn it in for stakeholder review and... you're way off scope. Turns out a few folks on the team put their...
Deliver your best work with the help of monday.com
21.2.2019
(This is a sponsored post.)
Here's the situation: You've bashed out a complicated design over two weeks of near full-time effort, gotten everything down to the exact spec of the design file, turn it in for stakeholder review and... you're way off scope. Turns out a few folks on the team put their...
Collective #493
18.2.2019
ES5 to ESNext * Don't Get Clever with Login Forms * Meteorite * Awesome Design Tools * Leon
Collective #493 was written by Pedro Botelho and published on Codrops
Getting to Grips with the Airtable API
14.2.2019
The Airtable web app is pretty neat. You can use it like a spreadsheet but it’s useful for all sorts of other things too. The neatest thing about it for me is that it has an API so that you can treat it like a database.
I’ve been thinking about making weekly notes for the different teams I work...
“the closest thing web standards have to a golden rule”
14.2.2019
The internet's own Mat Marquis plucks this choice quote from the HTML Design Principals spec:
In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.
And then he applies the idea to putting images on websites in 2019.
Direct Link to Article...
A Site for Front-End Development Conferences (Built with 11ty on Netlify)
12.2.2019
I built a new little site! It's a site for listing upcoming conferences in the world of front-end web design and development. In years past (like 2017), Sarah Drasner took up this daunting job. We used a form for new conference submissions, but it was still a rather manual task of basically...
Come to An Event Apart in 2019
7.2.2019
The 2019 season for An Event Apart (the premiere web and interaction design conference) is about to kick off!
Seattle - March 4–6, 2019
Boston - May 6–8, 2019
Washington DC - July 29–31, 2019
Chicago - August 26–28, 2019
Denver - October 28–30, 2019
San Francisco - December 9–11...
Nová jarní verze Windows 10 se blíží. Podívejte se, jak se změní design systému
6.2.2019
Nový April 2019 Update pro operační systém Windows 10 na počítače dorazí v dubnu, již nyní se ale můžete podívat, co je nového – systém v téměř finální verzi již testují Insideři. Hlavní vizuální novinkou je světlé téma.
Světlé téma se promítne hlavně na panel aplikací a do Startu – oboje bylo
Inspirational Websites Roundup #1
4.2.2019
The first edition of a new series that aims to showcase inspirational website designs.
Inspirational Websites Roundup #1 was written by Mary Lou and published on Codrops
Gmail postupně dostane funkce z ukončovaného Inboxu, na Androidu i nový design
4.2.2019
Gmail se do nových barev převlékl na webu již před několika měsíci, mobilní aplikaci to ale teprve čeká. Novou aktualizaci Google vypustil až nyní a mezi uživatele se šíří postupně. Větší novinky nás ale teprve čekají – Gmail totiž získá další funkce z Inboxu.
Ukončení experimentální aplikace
Well, Typetura seems fun
1.2.2019
I came across this update from Scott Kellum's and Sal Hernandez's project Typetura via my Medium feed this morning, and what a delight?!
(Also, wow, I really have been out of the game for a minute.)
Typetura.js is a fluid design solution, for any property, based on any input. It’s not for just...
The Many Ways to Change an SVG Fill on Hover (and When to Use Them)
31.1.2019
SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using them inline.
SVG also gives us another powerful feature: the ability to manipulate their properties with CSS. As a result, we can make quick...