Menu

CSS :not() with Multiple Classes

July 22nd, 2019

Say you want to select an element when it doesn’t have a certain class. That’s what the :not() selector is for. body:not(.home) { } But what if there are multiple classes you want to avoid? There are no logical combinators with :not(), like and or or, but you can chain them, which is effectively like…

Design the ideal ad experience with native ads from Google AdMob

July 22nd, 2019

Native is the newest ad format supported by Google AdMob. It offers the most flexible design and placement to help developers create the ideal ad experience for your app users. Today native ads have come out of beta and are now available for all developers.  As the name suggests, native ads allow you to design…

Google Maps 101: how we map the world

July 22nd, 2019

The world is a beautiful, messy, constantly changing place—roads are added, buildings are built, and new businesses are opened all the time. Our role on the Google Maps team is to accurately model and reflect this ever-evolving world, and we’re often asked how we make a map that does that. The answer is, it takes…

A Beginner’s Journey to Launching a Website

July 22nd, 2019

In September 2018, I was just a few months into my journey of learning web development. As I’m sure is the case with many new developers, it was a big task for me to learn not only the basic skills required, but also keeping current with the fast-moving industry. Just as I was getting to…

CSS Animation Libraries

July 22nd, 2019

There are an awful lot of libraries that want to help you animate things on the web. These aren’t really libraries that help you with the syntax or the technology of animations, but rather are grab-and-use as-is libraries. Want to apply a class like “animate-flip-up” and watch an element, uhhh, flip up? These are the…

How I Created a Code Beautifier in Two Days

July 19th, 2019

I recently drew up a wireframe for a code beautifier. The next day, I decided to turn it into a real tool. The whole project took less than two days to complete. I’d been thinking about building a new code beautifier for a while. The idea isn’t unique, but every time I use someone else’s…

Get the scoop: The ice cream America is searching for

July 19th, 2019

Nothing says summer like the jingle of an ice cream truck—and cooling off with a (quickly melting) tasty treat. But these days, Americans aren’t just settling for chocolate and vanilla.  To celebrate National Ice Cream Day on July 21, we’ve rounded up this year’s top trending ice cream-related searches across the U.S.—and found more people…

What the Web Needs Now (and how ARTIFACT is here for it)

July 19th, 2019

I recently had the pleasure of joining Dave Rupert, Chris Coyier, and Chris Ferdinandi on the Shop Talk Show to talk about the upcoming ARTIFACT Conference (Austin, TX on Sept. 30 – Oct. 1, 2019). ARTIFACT is an intimate gathering of web designers and developers where we discuss ways to build web sites that work…

“We did it”: Today’s Doodle for the 50th anniversary of the moon landing

July 18th, 2019

Fifty years ago on July 20, 1969, astronauts from NASA’s Apollo 11 mission stepped foot on the moon. Today, you can relive the Apollo 11 journey from blast-off to re-entry in an epic video Doodle narrated by former astronaut and Apollo 11 command module pilot Michael Collins.  Collins was one of three astronauts on the…

Weekly Platform News: CSS ::marker pseudo-element, pre-rendering web components, adding Webmention to your site

July 18th, 2019

Šime posts regular content for web developers on webplatform.news. In this week’s roundup: datepickers are giving keyboard users headaches, a new web component compiler that helps fight FOUC, we finally get our hands on styling list item markers, and four steps to getting webmentions on your site. Using plain text fields for date input Keyboard…