Search

Nalezeno "lines": 118

Mondrian Art in CSS From 5 Code Artists


Mondrian is famous for paintings with big thick black lines forming a grid, where each cell is white, red, yellow, or blue. This aesthetic pairs well with the notoriously rectangular web, and that hasn’t gone unnoticed over the years with … Mondrian Art in CSS From 5 Code Artists...

Line length revisited: following the research


Mary Dyson produces nitty gritty research on the long-accepted notion that shorter line lengths are more legible than longer ones. The study finds that shorter lines do not necessarily lead to faster reading. If you’re looking for a definitive answer … The post Line length revisited:...

Expandable Sections Within a CSS Grid


I love CSS Grid. I love how, with just a few lines of code, we can achieve fully responsive grid layouts, often without any media queries at all. I’m quite comfortable wrangling CSS Grid to produce interesting layouts, while keeping … The post Expandable Sections Within a CSS Grid appeared...

A Rocky Start for Bukele’s Bitcoin Law — El Salvador After Adoption


The adoption of bitcoin as legal tender in El Salvador has been one of the biggest events in the cryptocurrency world this year. However, Nayib Bukele, president of the country, has taken a course of action many consider mistaken. In any case, the Bitcoin Law has put Bitcoin in the global spotlight...

Rare But Limited PS5, Xbox Best Buy Restock Sees Excruciatingly Long Lines IRL


Since the PlayStation 5 and Xbox Series X/S went on sale last fall, Best Buy hasn’t sold next-gen consoles at its brick-and-mortar locations, citing safety concerns around covid-19. That changed on Wednesday, when the big box retailer said it would sell a limited supply at stores across the country...

Trigonometry in CSS and JavaScript: Beyond Triangles


Web design is such a rectangle-based design medium that literally any deviation from it feels fresh. Michelle Barker gets into using math in various ways to programmatically draw lines, shapes, and animations that end up looking both beautiful and have … The post Trigonometry in CSS...

Chromium spelling and grammar features


Delan Azabani digs into the (hopefully) coming soon ::spelling-error and ::grammar-error pseudo selectors in CSS. Design control is always nice. Hey, if we can style scrollbars and style selected text, why not this? The squiggly lines that indicate...

Code blocks, but better


Pedro Duarte made a wishlist for styled code blocks in blog posts and documentation, then hand-rolls a perfect solution for that wishlist. For example, a feature to be able to highlight certain lines or words within the code block. The … The post Code blocks, but better appeared first...

To $ or Not to $: Displaying Terminal Code Snippets


It’s very popular to put a $ on lines that are intended to be a command in code documentation that involves the terminal (i.e. the command line). Like this: $ brew install somepackage The point of that is that it … The post To $ or Not to $: Displaying Terminal Code Snippets appeared...

Insurance Giant AXA Allows Swiss Clients to Pay for Services With Bitcoin


The French multinational insurance firm AXA is now allowing clients in Switzerland to pay for services in bitcoin. The newly added support is part of the company’s “digital future” and stems from customer demand for crypto payments. AXA Supports Bitcoin Payments In Switzerland...

7 Creative Ways to Use Geometry in Web Design


Geometric figures, lines, and spaces can all be used to improve the usability of a website. Here are 7 ways you can creatively put geometry to use in web design. The post 7 Creative Ways to Use Geometry in Web Design appeared first on Codrops

Students Are Filling in the Plot Lines of the Green New Deal


The Green New Deal tells an important story about what society could be instead of what it currently is. It’s about transitioning to a system that allows everyone a fair shot at succeeding and fixing past wrongs from pollution to colonial land grabs.Read more

A Calendar in Three Lines of CSS


This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct...

Coding a 3D Lines Animation with Three.js


In this coding session you'll learn how to use Three's DepthTexture to create some animated 3D lines. The post Coding a 3D Lines Animation with Three.js appeared first on Codrops

Thinking Outside the Box with CSS Grid


Great tutorial from Alex Trost (based on some demos, like this one, from Andy Barefoot) showcasing how, while CSS grid has straight grid lines across and down, you can place items across grid lines creating a staggered effect that looks pretty rad. Grid-like, but it appears to align to diagonal...

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