Search

Nalezeno "design": 1247

Some Typography Links

3.4.2020
I just can’t stop bookmarking great links related to typography. I’m afraid I’m going to have to subject you, yet again, to a bunch of them all grouped up. So those of you that care about web type stuff, enjoy. I know there are lots of good reasons to be excited about variable...

Why Do Some HTML Elements Become Deprecated?

2.4.2020
The internet has been around for a long while, and over time we’ve changed the way we think about web design. Many old techniques and ways of doing things have gotten phased out as newer and better alternatives have been created, and we say that they have been deprecated. Deprecated. It’s a word...

Rethinking Code Comments

2.4.2020
Justin Duke asks if treating code comments like footnotes could help us understand the code in a file better. In his mockup, all the comments are hidden by default and require a click to reveal: What a neat idea! Justin’s design reminds me of the way that Instapaper treated inline...

How to build a bad design system

31.3.2020
I didn’t realize this until it was far too late, but one of the biggest mistakes that’s made on a design systems team is a common mismanagement issue: there are too many people in a meeting and they have too many dang opinions. Is there a conversation about the color of your buttons that’s taking...

How to Repeat Text as a Background Image in CSS Using element()

26.3.2020
There’s a design trend I’ve seen popping up all over the place. Maybe you’ve seen it too. It’s this sort of thing where text is repeated over and over. A good example is the price comparison website, GoCompare, who used it in a major multi-channel advertising campaign. Nike has used it as well...

Value Bubbles for Range Inputs

26.3.2020
HTML5 range inputs, in supported browsers and by design, don't show the user the actual value they are submitting. If you want to use the cool slider, but show the value, you'll have to do that yourself. Here we use the output element and jQuery to show the current value in a bubble that hovers...

Neumorphism and CSS

20.3.2020
Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal and real-looking UI that’s sort of a new take on skeuomorphism — hence the name. It got its name in a UX Collective post from December 2019,...

Tools for Optimizing SVG

17.3.2020
This is our straight-to-the-point list of SVG optimizing tools across a number of categories. They are all largely based around SVGO, but how you use it depends. There are web apps, desktop apps, apis, and even design tool add-ons. The post Tools for Optimizing SVG appeared first on CSS-Tricks

How to Make Repeating Border Images

16.3.2020
I just saw this cool little site from Max Bittker: broider. You design an image on a 9-slice grid (except the middle part) and it will produce an image for you to use with border-image along with the CSS to copy and paste. Check out my little design: CodePen Embed Fallback The areas of the image...

Sass !default and themeable design systems

11.3.2020
This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this: .c-text-input { background-color: $form-background-color; padding: 10px } If the $form-background-color variable isn’t defined then...

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...

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...

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

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace