Search
Debugging CSS Grid with Firefox Dev Tools
16.7.2019
CSS Grid is mostly composed of rows, columns, cells, tracks, gaps etc. These things are not elements by themselves; hence, it can be really tasking to visualize and debug them. In this post, we’ll
Placing, Spanning and Density in CSS Grid
1.7.2019
The most common things you learn in CSS Grid is usually related to the grid container and less about the grid items. A generic grid definition applied to the grid container is enough for a basic la
Iranians Defy Warning and Share Pictures of Bitcoin Mining in Mosque
27.6.2019
On Tuesday, the Iranian energy grid corporation Tavanir warned illegal bitcoin mining operations that they would be cut off from their supply. Following the announcement, pictures of a mining facility set up in a mosque went viral on social media. Also Read: Iranian Energy Grid Blames...
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...
Bitcoin Mining With Solar: Less Risky and More Profitable Than Selling to the Grid
31.5.2019
The energy used to mine bitcoin has long caused debate over whether it’s a wasteful process. As the arguments have rumbled on, some people have been focused on mining coins with renewable energy. On May 29, Christian Ander, the founder of Stockholm’s Btcx exchange, explained how instead...
A Practical Use Case for Vue Render Functions: Building a Design System Typography Grid
30.5.2019
This post covers how I built a typography grid for a design system using Vue render functions. Here’s the demo and the code. I used render functions because they allow you to create HTML with a greater level of control than regular Vue templates, yet surprisingly I couldn’t find very much when...
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...
Creating Grid-to-Fullscreen Animations with Three.js
22.5.2019
Learn how to create thumbnail to fullscreen animations for image grids using Three.js.
Creating Grid-to-Fullscreen Animations with Three.js was written by Daniel Velasquez and published on Codrops
General Motors and Honda Join Hands For Smart Grid and Electric Vehicle Research
21.5.2019
According to experts in the automobile industry, electric vehicles are eventually going to be far more prevalent in the streets across the world, and hence, it is no surprise that the world’s biggest car makers are investing heavily in EVs. While Tesla seems to be the most famous name in this...
Honda And GM to Research Smart Grid, Electric Car Interoperability With Blockchain Tech
20.5.2019
Honda and GM will work within the Mobility Open Blockchain Initiative on research regarding smart grid and electric car interoperability
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
CSS Grid v MSIE: Jde to. I s automatickým umísťováním do mřížky
16.5.2019
CSS Grid je možné za pomoci Autoprefixeru v řadě případů použít i v Internet Exploreru. Podíváme se na problematickou oblast, kterou je automatické umísťování prvků do mřížky
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...
[aktualita] Faraday Grid kupuje některé české aktivity Foxconnu a rozjíždí u nás vývoj
2.4.2019
Skotská společnost Faraday Grid v České republice zakládá inovační centrum, ve kterém v současné době začíná pracovat asi stovka lidí. Nově vzniklá tuzemská entita Faraday Grid Czech pro tyto účely koupila tři české společnosti. Faraday Grid konkrétně od prvního dubna převzal kontrolu nad podniky...
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