Search

Nalezeno "UX design": 1247

Making Tables Responsive With Minimal CSS


Here’s a fabulous CSS trick from Bradley Taunt in which he shows how to make tables work on mobile with just a little bit of extra code. He styles each table row into a card that looks something like this: See the Pen Responsive Tables #2.5: Flexbox by Bradley Taunt (@bradleytaunt) ...

Weaving One Element Over and Under Another Element


In this post, we’re going to use CSS superpowers to create a visual effect where two elements overlap and weave together. The epiphany for this design came during a short burst of spiritual inquisitiveness where I ended up at The Bible Project’s website. They make really cool animations, and...

Collective #557


Design System Playground * roughViz * GitSheet * How to design delightful dark themes * Able Collective #557 was written by Pedro Botelho and published on Codrops

NIXT – Nexinter Launches Exchange Offering Using SLP


Today, NextHash and Bitcoin.com have entered a technical partnership to design and structure the NIXT utility token. NIXT token is being listed in its fully operational exchange Nexinter on top of Bitcoin Cash, using the Simple Ledger Protocol (SLP) framework. The post NIXT – Nexinter...

German Bank Predicts BTC at $90,000 After Next Halving


You wouldn’t expect a traditional financial institution to come up with a very optimistic forecast about the future of a cryptocurrency or an honest appraisal of its design. But Bayern LB, a lender based in the rich German province of Bavaria, has surprised the crypto community. In a recently...

Collective #553


Text Rendering Hates You * Working with GitHub Actions * Design Tips * Frankenstein Migration Collective #553 was written by Pedro Botelho and published on Codrops

A Codebase and a Community


I woke up one morning and realized that I had it all wrong. I discovered that code and design are unable to solve every problem on a design systems team, even if many problems can be solved by coding and designing in a dark room all day. Wait, huh? How on earth does that make any sense? Well...

Confessions of a Web Developer XVII


It’s been quite a while since I’ve gotten a few things off of my chest and since I’m always full of peeves and annoyances I thought it was time to unleash: Firefox’s DevTools are outstanding right now. From the improvements we’ve made to the debugger, to responsive...

Stylish Sites Made Simple with AnyMod (Sponsored)


Amazing-looking websites often have specific patterns, and for a reason — they work. Whether it’s a slideshow, a parallax effect, or more traditional design, there’s a service that makes total designs and widgetry simple: AnyMod allows web experts and beginners alike to create...

Variable Fonts Link Dump!


There's been a ton of great stuff flying around about variable fonts lately (our tag has loads of stuff as well). I thought I'd round up all the new stuff I hadn't seen before. Google fonts has a beta of hosted variable fonts and the announcement demo is on CodePen. Speaking of Google Fonts...

Table with Expando Rows


"Expando Rows" is a concept where multiple related rows in a <table> are collapsed until you open them. You'd call that "progressive disclosure" in interaction design parlance. After all these years on CSS-Tricks, I have a little better eye for what the accessibility concerns of...

Ghost Buttons with Directional Awareness in CSS


It would surprise me if you'd never come across a ghost button 👻. You know the ones: they have a transparent background that fills with a solid color on hover. Smashing Magazine has a whole article going into the idea. In this article, we’re going to build a ghost button, but that will...

Inspirational Websites Roundup #8


Another set of inspirational website designs from the previous month to bring you up to date on the current design trends. Inspirational Websites Roundup #8 was written by Mary Lou and published on Codrops

Learn Design for Developers and SVG Animation with Sarah Drasner ✨????


(This is a sponsored post.) Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️! Have you checked out Sarah Drasner's courses yet? She has two awesome courses on Design for Developers and SVG! Plus another introducing Vue.js! Design for Developers In...

Připravte se na bílý Facebook. Nový design z aplikace už se testuje i na webu


Facebook nový bílý vzhled oznámil v květnu a prozatím zavítal na mobilní telefony. Nyní ale dochází mezi uživateli i na desktopu. A přesně jak slíbili, rozloučit se můžeme s modrou barvou a šedým pozadím – vše ovládne bílá. Na testování upozornil Matt Navarra na svém Twitteru společně se

Styling Links with Real Underlines


Before we come to how to style underlines, we should answer the question: should we underline? In graphic design, underlines are generally seen as unsophisticated. There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles. That’s clear in this advice from Butterick’s...

Popular Web Tools and Services Among Designers & Developers (Sponsored)


Today we will present you the most popular 30 web tools and services among designers and developers. We handpicked solutions that are offering the best functionalities, support, and pricing on the market. You will find probably the best logo design creating software, the very well-known Hotjar...

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