Days CSS Challenge
for (day = 1; day <= 100; day++) {
  getAnIdea();
  writeHTML();
  writeCSS();
  beHappy();

  if (day == 100) {
    celebrate();
  }
}

For 100 consecutive days I've written HTML and CSS snippets as a creative learning process for myself.

All snippets are embed below and available on CodePen.

Download all code snippets

A small tip will help me keep this site running.

$

Subscribe for news about web development

CodePen twitter
100

See the Pen 100 by Matthias Martin (@roydigerhund)

099

See the Pen 099 by Matthias Martin (@roydigerhund)

098

See the Pen 098 by Matthias Martin (@roydigerhund)

097

See the Pen 097 by Matthias Martin (@roydigerhund)

096

See the Pen 096 by Matthias Martin (@roydigerhund)

095

See the Pen 095 by Matthias Martin (@roydigerhund)

094

See the Pen 094 by Matthias Martin (@roydigerhund)

093

See the Pen 093 by Matthias Martin (@roydigerhund)

092

See the Pen 092 by Matthias Martin (@roydigerhund)

091

See the Pen 091 by Matthias Martin (@roydigerhund)

090

See the Pen 090 by Matthias Martin (@roydigerhund)

089

See the Pen 089 by Matthias Martin (@roydigerhund)

088

See the Pen 088 by Matthias Martin (@roydigerhund)

087

See the Pen 087 by Matthias Martin (@roydigerhund)

086

See the Pen 086 by Matthias Martin (@roydigerhund)

085

See the Pen 085 by Matthias Martin (@roydigerhund)

084

See the Pen 084 by Matthias Martin (@roydigerhund)

083

See the Pen 083 by Matthias Martin (@roydigerhund)

082

See the Pen 082 by Matthias Martin (@roydigerhund)

081

See the Pen 081 by Matthias Martin (@roydigerhund)

080

See the Pen 080 by Matthias Martin (@roydigerhund)

079

See the Pen 079 by Matthias Martin (@roydigerhund)

078

See the Pen 078 by Matthias Martin (@roydigerhund)

077

See the Pen 077 by Matthias Martin (@roydigerhund)

076

See the Pen 076 by Matthias Martin (@roydigerhund)

075

See the Pen 075 by Matthias Martin (@roydigerhund)

074

See the Pen 074 by Matthias Martin (@roydigerhund)

073

See the Pen 073 by Matthias Martin (@roydigerhund)

072

See the Pen 072 by Matthias Martin (@roydigerhund)

071

See the Pen 071 by Matthias Martin (@roydigerhund)

070

See the Pen 070 by Matthias Martin (@roydigerhund)

069

See the Pen 069 by Matthias Martin (@roydigerhund)

068

See the Pen 068 by Matthias Martin (@roydigerhund)

067

See the Pen 067 by Matthias Martin (@roydigerhund)

066

See the Pen 066 by Matthias Martin (@roydigerhund)

065

See the Pen 065 by Matthias Martin (@roydigerhund)

064

See the Pen 064 by Matthias Martin (@roydigerhund)

063

See the Pen 063 by Matthias Martin (@roydigerhund)

062

See the Pen 062 by Matthias Martin (@roydigerhund)

061

See the Pen 061 by Matthias Martin (@roydigerhund)

060

See the Pen 060 by Matthias Martin (@roydigerhund)

059

See the Pen 059 by Matthias Martin (@roydigerhund)

058

See the Pen 058 by Matthias Martin (@roydigerhund)

057

See the Pen 057 by Matthias Martin (@roydigerhund)

056

See the Pen 056 by Matthias Martin (@roydigerhund)

055

See the Pen 055 by Matthias Martin (@roydigerhund)

054

See the Pen 054 by Matthias Martin (@roydigerhund)

053

See the Pen 053 by Matthias Martin (@roydigerhund)

052

See the Pen 052 by Matthias Martin (@roydigerhund)

051

See the Pen 051 by Matthias Martin (@roydigerhund)

050

See the Pen 050 by Matthias Martin (@roydigerhund)

049

See the Pen 049 by Matthias Martin (@roydigerhund)

048

See the Pen 048 by Matthias Martin (@roydigerhund)

047

See the Pen 047 by Matthias Martin (@roydigerhund)

046

See the Pen 046 by Matthias Martin (@roydigerhund)

045

See the Pen 045 by Matthias Martin (@roydigerhund)

044

See the Pen 044 by Matthias Martin (@roydigerhund)

043

See the Pen 043 by Matthias Martin (@roydigerhund)

042

See the Pen 042 by Matthias Martin (@roydigerhund)

041

See the Pen 041 by Matthias Martin (@roydigerhund)

040

See the Pen 040 by Matthias Martin (@roydigerhund)

039

See the Pen 039 by Matthias Martin (@roydigerhund)

038

See the Pen 038 by Matthias Martin (@roydigerhund)

037

See the Pen 037 by Matthias Martin (@roydigerhund)

036

See the Pen 036 by Matthias Martin (@roydigerhund)

035

See the Pen 035 by Matthias Martin (@roydigerhund)

034

See the Pen 034 by Matthias Martin (@roydigerhund)

033

See the Pen 033 by Matthias Martin (@roydigerhund)

032

See the Pen 032 by Matthias Martin (@roydigerhund)

031

See the Pen 031 by Matthias Martin (@roydigerhund)

030

See the Pen 030 by Matthias Martin (@roydigerhund)

029

See the Pen 029 by Matthias Martin (@roydigerhund)

028

See the Pen 028 by Matthias Martin (@roydigerhund)

027

See the Pen 027 by Matthias Martin (@roydigerhund)

026

See the Pen 026 by Matthias Martin (@roydigerhund)

025

See the Pen 025 by Matthias Martin (@roydigerhund)

024

See the Pen 024 by Matthias Martin (@roydigerhund)

023

See the Pen 023 by Matthias Martin (@roydigerhund)

022

See the Pen 022 by Matthias Martin (@roydigerhund)

021

See the Pen 021 by Matthias Martin (@roydigerhund)

020

See the Pen 020 by Matthias Martin (@roydigerhund)

019

See the Pen 019 by Matthias Martin (@roydigerhund)

018

See the Pen 018 by Matthias Martin (@roydigerhund)

017

See the Pen 017 by Matthias Martin (@roydigerhund)

016

See the Pen 016 by Matthias Martin (@roydigerhund)

015

See the Pen 015 by Matthias Martin (@roydigerhund)

014

See the Pen 014 by Matthias Martin (@roydigerhund)

013

See the Pen 013 by Matthias Martin (@roydigerhund)

012

See the Pen 012 by Matthias Martin (@roydigerhund)

011

See the Pen 011 by Matthias Martin (@roydigerhund)

010

See the Pen 010 by Matthias Martin (@roydigerhund)

009

See the Pen 009 by Matthias Martin (@roydigerhund)

008

See the Pen 008 by Matthias Martin (@roydigerhund)

007

See the Pen 007 by Matthias Martin (@roydigerhund)

006

See the Pen 006 by Matthias Martin (@roydigerhund)

005

See the Pen 005 by Matthias Martin (@roydigerhund)

004

See the Pen 004 by Matthias Martin (@roydigerhund)

003

See the Pen 003 by Matthias Martin (@roydigerhund)

002

See the Pen 002 by Matthias Martin (@roydigerhund)

001

See the Pen 001 by Matthias Martin (@roydigerhund)