CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View . A Pen By 1,784 Views Description Tags License…

Michael Chaika Sep 26, 2018 Small Favors: If you love this article, . If you love puppies, rescue one. If you love ice-cream, refrigerate it. Social media platforms becoming more content-centred, engagement-driven and use sophisticated algorithms. Providing three major actions for us to play this…

Yanick Jimenez Dec 4, 2018 T he 2018 UX designer is no stranger to the fact that social media platforms like Instagram, Facebook or LinkedIn can be great tools publicizing their talents to prospective clients, reaching out to clients, networking with clients and fellow freelancers. But it seems to…

World IA Day Zürich, 24. Februar 2018 Abstract: Today, it is unthinkable to approach any product without analysing the data behind. When using data in an interface, however, there is a fine line between being useful and being annoying. I will share our experience in XING B2B of how some design…

Sia Karamalegos Feb 6 Photo by Bob Newman on Unsplash (cropped) If you use Google Fonts on your website or web application, a few additional steps can lead to much faster load times. In this article, I will show you how to: Skip over some of the latency time for downloading fonts from Google Fonts…

Mastering Maps: Build a Flexible Variable System in Sass , Senior Developer Article Categories: #Code , #Front-end Engineering Posted on January 29, 2019 . Sass maps give you clearer, more flexible variables — learn how to make a map-powered stylesheet with some basic examples. A few years ago,…

Interface & User Experience Design Inspiration ✨ They Make Design ✨ Feb 11 Every day most digital designers look for inspiration on sources like Dribbble. In a large stream of the works, it is very easy to miss some quality shots with small number of likes and comments. We decided to change that and…

A really neat branding project by MULTI

I was asked this question on Quora. Here’s my response. Michael McWatters Aug 16, 2018 For nearly a decade, Adobe completely missed the boat on what UI designers were doing, so we made do with Adobe Photoshop (and, for a while, ImageReady and Fireworks —good times!), but it was a less-than-ideal…

Meet the chameleon menu Moisés Neto Feb 4 Don’t know what a chameleon menu is? Check it in action on our website . In June 2017 we published our new company website here at Guava. It was quite a milestone for us because this new version consolidated our visual identity. There were a lot of changes…

Sketch or Figma? Which should you use? In this video I'm telling you my reasons for switching! Please remember to subscribe http://bit.ly/1aE5UOT It feels like there are a million design tools we're supposed to be paying attention to, but completely switching to a new tool can mean a new workflow,…

I was working with CSS Grid and came to the grid-column and grid-row properties. I paused for a moment. They're not overly complicated. They are shorthand properties for expressing where an element should start and end on a grids defined columns and rows. What caught me was the fact that I can name…

Happy New Year to one and all! At this time every year we like to publish our predictions of what the web industry will be up to over the coming twelve months. It also serves as a chance to reflect on where we’ve been. This year, I’ve decided to be a little more ambitious and come up with the…

Browse Arts and Humanities History The Modern World, Part One: Global History from 1760 to 1910 Offered By About Syllabus Instructors Enrollment Options FAQ University of Virginia About Syllabus Instructors Enrollment Options FAQ About this Course 4.8 1,358 ratings • 338 reviews This is a survey of…

Having been in the web development industry for more than 14 years, I’ve seen and written my fair share of good and bad CSS. When I began at Ramsey Solutions five years ago, I was introduced to Sass. It blew my mind how useful it was! I dove right in and wanted to learn everything I could about it.…

CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View . A Pen By 10,844 Views Description Tags License…

Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016

Cathy O'Neil (Cambridge, 1972), doctora en matemáticas por la Universidad de Harvard, cambió el mundo académico por el análisis de riesgo de inversión de la banca. Pensaba que esos fondos eran neutros desde el punto de vista ético, pero su idea no tardó en derrumbarse. Se dio cuenta de "lo…

If you've watched any of my recent videos, you'll know that I use the BEM naming convention for my CSS classes. In this video, I explore why I use it, and why I think you should, at the very least, use some sort of naming convention. BEM stands for Block, Element, Modifier, and it presents us with a…

Little Big Details is a curated collection of the finer details of design, updated every day.

Implementing dark mode is easy, but designing for it is less so. Here are some things you should consider when designing a dark mode version of your product or website to ensure you maintain accessibility and readability, and a consistent feel for your brand between Light and Dark. Stuff & Nonsense…

