Search

Nalezeno "wanted": 238

Responsive Iframes

25.7.2019
Say you wanted to put the CSS-Tricks website in an <iframe>. You'd do that like this: <iframe src="https://css-tricks.com"></iframe> Without any other styling, you'd get a rectangle that is 300x150 pixels in size. That's not even in the User Agent stylesheet, it's just some...

Don’t comma-separate :focus-within if you need deep browser support

24.7.2019
I really like :focus-within. It's a super useful selector that allows you to essentially select a parent element when any of its children are in focus. Say you wanted to reveal some extra stuff when a <div> is hovered... div:hover { .extra-stuff { /* reveal it */ } } That's...

How I Created a Code Beautifier in Two Days

19.7.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 tool,...

Restricting a (pseudo) element to its parent’s border-box

2.7.2019
Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS. The desired result. This...

Detect if Element is a Web Component

5.6.2019
I’ve advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit’s dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...

Creating a Diversity Scholarship Program for Your Conference

20.5.2019
My partner and I ran a design and development conference company for eight years. During that time, we produced hundreds of hours of conferences, both on-site and online. Diversity scholarships were only becoming a typical conference offering around the time we decided to sunset our business....

Everything You Ever Wanted to Know About inputmode

17.5.2019
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element. <input type="text" inputmode="" /> <textarea inputmode="" /> Unlike changing the type...

Bitcoin History Part 12: When No One Wanted Your BTC

12.5.2019
Today, bitcoin is so precious that its hodlers are prone to locking their keys away inside nuclear bunkers, bank vaults, and military grade hardware wallets. But things weren’t always that way. Back in the early days, bitcoin was deemed so undesirable that you would have struggled to give...

Why, How, and When to Use Semantic HTML and ARIA

7.5.2019
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS readers, and ultimately...

A Conspiracy to Kill IE6

6.5.2019
Chris Zacharias published a few notes about why the team at YouTube added a banner that asked users to switch from IE6 to a more modern browser back in 2009: The bittersweet consequence of YouTube’s incredible growth is that so many stories will be lost underneath all of the layers of new paint....

Convert Video to Grayscale

24.4.2019
I’m a JavaScript fanatic but I’ve always been fascinated with media manipulation. Maybe it’s because I’ve secretly always wanted to be a designer, but I’m fine with being able to manipulate art with software instead of create the art myself. One type of art I’ve...

Undefined: The Third Boolean Value

5.4.2019
I wanted to implement a notification message in one of my projects, similar to what you’d see in Google Docs while a document is saving. In other words, a message shows up indicating that the document is saving every time a change is made. Then, once the changes are saved, the message becomes: “All...

Awesome Automation and Integration with Buddy

2.4.2019
One of my favorite services for years has been IFTTT (If this then that). Having a service that allows me to trigger a host of functionalities with one simple action is amazing! Posting a picture to Instagram can trigger IFTTT to send a tweet, post to Facebook, email to friends, etc. I’ve...

How blockchain will disrupt the communication industry

22.3.2019
From the CMC editorial desk: One of the things we’ve always wanted to explore is what mass adoption of blockchain technology looks like. Here we have some examples of how it will change the face of the communication industry in […] The post How blockchain will disrupt the communication...

Stacked “Borders”

19.3.2019
A little while back, I was in the process of adding focus styles to An Event Apart’s web site. Part of that was applying different focus effects in different areas of the design, like white rings in the header and footer and orange rings in the main text. But in one place, I wanted rings that were...

Smooth Scrolling for Screencasts

13.3.2019
Let's say you wanted to scroll a web page from top to bottom programmatically. For example, you're recording a screencast and want a nice full-page scroll. You probably can't scroll it yourself because it'll be all uneven and jerky. Native JavaScript can do smooth scrolling. Here's a tiny snippet...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace