Search

Nalezeno "Grid": 344

Iranian Energy Grid Blames 7% Consumption Increase on Bitcoin Miners

25.6.2019
Mostafa Rajabi Mashhad, the spokesperson for Tavanir, an Iranian state-operated grid entity, has explained that electrical consumption has spiked by 7% in comparison to the previous year. Rajabi blames illegal cryptocurrency mining operations for the country’s increased electrical consumption...

Building a Conference Schedule with CSS Grid

24.6.2019
It’s hard to beat the feeling of finding a perfect use for a new technology. You can read every handy primer under the sun and ooh-and-ahh at flashy demos, but the first time you use it on your own project… that’s when things really click. I gained a new appreciation for CSS Grid when building...

Hello Subgrid!

20.6.2019
Rachel Andrew’s talk at CSSconf is wonderful because it digs into one of the most exciting changes that’s coming soon to a browser near you: subgrid! That’s a change to the CSS Grid spec that allows for much greater flexibility for our visual designs. Subgrid allows us to set one grid on an entire...

Draggable Menu with Image Grid Previews

19.6.2019
A draggable inline menu with a scattered thumbnail preview of an image grid. Draggable Menu with Image Grid Previews was written by Mary Lou and published on Codrops

Grid, content re-ordering and accessibility

13.6.2019
Take this: <ol> <li>Get hungry</li> <li>Order pizza</li> <li>Eat pizza</li> </ol> That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually...

Using the Grid Shepherd Technique to Order Data with CSS

28.5.2019
Shepherds are good at tending to their sheep, bringing order and structure to their herds. Even if there are hundreds of those wooly animals, a shepherd still herds them back to the farm at the end of the day. When dealing with data, programmers often don't know if it is correctly filtered...

Code as Documentation: New Strategies with CSS Grid

24.5.2019
I work for Supercool, a fast-moving design agency that makes custom built sites for arts clients, powered by the off-the-shelf system, Craft CMS; it's high-spec graphic design with relatively demanding typography and art direction. Over the past few months we’ve been moving to CSS grid. We’re...

Animated Image Columns

16.5.2019
An experimental web layout where several image columns get animated out when a menu item is clicked. Animated Image Columns was written by Mary Lou and published on Codrops

A responsive grid layout with no media queries

9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window: I think this is a wonderful layout technique that’s just 6 lines (!) of CSS. .auto-grid...

Collective #500

18.3.2019
lax.js * An Introduction to Web Components * Core * Color.review * CSS Grid: Floor Plan * CSS Nesting Module Collective #500 was written by Pedro Botelho and published on Codrops

People Digging into Grid Sizing and Layout Possibilities

15.3.2019
Jen Simmons has been coining the term intrinsic design, referring to a new era in web layout where the sizing of content has gone beyond fluid columns and media query breakpoints and into, I dunno, something a bit more exotic. For example, columns that are sized more by content and guidelines than...

Designing An Aspect Ratio Unit For CSS

13.3.2019
Rachel Andrew says that the CSS Working Group designed an aspect ration unit at a recent meeting. The idea is to find an elegant solution to those times when we want the height of an element to be calculated in response to the width of the element, or vice versa. Say, for example, we have a grid...

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