Search

Nalezeno "inside": 444

Using CSS to Set Text Inside a Circle


You want to set some text inside the shape of a circle with HTML and CSS? That’s crazy talk, right? Not really! Thanks to shape-outside and some pure CSS trickery it is possible to do exactly that.  However, this can be a fiddly layout option. We have to take lots of different things into...

A Grid of Logos in Squares


Let’s build a literal grid of squares, and we’ll put the logos of some magazines centered inside each square. I imagine plenty of you have had to build a logo grid before. You can probably already picture it: an area of a site that lists the donors, sponsors, or that is showing off...

Detect git Directory with Bash


One interesting aspect of working at Mozilla is that Firefox lives in a mercurial repository while several other projects live on GitHub in a git repository. While most focus on either Firefox or another project, I switch between both, leaving me running git commands inside the mercurial repository...

Emojis as Favicons


Lea Verou had a dang genius idea to use an emoji as a favicon. The idea only recently possible as browsers have started supporting SVG for favicons. Chuck an emoji inside an SVG <text element and use that as the favicon. Now that all modern browsers support SVG favicons, here's how...

Unfortunately, clip-path: path() is Still a No-Go


I was extremely excited when I first heard that clip-path: path() was coming to Firefox. Just imagine being able to easily code a breathing box like the one below with just one HTML element and very little CSS without needing SVG or a huge list of points inside the polygon function! Chris...

Animated Matryoshka Dolls in CSS


Here’s a fun one. How might we create a set of those cool Matryoshka dolls where they nest inside one another... but in CSS? I toyed with this idea in my head for a little while. Then, I saw a tweet from CSS-Tricks and the article image had the dolls. I took that as a sign! It was time to...

Creating a Details Element That Opens But Never Closes


The <details> and <summary> elements in HTML are useful for making content toggles for bits of text. By default, you see the <summary> element with a toggle triangle (▶︎) next to it. Click that to expand the rest of the text inside the <details> element. But...

Free Website Builder + Free CRM + Free Live Chat = Bitrix24


(This is a sponsored post.) You may know Bitrix24 as the world’s most popular free CRM and sales management system, used by over 6 million businesses. But the free website builder available inside Bitrix24 is worthy of your attention, too. Why do I need another free website/landing...

Philippine ‘Crypto Valley of Asia’ to Get Own Airport


The Philippines has a “Crypto Valley of Asia,” an initiative of the Cagayan Economic Zone Authority, the government agency responsible for managing the Cagayan Special Economic Zone and Freeport. An airport is now being planned for inside this economic zone to address the needs of...

Bitmain Responds to Layoff Rumors From Ousted Co-Founder Zahn


Ousted Bitmain co-founder Micree Zahn took to Weibo on Monday to speak out against a reported Bitmain “personnel optimization plan” which could purportedly see around 500 Bitmain workers dismissed by January 17. Chinese media broke the story last week citing inside sources at...

How Auto Margins Work in Flexbox


Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party. Say you have a flex container with some flex items inside that don't fill the whole area. See the Pen ZEYLVEX...

Wufoo + Zapier


Wufoo has always been great with integrations. They have integrations with specific apps, like Campaign Monitor, Mailchimp, and Typekit, but they also integrate with Zapier, which is sort of like an integration inside an integration. That's kinda meta, but the idea is actually pretty...

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