Search

Nalezeno "ai use": 4149

A Complete Guide to calc() in CSS

17.3.2020
CSS has a special calc() function for doing basic math. Here's an example: .main-content { /* Subtract 80px from 100vh */ height: calc(100vh - 80px); } In this guide, let's cover just about everything there is to know about this very useful function. calc() is for values The only place you...

Tools for Optimizing SVG

17.3.2020
This is our straight-to-the-point list of SVG optimizing tools across a number of categories. They are all largely based around SVGO, but how you use it depends. There are web apps, desktop apps, apis, and even design tool add-ons. The post Tools for Optimizing SVG appeared first on CSS-Tricks

How to Simulate Long HTTP Requests

17.3.2020
It happens less frequently these days but there are times when we need to accommodate for a HTTP request timing out. The service could be down, under heavy traffic, or just poorly coded, or any host of other issues. Whenever I need to simulate a long HTTP request, I use a bit of PHP...

Brave Files Data Use Complaint Against Google

17.3.2020
Blockchain-powered decentralized browser operator Brave (BAT) has filed a formal General Data Protection Regulation (GDPR) complaint against Google, stating that the search engine giant has violated regulations pertaining to its users’ data. Brave claims Google has violated Article 5(1)b of...

How to Make Repeating Border Images

16.3.2020
I just saw this cool little site from Max Bittker: broider. You design an image on a 9-slice grid (except the middle part) and it will produce an image for you to use with border-image along with the CSS to copy and paste. Check out my little design: CodePen Embed Fallback The areas of the image...

Is the South Korean Government Teaching Children How to Use Crypto?

16.3.2020
Source: iStock/recep-bg A revamped learning resource platform aimed at boosting entrepreneurship in elementary and middle school pupils teaches children how to raise digital tokens in online crowdfunding incentives. Per Yonhap, the platform, which went live on March 16, aims to nurture “young...

Using the HTML title attribute

15.3.2020
 Steve Faulkner: User groups not well served by use of the title attribute • Mobile phone users.• Keyboard only users.• Screen magnifier users.• Screen reader users.• Users with fine motor skill impairments.• Users with cognitive impairments. Sounds like in 2020, the only useful thing the title...

The CSS Podcast

15.3.2020
From Adam and Una at Google, a podcast just about CSS. I believe I'm contractually obliged to link to that! Just one episode out so far, a shorty about the box model. Last time I wrote up podcasts I like was 8 years ago most of them are dead now, except the biggies like This American Life and...

Careful with Nested `display: grid; height: 100%;`

11.3.2020
It's not every day you can feel CSS be slow at something. Reddit user jgbbrd discovered nesting grid containers that all have 100% height can cause many-seconds of rendering delay. Probably not something you'll ever have to worry about, but still, interesting. From the comments: What a funny...

How to Make a Line Chart With CSS

11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

Considerations When Choosing Fonts for a Multilingual Website

10.3.2020
As a front-end developer working for clients all over the world, I've always struggled to deal with multilingual websites — especially cases where both right-to-left (RTL) and left-to-right (LTR) are used. That said, I’ve learned a few things along the...

Make Yourself a Little API With Netlify Functions

10.3.2020
Here's an example of a nice little use case for cloud functions. Glitch has this great package of friendly words. Say you wanted to randomly generate "happy-elephant" or "walking-tree", and you need to do that on your website in JavaScript. Well, this package is pretty big (~200 KB), necessarily...

Negative Margins

9.3.2020
PPK digs into the subject, which he found woefully undercovered in web tech documentation. Our entry doesn't mention them at all, which I'll aim to fix. Agree on this situation: This is by far the most common use case for negative margins. You give a container a padding so that its contents have...

Use a:visited in your CSS stylesheet

9.3.2020
Evert Pot: Unfortunately, when setting a new color (e.g. a { color: #44F }) the ‘purple visited link’ feature also gets disabled. I think this is a shame, as there’s so many instances where you’re going through a list of links and want to see what you’ve seen before. The 2 examples I ran into...

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