Search
Fluid Width Video
11.3.2020
IN A WORLD of responsive and fluid layouts on the web, ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video can be displayed on your site. You might be self-hosting the video and presenting it via the HTML5 <video tag. You might...
The Government Can’t Stand Decentralized Innovations Like Bitcoin, so It Tries to Ruin Them
10.3.2020
Feeding the homeless, affordable medicine, an easy-to-use gas can design, starting a small business to meet the needs of one’s community — borderless, permissionless P2P electronic payments. These are all simple, practical activities and tools that can be leveraged in decentralized...
I Pressed ⌘B. You Wouldn’t Believe What Happened Next
9.3.2020
This talk by Marcin Wichary is — beyond both enthusiastic and outstanding — all about the complexity of UI design, typography, and the lengths his team at Figma has gone to make sure that doing something as simple as selecting a font from a dropdown does what you expect it to.
I’d recommend this...
Intel NUC 11 bude mít nové 10nm procesory Tiger Lake, samostatné grafiky i nový design
9.3.2020
Minipočítače v krabičce už Intel nabízí několik let, během kterých se dočkaly spousty vylepšení. V chystané další generaci se dočkáme nejen nového designu, ale také nového hardwaru.
Zatím se objevily pouze neoficiální informace od FanlessTech, ale nová generace Intel NUC 11 má kódové označení
Google Fonts + Variable Fonts
7.3.2020
I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference really, except it's blue instead of red and this one pretty rad checkbox: Show only variable fonts.
An option to only show variable fonts is...
What to Use Instead of Number Inputs
6.3.2020
You might reach for <input type="number> when you're, you know, trying to collect a number in a form. But it's got all sorts of issues. For one, sometimes what you want kinda looks like a number, but isn't one (like how a credit card number has spaces), because it's really just a string...
The Slideout Footer
5.3.2020
A fascinating new site called The Markup just launched. Tagline: Big Tech Is Watching You. We’re Watching Big Tech. Great work from Upstatement. The content looks amazing, but of course, around here we're always interested in the design and tech as well. There is loads to adore, from the clean...
Big and Bold Typography: A New Trend in Web Design
3.3.2020
Big and bold typography is an absolute classic of website design. It is a timeless, old-school stylistic option that works like a Swiss watch, regardless of the environment that...
The post Big and Bold Typography: A New Trend in Web Design appeared first on Onextrapixel
10+ Examples of Responsive Websites That Got It Right
27.2.2020
How do you make sure your website will look good on every browser and device? Take a look at these responsive web designs and you’ll discover how.
10+ Examples of Responsive Websites That Got It Right was written by Bogdan Sandu and published on Codrops
Fixed Headers and Jump Links? The Solution is scroll-margin-top
21.2.2020
The problem: you click a jump link like <a href="#header-3">Jump</a> which links to something like <h3 id="header-3">Header</h3>. That's totally fine, until you have a position: fixed; header at the top of the page obscuring the header you're trying to link to!
Fixed...
iOS 13 Design Guidelines, Templates, and Downloads
21.2.2020
Erik Kennedy wrote up a bunch of design advice for designing for the iPhone. Like Apple's Human Interface Guidelines, only illustrated and readable, says Erik.
This is mostly for native iOS apps kinda stuff, but it makes me wonder how much of this is expected when doing a mobile Progressive...
Understanding Web Accessibility Color Contrast Guidelines and Ratios
19.2.2020
What should you do when you get a complaint about the color contrast in your web design? It might seem perfectly fine to you because you’re able to read content throughout the site, but to someone else, it might be a totally different experience. How can put yourself in that person’s shoes...
Logo Package Express: Making Logo Design Packaging a Breeze
19.2.2020
Have you ever found yourself needing to upload dozens, if not hundreds of logo files to your team or clients and dreading it? Trying to finish your logo project...
The post Logo Package Express: Making Logo Design Packaging a Breeze appeared first on Onextrapixel
Blame the implementation, not the technique
17.2.2020
I'm not sure we've gotten much better at this since Tim Kadlec wrote this in 2012:
Stop me if you’ve heard this one before.
“Responsive design is bad for performance.”“User agent detection is bad. Don’t segment the web.”“Hybrid apps don’t work as well as native apps.”“CSS preprocessors shouldn’t...
Toward Responsive Elements
12.2.2020
Hot news from Brian Kardell, regarding what we've been referring to as "container queries", the most hotly requested feature in CSS:
There does seem to be some general agreement on at least one part of what I am going to call instead "Responsive Design for Components" and that is that flipping...
Design Systems Blogathon
11.2.2020
It was fun watching a bunch of back and forth blogging between a bunch of smart people quoting a bunch of smart people last week. If you missed it, you might wanna start at the end and work backward.
I only have one tidbit to add. I don't do much with design systems as someone who works on pretty...
The Case of the Stolen Domain Names
10.2.2020
Back in 2011, the domain name for this site, css-tricks.com, was stolen. "Domain Hijacking," they call it. It wasn't just this site, but around 12 others in the design and development space. To this day, none of us really know how it happened and who was behind it, although I believe all...
Old CSS, new CSS
7.2.2020
I love this post that walks through the development of CSS and HTML — it shows just how far web design has come and how much easier it is for us all now.
Eevee looks at designing websites with tables, the Space Jam website, and how for centuries there was no way to easily inspect changes made to...
Building an accessible autocomplete control
6.2.2020
Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention...
Crafting a Cutout Collage Layout with CSS Grid and Clip-path
5.2.2020
Learn how to code up an interesting design with a cutout image look using CSS Grid and clip-path.
Crafting a Cutout Collage Layout with CSS Grid and Clip-path was written by Briana Camp and published on Codrops