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…

Oscar builds digital tools for a range of users, including members, providers, brokers, employers, and a wide array of Oscar employees. Designing all of these digital experiences in parallel, with a small team, has been challenging. Our continued investment in our design system, Anatomy, has helped…

Login Grab Your Users Attention. Increase Your Conversion Rates Don't Close This Tab changes the browser tab title when your site visitors leave your tab Unlimited free impressions Integrate in 30 seconds with Use Cases • Decrease Cart Abandonment and increase your sales conversions • Attract…

En este episodio nos acompaña Pablo Caro, diseñador líder del equipo de Design Systems en Airbnb. Anteriormente Pablo ha sido diseñador en Medium, Apple y Frog. Pablo nos cuenta un poco su historia de cómo entro en el area del diseño y cómo llego a su posición en Airbnb. También hablamos sobre…

Permalink Join GitHub today GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together. Sign up Find file Copy path modern-normalize / modern-normalize.css d5916d1 Jun 20, 2018 sindresorhus Meta tweaks 3 contributors Users who…

Quickly Check & Build Your Meta Tags Try on an example: framer.com Why your website should have meta tags? Your website visitors are visual beings (with the exception of robots). When they see the awesome content, product, video, or all of the other cool things they discover on there, they will…

Logic vs. Designers In my early days as a designer, I relied on Photoshop or CSS to tell me whether something was right or wrong. If Photoshop indicated that two shapes were aligned, then they were aligned. If two different shapes were the same size, then that was the case. If two colours had the…

Hace unas semanas subí un video explorando las opciones que nos ofrece Gutenberg, el futuro editor de WordPress, pero para entender a cabalidad lo que significa Gutenberg, es importante conocer las diferentes experiencias de edición existentes en diversas plataformas. Por eso en el video de hoy…

September 2011 Volume 26 Number 09 By David Platt | September 2011 Too many developers and managers think that user experience (UX) design is selecting colors and fonts and button radii. Nothing could be further from the truth. The rounded window corners and cutesy animations are the last and least…

Below you’ll find some of the weirdest CSS features, along with tips and tricks for advanced CSS users. • Vertical padding is relative to element’s width not height So padding-top: 50% does not add 50% of the original height of the element as padding, but 50% of the width of the parent element:…

50% off hosting for a whole year General Webflow 50% off PDF Expert 50% discount for student and educators Bundle all products for $49 a month for up to one year. General Intercom 25% off Infogram for students General Free Zeplin One year free access to Starter Plan General %50 off Typeform %50 off…

CodePen Radio An inside look from Team CodePen on what it's like running a web business. Everything from server infrastructure, to day-to-day operations, to new feature development. Podcast Home Subscribe on: iTunes · Android You can sponsor an episode too! Spectrum Chat Need help with your code?…

I had never heard of the backdrop-filter property until yesterday, but after a couple of hours messing around with it I’m positive that it’s nothing more than magic. This is because it adds filters (like changing the hue, contrast or blur) of the background of an element without changing the text or…

Fontanello is a browser extension for Google Chrome and Firefox that lets you display the basic typographic styles of a text by right-clicking it. Just like this : Look Up ”this” Search Google for ”this” Fontanello Speech Stop Speaking

For 3 easy payments of just read the damn article! Since no one [in America] can really afford higher education anymore, I figured I’d create a simple, 25-step program that you can follow during your journey toward becoming the next Jony Ive. It’ll save you some money, and you won’t have to worry…

CodePen Radio An inside look from Team CodePen on what it's like running a web business. Everything from server infrastructure, to day-to-day operations, to new feature development. Podcast Home Subscribe on: iTunes · Android You can sponsor an episode too! Lookin' Good Free shipping, anywhere in…

Welcome to the Widget of the Week series, where I take gifs or videos of awesome UI/UX components, and bring them to life with code. I've been quite busy for a couple of weeks, preparing and giving a Vue.js course in Wizeline Academy , but I'm back with another interactive component. Today we'll…

Front-End Developer Handbook 2018 Written by Cody Lindley Sponsored by Frontend Masters , advancing your skills with in-depth, modern front-end engineering courses This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the…

Vanishing Boxes With Display Contents Using display:contents had been suggested as a solution to shipping Grid Layout without subgrid, here is an explanation. An Introduction to the CSS Grid Layout Module Introductory article on Grid Layout on SitePoint. A Revised Subgrid Specification An…

Design Jake Rocheleau • January 29, 2018 • Shares Share Tweet Share Pin It Share Another year brings another set of design trends to the web . It seems like these trends are constantly advancing and while prior trends are still here, many new ones are ripe for the taking. For this post, I’ve…

Websites Examples Nataly Birch • May 04, 2018 • Shares Share Tweet Share Pin It Share Cryptocurrency, blockchain, ICO. Do these words sound familiar to you? If so, then you probably have some crypto cash in a digital wallet. It is safe to say that despite all the recent falls and bans,…

A Pen By Jon Kantner Open this Pen in: Editor View /pen/ Details View /details/ Full Page /full/ PRO Presentation Mode /pres/ Open on CrossBrowserTesting → Direct Code Links: .html .pug .css .scss .js Log In Sign Up CodePen probably won't work great in this browser. We generally only support the…

CodePen Radio An inside look from Team CodePen on what it's like running a web business. Everything from server infrastructure, to day-to-day operations, to new feature development. Podcast Home Subscribe on: iTunes · Android You can sponsor an episode too! CodePen: A Playground for the Web. Show…

Let's get Griddy with it C S S G R I D . Learn CSS Grid with Wes Bos in 25 pretty good videos From fundamentals to Real World in about 4 hours. My Account → $ 0 00 TOTALLY FREE Start Learning Today! Sign up to get immediate access to the course dashboard You'll get all 25 videos at once so you can…

The CodePen community checked in with some great work this week! Have a look at some of our favorites from this week's Checkboxes challenge. Check out George Park's emoji toggles! See the Pen Responsive Emoji Toggles #CodePenChallenge by George W. Park ( @GeorgePark ) on CodePen . Just try to check…