Search
Some CSS Grid Strategies for Matching Design Mockups
14.11.2019
The world of web development has always had a gap between the design-to-development handoff. Ambitious designers want the final result of their effort to look unique and beautiful (and true to their initial vision), whereas many developers find more value in an outcome that is consistent...
Collective #559
21.10.2019
Zero * ECSY * The problem with dropdown fields * Webwide * Gridsome * CoBeats * Faster Layouts with CSS Grid (and Subgrid!)
Collective #559 was written by Pedro Botelho and published on Codrops
Weaving One Element Over and Under Another Element
14.10.2019
In this post, we’re going to use CSS superpowers to create a visual effect where two elements overlap and weave together. The epiphany for this design came during a short burst of spiritual inquisitiveness where I ended up at The Bible Project’s website. They make really cool animations, and...
Overflow And Data Loss In CSS
17.9.2019
"Data Loss" is a funny term. My brain thinks of like packet loss on the way from the server to your browser, resulting in missing content in files. Perhaps it is that on some level, but in CSS parlance, it has to do with the overflow property. Too much content for sized container + hidden overflow...
caniemail.com
15.9.2019
As long as I can remember the main source for feature support in HTML email clients is Campaign Monitor's guide. Now there is a new player on the block: caniemail.com.
HTML email is often joked about in how you have to code for it in such an antiquated way (<table>s! really!) but that's...
Jednotka fr: Podíl na rozměru v CSS gridu
12.9.2019
Fr je užitečná jednotka, která reprezentuje podíl na volném prostoru v CSS gridu. Pojďme si ji představit
The US Department of Energy Permits Around 200,000 Dollars to Factom For Grid Security
7.9.2019
The DOE (Department of Energy) of the United States has granted about 200 hundred thousand dollars to a blockchain company called Factom. The project aims at protecting the national grid of power. As per the reports, the Department has awarded the said funds to the entity on 12th July 2019....
US Dep. of Energy Grants $200,000 to Blockchain Company to Secure Grid
6.9.2019
Blockchain company Factom receives $200,000 grant from U.S. Department of Energy to help secure the power grid
US Energy Department Funds Trial of Factom Blockchain to Secure Power Grid
5.9.2019
Factom, one of the earliest firms to pitch blockchains to businesses, is participating in a U.S.-funded trial of the tech to protect the power grid
PR: Plan Flash – Decentralized Data Processing
20.8.2019
Data processing is indispensable everywhere and all the time in modern life. The daily services we use every day, such as face recognition, voice assistant, text recognition, automatic recommendation, automatic data analysis and so on, all have a large number of data processing requirements...
IRS Revoking Passports Shows How Government Erodes Everything We Hold Dear
17.8.2019
If you have outstanding tax debt, the IRS may now want to take your passport. For U.S. crypto holders still waiting on promised IRS guidelines for filing — especially those overseas who may have missed these warning memos — the over 400,000 agency notifications issued since February...
Bringing CSS Grid to WordPress Layouts
31.7.2019
December 6th, 2018 was a special date for WordPress: it marked the release of version 5.0 of the software that, to this day, powers more than one-third of the web. In the past, people working on the platform pointed out that there has never been any special meaning to version numbers used...
Intrinsically Responsive CSS Grid with minmax() and min()
31.7.2019
The most famous line of code to have come out of CSS grid so far is:
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room...
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