article thumbnail

A Guide To Modern CSS Colors

Smashing Magazine

This code gives our element a red background color: my-element { background-color: #ff0000; }. rgb() and rgba() allow us to “mix” colors in our code to some extent, but the results can be somewhat unpredictable. Using values outside of the sRGB range will only have an effect when hardware and browsers advance sufficiently.

Energy 144
article thumbnail

How To Build Your Own Mouseless Development Environment

Smashing Magazine

More precisely, we’ll discuss: Why using the Linux shell can be very powerful when working with plain text (including code); Why using the dreaded Arch Linux; The advantage of a tiling window manager; How to have a great terminal experience with URxvt, tmux, and tmuxp; Why Vim can become your best friend. But first, a bit of theory.

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

How To Build Resilient JavaScript UIs

Smashing Magazine

Different browsers running on different platforms and hardware, respecting our user preferences and browsing modes (Safari Reader/ assistive technologies), being served to geo-locations with varying latency and intermittency increase the likeness of something not working as intended. Pessimism over optimism favours resilience.

Network 145
article thumbnail

How Improving Website Performance Can Help Save The Planet

Smashing Magazine

how much data does the browser have to download to display your website) and resource usage of the hardware serving and receiving the website. In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer. These include data transfer (i.e.

article thumbnail

Eye-Tracking In Mobile UX Research

Smashing Magazine

Nowadays, hardware and software are designed to conduct eye-tracking studies for marketing , UX , psychological and medical research , gaming , and several other use cases. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. More after jump!

Mobile 112
article thumbnail

Solving Common Cross-Platform Issues When Working With Flutter

Smashing Magazine

More specifically, we’re going to talk about storage and UI differences, which are the ones that most often cause confusion to developers when writing Flutter code that they want to be cross-platform. Running Different Code On Different Platforms. In this article, we’re going to see some of those differences and how to overcome them.

Storage 93
article thumbnail

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober

Smashing Magazine

Touch Design for Mobile Interfaces presents and shares real information on hardware, people, interactions, and environments. Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing. Add to cart $44.

Mobile 87