#css

• Jeremy Keith https://adactio.com/

  A Modern CSS Reset - Andy Bell

  October 3rd, 2019

  Some very smart ideas in here for resetting default browser styles, like only resetting lists that have classes applied to them:

  ul[class],
  ol[class] {
    padding: 0;
  }
  

  I select only lists that do have a class attribute because if a plain ol’ <ul> or <ol> gets used, I want it to look like a list. A lot of resets, including my previous ones, aggressively remove that.

  United Flight 906 FRA to ORD • 54°F

  Thu, Oct 3, 2019 11:46am +00:00 (liked on Thu, Oct 3, 2019 2:01pm +01:00) #css #resets #normalise #browsers #defaults #styles #styling #classes #lists #html #elements #frontend #development
• Relearn CSS layout: Every Layout (every-layout.dev)

  Sun, Jun 16, 2019 11:35am -07:00 #css #tutorial #resources
• This page is a truly naked, brutalist html quine. (secretgeek.github.io)

  Sun, Jun 16, 2019 11:35am -07:00 #html #css #design #hack
• Markdown.css - make HTML look like plain-text (mrcoles.com)

  Sun, Jun 16, 2019 11:33am -07:00 #markdown #css #html #design
• 

  First #IndieWebCamp hack day project complete! I'm finally starting to get an understanding of CSS Grid.
  
  Thanks to help from @tantek I was able to fix the display of my monthly calendars at https://aaronparecki.com/2019/04 by switching from table display to flex>grid>flex with table>tr>td markup. Kept the table markup and was able to remove one level of nested divs inside too!
  
  The <table> element is a flexbox, the <tr>s are a grid, and the <td>s inside are a flexbox. This lets the rows of the calendar vary in height, but forces the height of the cells of each row to be the same height. Finally the city names at the bottom are able to be "stuck" to the bottom of the cell.

  

  Düsseldorf, Nordrhein-Westfalen, DEU

  5 likes 2 reposts 2 replies 3 mentions

  Sun, May 12, 2019 12:53pm +02:00 #indiewebcamp #table #css #cssgrid
• CSS Grid for Designers – Times Open (open.nytimes.com)

  Thu, Mar 7, 2019 10:50pm -08:00 #css #cssgrid #tutorial
• CSS Grid Responsive Layout | Responsive Web Design (responsivedesign.is)

  Sun, Jul 22, 2018 8:03pm -07:00 #cssgrid #css
• The Cult of the Complex (alistapart.com)

  "Complexity is good for convincing people they could not possibly do your job. Simplicity is good for everything else."

  Sun, Jul 22, 2018 9:23am -07:00 #web #html #css
• css3 - Is is possible to implement a Flickr-like justified gallery in pure CSS? - Stack Overflow (stackoverflow.com)

  Tue, Mar 6, 2018 7:45am -08:00 #css #photoalbum #justified #layout #photos
• Material Design Lite (getmdl.io)

  

  Fri, Dec 15, 2017 7:58am -08:00 #css #library #resources #design #material
• Bulma: a modern CSS framework based on Flexbox (bulma.io)

  

  Sat, Nov 4, 2017 9:12am -07:00 #css #resources
• img2css | Convert any image to pure CSS (javier.xyz)

  

  Sun, Jul 16, 2017 11:42am -07:00 #css
• Grid Garden - A game for learning CSS grid (cssgridgarden.com)

  

  Sun, Apr 16, 2017 5:32pm -07:00 #css #grid #tutorial
• Flexbox Froggy - A game for learning CSS flexbox (flexboxfroggy.com)

  

  Sun, Apr 16, 2017 5:32pm -07:00 #css #flexbox #tutorial
• Learn CSS Grid | Jen Simmons (jensimmons.com)

  

  Thu, Mar 2, 2017 10:28am -08:00 #css #cssgrid #web
• Grid by Example - Usage examples of CSS Grid Layout (gridbyexample.com)

  

  Thu, Mar 2, 2017 10:26am -08:00 #css #cssgrid #web
• Base64 Encoding & Performance, Part 1: What’s Up with Base64? (csswizardry.com)

  

  Mon, Feb 13, 2017 4:30pm -08:00 #css #optimization
• CSS Grid – Table layout is back. Be there and be square. (developers.google.com)

  

  Wed, Feb 1, 2017 7:15am -08:00 #css #design
• 10 things I learned making the fastest site in the world (hackernoon.com)

  

  Tue, Dec 27, 2016 1:24pm -08:00 #web #javascript #css
• You Don't Need Javascript: CSS is powerful, you can do a lot of things without js (github.com)

  

  Mon, Nov 14, 2016 11:36am -08:00 #javascript #css