Search

Nalezeno "systems": 538

The Elements of UI Engineering


I really enjoyed this post by Dan Abramov. He defines his work as a UI engineer and I especially like what he writes about his learning experience: My biggest learning breakthroughs weren’t about a particular technology. Rather, I learned the most when I struggled to solve a particular UI problem....

How to Change the WordPress Admin Login Logo


There are numerous content management systems that thrive these days but none are as prolific as WordPress. Every client wants the ability to change their website at a moment’s notice and they want to do it themselves, and again, WordPress is the best fit for that. You fit the client with...

A Quick CSS Audit and General Notes About Design Systems


I’ve been auditing a ton of CSS lately and thought it would be neat to jot down how I’m going about doing that. I’m sure there are a million different ways to do this depending on the size and scale of your app and how your CSS works under the hood, so please take all this with a grain of salt....

Making SVG icon libraries for React apps


Nicolas Gallagher: At Twitter I used the approach described here to publish the company’s SVG icon library in several different formats: optimized SVGs, plain JavaScript modules, React DOM components, and React Native components. There is no One True Way© to make an SVG icon system. The only...

Design Systems at GitHub


Here’s a nifty post by Diana Mounter all about the design systems team at GitHub that details how the team was formed, the problems they've faced and how they've adapted along the way: When I started working at GitHub in late 2015, I noticed that there were many undocumented patterns, I had...

Collective #431


Browsh * CSS Nesting Request * Itty.bitty * UnusedCSS * Design Systems at GitHub * The CSS Paint API * Podmap Collective #431 was written by Pedro Botelho and published on Codrops

Free E-book: ​Modernize for Mobile Apps


(This is a sponsored post.) No sign up required to read the free e-book. Building modern apps (mobile, PWAs or Single Page Apps) that connect to legacy or enterprise systems is a pain. We put together an e-book that discusses the various options for how to make it all work. Here are some of...

8 Effective Design Tips for Offline Applications


With the seeming massive adoption of web applications, design systems to support this adoption get better. While the internet is abound in certain areas, connectivity could be limited or non-existe

What is SVG good for?


Y'all probably wouldn't be surprised if I told you it's pretty awesome for icons, and icon systems. SVG icon systems can, and perhaps should be quite easy. I'm a fan of just inlining those suckers, particularly when they are pretty simple. But what else? Logos is a classic example! A lot...

Collective #425


The Layouts of Tomorrow * Pure Bash Bible * ColorSpark * Roller * Yett * Distinct Design Systems * The Problem with Patterns Collective #425 was written by Pedro Botelho and published on Codrops

Collective #422


G6 * Priority Nav Scroller * CORS * Sketch.systems * 10 Things I Regret About Node.js * Supercraft * The History of Connection Collective #422 was written by Pedro Botelho and published on Codrops

Developing a design environment


Jules Forrest discusses some of the work that her team at Credit Karma has been up to when it comes to design systems. Jules writes: ...in most engineering organizations, you spend your whole first day setting up your development environment so you can actually ship code. It’s generally pretty...

designsystems.com


The team at Figma has created a new resource for “learning, creating and evangelizing design systems” called Design Systems that already has a good collection of interviews and articles by some folks thinking about these things. I particularly liked Jeroen Ransijn’s post on how to convince your...

Managing Heading Levels In Design Systems


Heydon Pickering looks into how to give a React component a certain heading (like <h1>, <h2>, etc.) depending on its context and thereby ensure that the DOM is still perfectly accessible for screen readers. Why is using the right heading important though? Heydon writes in...

Scroll to the Future


This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property. My favorite part of all though?...

Collective #404


Creating Themeable Design Systems * Lazy Loading Images and Video * Introduction to HTML * Streamline Emoji * Perlin Noise * Generated Maps Collective #404 was written by Pedro Botelho 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