59°F

Aaron Parecki

  • Articles
  • Notes
  • Photos

#css

  • This page is a truly naked, brutalist html quine. (secretgeek.github.io)
    #html #css #design #hack
    Sun, Jun 16, 2019 11:35am -07:00
  • Markdown.css - make HTML look like plain-text (mrcoles.com)
    #markdown #css #html #design
    Sun, Jun 16, 2019 11:33am -07:00
  • Aaron Parecki
    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
    #indiewebcamp #table #css #cssgrid
    Sun, May 12, 2019 12:53pm +02:00
  • CSS Grid for Designers – Times Open (open.nytimes.com)
    #css #cssgrid #tutorial
    Thu, Mar 7, 2019 10:50pm -08:00
  • CSS Grid Responsive Layout | Responsive Web Design (responsivedesign.is)
    #cssgrid #css
    Sun, Jul 22, 2018 8:03pm -07:00
  • 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."
    #web #html #css
    Sun, Jul 22, 2018 9:23am -07:00
  • css3 - Is is possible to implement a Flickr-like justified gallery in pure CSS? - Stack Overflow (stackoverflow.com)
    #css #photoalbum #justified #layout #photos
    Tue, Mar 6, 2018 7:45am -08:00
  • Material Design Lite (getmdl.io)
    #css #library #resources #design #material
    Fri, Dec 15, 2017 7:58am -08:00
  • Bulma: a modern CSS framework based on Flexbox (bulma.io)
    #css #resources
    Sat, Nov 4, 2017 9:12am -07:00
  • img2css | Convert any image to pure CSS (javier.xyz)
    #css
    Sun, Jul 16, 2017 11:42am -07:00
  • Grid Garden - A game for learning CSS grid (cssgridgarden.com)
    #css #grid #tutorial
    Sun, Apr 16, 2017 5:32pm -07:00
  • Flexbox Froggy - A game for learning CSS flexbox (flexboxfroggy.com)
    #css #flexbox #tutorial
    Sun, Apr 16, 2017 5:32pm -07:00
  • Learn CSS Grid | Jen Simmons (jensimmons.com)
    #css #cssgrid #web
    Thu, Mar 2, 2017 10:28am -08:00
  • Grid by Example - Usage examples of CSS Grid Layout (gridbyexample.com)
    #css #cssgrid #web
    Thu, Mar 2, 2017 10:26am -08:00
  • Base64 Encoding & Performance, Part 1: What’s Up with Base64? (csswizardry.com)
    #css #optimization
    Mon, Feb 13, 2017 4:30pm -08:00
  • CSS Grid – Table layout is back. Be there and be square. (developers.google.com)
    #css #design
    Wed, Feb 1, 2017 7:15am -08:00
  • 10 things I learned making the fastest site in the world (hackernoon.com)
    #web #javascript #css
    Tue, Dec 27, 2016 1:24pm -08:00
  • You Don't Need Javascript: CSS is powerful, you can do a lot of things without js (github.com)
    #javascript #css
    Mon, Nov 14, 2016 11:36am -08:00
  • You Might Not Need JavaScript (youmightnotneedjs.com)
    #css #resources #javascript
    Wed, Oct 12, 2016 5:49am -07:00
  • Input Add-ons — Solved by Flexbox — Cleaner, hack-free CSS (philipwalton.github.io)
    #css
    Sat, Sep 3, 2016 9:39pm -07:00
next

Hi, I'm Aaron Parecki, Senior Security Architect at Okta, and co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and participate in the OAuth Working Group at the IETF. I also help people learn about video production and livestreaming and dabble in product design.

I've been tracking my location since 2008 and I wrote 100 songs in 100 days. I've spoken at conferences around the world about owning your data, OAuth, quantified self, and explained why R is a vowel. Read more.

  • Security Architect at Okta
  • IndieWebCamp Founder
  • OAuth WG Member

  • 🎥 YouTube Tutorials and Reviews
  • 🏠 We're building a triplex!
  • ⭐️ Life Stack
  • ⚙️ Home Automation
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Trips
  • Videos
  • Contact
© 1999-2023 by Aaron Parecki. Powered by p3k. This site supports Webmention.
Except where otherwise noted, text content on this site is licensed under a Creative Commons Attribution 3.0 License.
IndieWebCamp Microformats Webmention W3C HTML5 Creative Commons
WeChat ID
aaronpk_tv