Now shipping international on Pay Pal. 1. Choose your DVD at archbosgd.com 2. send an email to:bostona@earthlink.net 3. An invoice will be sent to you 4. Make your purchase on Pay Pal. This 90-minute, 2-DVD set documentary features more detailed conversation that was edited from the single disc…

Photo by James Coleman on Unsplash Breaking Bad with UX Design I’m about to commit a cardinal sin against the gods of UX in penning this article. My design soul will likely suffer eternal damnation. And, like Judas Iscariot, I’ll be forever haunted by the sound of thirty pieces of silver rattling…

on the difference between seeing and knowing The following exercises are a bit more advanced than the ones in the “ Quick beginner’s guide to drawing ”, and I hope you find them equally fun! We are going to focus on different aspects of observation to strengthen our visual thinking . Exercise 1:…

How do you make CSS easier to work with? Write less of it. The more CSS we write, the more difficult our stylesheets are to work with. When stylesheets are difficult to work with, we're likely to write more CSS. This leads to more bugs, less consistency, and more frustration for both developers and…

It's easy to make lots of mistakes with a new technology, especially something that's as big of a change from the past as CSS Grid. Jen lists the 9 Biggest Mistakes she sees people making when using CSS Grid, with advice and tips for avoiding these pitfalls and old habits. Mistake 1: Thinking CSS…

Google's Chrome browser turns 10 today , and in its short life it has introduced a lot of radical changes to the web. From popularizing auto-updates to aggressively promoting HTTPS web encryption , the Chrome security team likes to grapple with big, conceptual problems. That reach and influence can…

Internet Arcade The Internet Arcade is a web-based library of arcade (coin-operated) video games from the 1970s through to the 1990s, emulated in JSMAME, part of the JSMESS software package. Containing hundreds of games ranging through many different genres and styles, the Arcade provides research,…

Emmm (also known as @Emmmerald) is an artist who, like many of us, is deeply in love with Fullmetal Alchemist . I just noticed that Al said Winry only got her LEFT EAR pierced after she met Riza in one of the special episodes. — Emmm_ (@emmmerald_) April 20, 2018 ステッカー作った！ pic.twitter.com/iExLSVyq8C…

I might have written hundreds of articles about the importance of a good logo. Embrace trends, best experience, unexpected discoveries. But I won’t, since there is another “!” to focus on — the phenomenon of responsive logos. With the rapid evolution of mobile devices, a variety of screen sizes and,…

Remember when your mother warned you not to run down the stairs because you could fall and hurt yourself? Or when you held your palm over a candle’s flame and started feeling the burn? The “laws of UX” are similar—they are cause and effect relationships where one event (the cause) makes another…

Hiding HTML elements from CSS is not a big deal; we do it instinctively until we learn accessibility and find a fundamental difference. This difference is to hide an element and its content entirely or hide an element but show its content to the screen readers. We know that hiding something is not…

CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building interactions like this one: Live Demo Browser support and basic usage Browser support for CSS scroll snapping has improved significantly since it was…

Injusticia racial y asesinatos en el sur de Estados Unidos...pura loquera

Just like the title says! Here's a sidebar navigation bar that... Uses sticky positioning. It stays on the screen when it can, but won't overlap the header,

A high level guide for designers and developers who write CSS, but want to be more strategic about building moderate to large scale CSS systems I’ve spent a lot of time working CSS systems. A large amount of my exposure occurred while working for a small web development agency as a UI Engineer and…

CSS frameworks have been around for a while and they have gotten extremely popular in the front-end development scene. These frameworks provide snippets of code you can just copy and paste in your website to craft the whole layout and UI. You have already probably read a lot of articles about how…

The following document outlines a reasonable style guide for CSS development.These guidelines strongly encourage the use of existing, common, sensiblepatterns. They should be adapted as needed to create your own style guide. This is a living document and new ideas are always welcome.…

febrero 18, 2018 Diseño web Etiquetas: Css , html , newsletter En este artículo verás recomendaciones de HTML y CSS para que puedas hacer una newsletter compatible con los clientes de correo más populares: Gmail para navegador, Gmail para android, Yahoo para navegador, Outlook para navegador y…

Don’t Make Me Think by Steve Krug T he saying that “good design is obvious” is pretty damn old, and I am sure it took different shapes in the previous centuries. It referred to good food, music, architecture, clothes, philosophy and everything else. We forget that human mind changes very slow, and…