nowfound

Life & fun · March 29, 2011

MI

My imageless one page website, thanks to CSS3

I recently rebuilt my website as digital business card, which serves a simple purpose: Say hello, then point people in the direction of the places I inhabit on the web. At the time I was playing around with the HTML5 boilerplate and Google web fonts, and it inspried me to try to implement the logos of the sites I link to with CSS rather than images. You can view it at: http://colin-gourlay.com/ You'll need a modern browser to see the effects in action, but if you're still using IE6/7/8,I hope you can still appreciate the degraded appearance! Is it effective? Are CSS + custom fonts not quite…

Alternatives

What it does

In the maker’s words, at launch

I recently rebuilt my website as digital business card, which serves a simple purpose: Say hello, then point people in the direction of the places I inhabit on the web. At the time I was playing around with the HTML5 boilerplate and Google web fonts, and it inspried me to try to implement the logos of the sites I link to with CSS rather than images. You can view it at: http://colin-gourlay.com/ You'll need a modern browser to see the effects in action, but if you're still using IE6/7/8,I hope you can still appreciate the degraded appearance! Is it effective? Are CSS + custom fonts not quite up to the challenge of simple image replacement like this? Am I just not doing it effectively? I'd love to hear your thoughts.

Does the same job

all alternatives →
  • PC
    Picnic.css, a lightweight Bootstrap alternative2014 · picnicss.com · ▲247

    I've tried to make it as light as possible. It's only tested with Firefox and Chrome, however I intend to test it in IE down to 9. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed

  • AM
    A minimalist (brutalist?) website for sharing all your links2024 · lynx.boo · ▲303

    Do you remember the internet of the early 2000s? Neat single function websites that let you be creative and customize your spaces and weren't setting out to be the next major conglomerate (or to be bought by them). I'm building a series of websites that have simple concepts but too many of the players have tried to make their product so big. I also used to live in a very rural area so my goal is to make websites that load fast even on very slow internet. I'm starting with Lynx.boo. A linktree style website that lets you fully customize your CSS (and adds a bunch of classes to your links to…

  • LI
    Logos in Pure CSS2013 · bchanx.com · ▲283
  • Font Famous 2.02019 · ▲143

    The free vector logo font for showing off your press links

  • PE
    Postcard – Easy way to make a personal website2022 · postcard.page · ▲140

    Today I'm launching Postcard! I started Postcard when I deleted most social media, but still wanted a way to keep in touch with friends and my network. When I worked at Webflow, it became clear to me that most website builders are way too complex for individual users. So, I drew inspiration from social media - where all you need is a couple photos and text fields to get a great site online. So, I think I’ve about achieved a site builder that even my Mom could use. The product seems simple, but there are many under-the-hood optimizations. There's caching, CDNs, custom domain support, TLS…

  • AS
    A simple, plain, minimal, classless CSS for simple, plain HTML pages2020 · github.com · ▲128

More life & fun this month

the category →
  • TL
    The load-bearing vocabulary of Claude▲703

    Life & fun · 10d ago · louisabraham.github.io

  • iPhone app takes simultaneous images from 2 lenses, fuses into 1 photo▲329

    Photosynthesis fires two of your iPhone

    Life & fun · 29d ago · photosynthesis.camera

  • SoloUno▲310

    Take control of hair pulling, nail biting & skin picking

    Life & fun · 28d ago · solouno.io

  • Scroll through all 43252003274489856000 Rubik's Cube states▲295

    Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.

    Life & fun · 27d ago · everycube.alen.is

  • Expeditione▲265

    The Interactive 3D Encyclopedia

    Life & fun · 21d ago · expeditione.fun

  • Eigendrum - Draw any shape and hear what it sounds like as a drum▲243

    Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…

    Life & fun · 27d ago · baselashraf81.github.io

Launched alongside, March 2011

the whole month →