41°F

Aaron Parecki

  • Articles
  • Notes
  • Photos

#css

  • The CSS color-mod Function | DigitalOcean (www.digitalocean.com)
    #css
    Fri, Dec 25, 2020 3:00pm -08:00
  • pointer - CSS: Cascading Style Sheets | MDN (developer.mozilla.org)
    #css
    Fri, Dec 25, 2020 10:52am -08:00
  • W3C https://twitter.com/w3c
    Ayup. It’s always “It’s 2020, how do I center things on the web with #css?1!!” and never “how are you doing person who runs the W3C account?” You deserve a break today.
    Portland, Oregon • 49°F
    #css
    Sat, Oct 24, 2020 8:53am +00:00 (liked on Mon, Oct 26, 2020 1:39pm -07:00)
  • GitHub - emilwallner/Screenshot-to-code: A neural network that transforms a design mock-up into a static website. (github.com)
    #css #html #design #ml
    Thu, Oct 22, 2020 9:31pm -07:00
  • Ten modern layouts in one line of CSS (web.dev)
    #css
    Tue, Jul 14, 2020 5:54am -07:00
  • 98.css - A design system for building faithful recreations of old UIs (jdan.github.io)
    #css
    Wed, Apr 22, 2020 6:51am -07:00
  • CSS-only Slot Machine (codepen.io)
    #css #javascript
    Sun, Apr 19, 2020 9:38pm -07:00
  • How to break an image out of its parent container with CSS | Go Make Things (gomakethings.com)
    #css
    Tue, Mar 24, 2020 9:42am -07:00
  • Sāra Soueidān https://twitter.com/SaraSoueidan
    This is incredible. First time I’m *really* impressed by a #CSS drawing experiment.

    Wow. 👏🏻
    Portland, Oregon • 35°F
    #CSS
    Thu, Mar 12, 2020 2:35pm +00:00 (liked on Thu, Mar 12, 2020 8:58am -07:00)
  • Workflow Considerations for Using an Image Management Service | CSS-Tricks (css-tricks.com)
    #indieweb #css #images #proxy
    Thu, Oct 17, 2019 4:28pm +01:00
  • 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
    #css #resets #normalise #browsers #defaults #styles #styling #classes #lists #html #elements #frontend #development
    Thu, Oct 3, 2019 11:46am +00:00 (liked on Thu, Oct 3, 2019 2:01pm +01:00)
  • Relearn CSS layout: Every Layout (every-layout.dev)
    #css #tutorial #resources
    Sun, Jun 16, 2019 11:35am -07:00
  • 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
next

Hi, I'm Aaron Parecki, co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and am the editor of several W3C specifications. I help people learn about video production and livestreaming.

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

  • ⭐️ Life Stack
  • ⚙️ Home Automation
  • 🎥 YouTube
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Sleep
  • Trips
  • Videos
  • Contact
© 1999-2021 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