Search
Programování chatbotů si můžete vyzkoušet na hackathonu v Praze
31.1.2019
Chatboti. Dialogové systémy. Virtuální asistenti. NLP. Umělá inteligence. Buzzword bingo, nebo témata pro hackathon? Mews Systems ve spolupráci s Microsoft CZ a Boo AI si pro vás připravili své technologie a výzvu o…
Set Desktop Wallpaper from Command Line on Mac
31.1.2019
Whenever I need to accomplish a basic task that typically calls for interacting with a UI, I challenge myself to complete the task from command line. After all, most UIs are simply a mask over basic commands, especially when it comes to the operating system. Suddenly I feel like an automation...
The Slow and Steady Refactor
28.1.2019
Over the past week or so, I’ve been reading Refactoring by Martin Fowler and it’s all about how to make sweeping changes to a large codebase in a way that doesn’t cause everything to break. I bring this up because there’s a lot of really good notes in this book that have challenged my recent...
In Defense of Utility-First CSS
15.1.2019
A rather full-throated argument (or rather, response to arguments against) utility (atomic) CSS from Sarah Dayan. I wondered recently if redesigns were potentially a weakness of these types of systems (an awful lot of tearing down classes) which Sarah acknowledges and recommends more abstraction...
The Elements of UI Engineering
4.1.2019
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
2.1.2019
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
31.12.2018
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
14.12.2018
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
12.7.2018
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
9.7.2018
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
28.6.2018
(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
27.6.2018
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?
21.6.2018
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
18.6.2018
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
7.6.2018
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
How to Integrate MongoDB Atlas and Segment using MongoDB Stitch
5.6.2018
It can be quite difficult tying together multiple systems, APIs, and third-party services. Recently, we faced this exact problem in-house, when we wanted to get data from Segment into MongoDB so we
Developing a design environment
28.5.2018
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
15.5.2018
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
3.5.2018
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
19.4.2018
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?...