Search

Nalezeno "design": 1112

Overlaying Video With Transparency While Wrangling Cross-Browser Support

8.12.2020
As websites are becoming more and more dynamic when it comes to design, there is sometimes a need to incorporate complex, animated elements. There are many ways to do that from CSS transitions to 3D rendering on canvas, and animated SVG. But it is often easier to use a <video> since they...

Painting With the Web

1.12.2020
Matthias Ott, comparing how painter Gerhard Richter paints (do stuff, step back, take a look) to what can be the website building process and what can wreck it: […] this reminds me of designing and building for the Web: The unpredictability, the peculiarities of the material,...

Under-Engineered Responsive Tables

1.12.2020
I first blogged about responsive data tables in 2011. When responsive web design was first becoming a thing, there were little hurdles like data tables that had to be jumped. The nature of <table> elements are that they have something a minimum width depending on the content they contain...

Collective #636

26.11.2020
Web Development for Beginners * Playfulness In Code * Text Gradients in CSS * What are design tokens? The post Collective #636 appeared first on Codrops

CSS Background Patterns

17.11.2020
Nice little tool from Jim Raptis: CSS Background Patterns. A bunch of easy-to-customize and copy-and-paste backgrounds that use hard stop CSS gradients to make classy patterns. Not quite as flexible as SVG backgrounds, but just as lightweight. Like this: CodePen Embed Fallback Speaking of cool...

Mixing Colors in Pure CSS

16.11.2020
Red + Blue = Purple… right? Is there some way to express that in CSS? Well, not easily. There is a proposal draft for a color-mix function and some degree of interest from Chrome, but it doesn’t seem right around the corner. It would be nice to have native CSS color mixing, as it would give...

SVGBOX

13.11.2020
I’ve been saying for years that a pretty good icon system is just dropping in icons with inline <svg> where you need them. This is simple to do, offers full design control, has (generally) good performance, and means you aren’t smurfing around with caching and browser support...

ARIA in CSS

11.11.2020
Jeremey reacting to Sara’s tweet, about using [aria-*] selectors instead of classes when the styling you are applying is directly related to the ARIA state. … this is my preferred way of hooking up CSS and JavaScript interactions. Here’s [an] old CodePen where you can see...

JavaScript Operator Lookup

9.11.2020
Okay, this is extremely neat: Josh Comeau made this great site called Operator Lookup that explains how JavaScript operators work. There are some code examples to explain what they do as well, which is pretty handy. My favorite bit of UI design here are the tags at the bottom of the search...

How to Bring Your Website to Life with UI Animation

9.11.2020
Web design can feel pretty predictable these days. If you want to differentiate your website from the pack, bring some excitement to it with UI animation. The post How to Bring Your Website to Life with UI Animation appeared first on Codrops

This page is a truly naked, brutalist html quine.

4.11.2020
Here’s a fun page coming from secretGeek.net. You don’t normally think “fun” with brutalist minimalism but the CSS trickery that makes it work on this page is certainly that. The HTML is literally displayed on the page as tags. So, in a sense, the HTML is both the page...

Getting the WordPress Block Editor to Look Like the Front End Design

4.11.2020
I’m a WordPress user and, if you’re anything like me, you always have two tabs open when you edit a post: one with the new fancy pants block editor, aka Gutenberg, and another with a preview of the post so you know it won’t look wonky on the front end. It’s no surprise that...

Collective #632

2.11.2020
Stories for VSCode * Copying is the way design works * Native CSS Masonry Layout In CSS Grid The post Collective #632 appeared first on Codrops

In Defense of Tables and Floats in Modern Day Development

30.10.2020
Twenty-plus years ago, tables were the main way web pages were created in HTML. It gave web builders consistent control of constructing pages with some “design.” No longer did sites only have to be top-to-bottom in a linear manner — they could be set up with columns that align left-to-right...

Using Your Own Design System with KendoReact Components

30.10.2020
Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap or Material Design, except the components...

Oblíbený meteoradar Meteor pro Android má po letech nový design

28.10.2020
Nejpopulárnější tuzemský meteoradar Meteor s více než milionem instalací v říjnu prošel kompletním redesignem. U úzce zaměřené aplikace postavené okolo mapy se srážkovým radarem pochopitelně nečekejte žádnou revoluci. Vývojáři z pražského studia Androworks stojící také za oblíbeným Aladinem nebo

Anima 4.0: Go Straight From Design to React in the Design Handoff

27.10.2020
Imagine this scenario: You get an email from the design team. It contains a link to a high-fidelity prototype of a React app they want you to build. You click the link and get ready to inspect the work only to find… the components have already been built. Huh? It might sound like a dream...

UI Interactions & Animations Roundup #11

22.10.2020
A new hand-picked collection of great web motion design concepts, UI interactions and animations. The post UI Interactions & Animations Roundup #11 appeared first on Codrops

Collective #629

22.10.2020
Hands-Free Coding * Thinking Outside the Box with CSS Grid * Responsive Height Design * SVG Favicon Maker The post Collective #629 appeared first 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