a hack club ysws where
ys: a (functional) website without any
css
ws: a sticker sheet and prizes to the coolest
submissions (ones that make my eyes bleed)
rules
-
no
cssallowed - not even inline styles (no - javascript is allowed - use it creatively
- your website has to be functionally complete - meaning it must have some use and have functionality but not necessarily pretty
- it must take you at least an hour to complete
- this isn't double dippable with any other ysws
how to participate
- track your time with hackatime
- build your masterpiece using only html and javascript
- submit your creation when done!
examples
ideas to get you started:
- a bus tracker with an ascii ui
- weather radar that uses websockets for real-time data
- dungeon crawler where you type commands to move
- fluid physics simulation
- social network
- ascii renderer
javascript techniques
ways to create visual effects without css:
textContentmanipulation- animate text by changing content over time
- ascii art
- draw pictures using text characters
<pre>blocks- preserve spacing for text-based graphics
- unicode characters
- use emoji and symbols: ▓░█▄▀●○◐◑
- html attributes
-
use
width,height,borderon elements
resources
- sans style - html elements reference
- mdn html docs
- hackatime - track your time
made with <3 by @notaroomba
source