Meta tags:
description= Welcome to the wide weird world of Tim Holman, this is the stuff he s made, and a little about how it was done.;
Headings (most frequently used words):
the, js, generative, of, podcast, useless, dot, player, artistry, music, toolsday, fun, inspiring, art, you, show, hate, passive, css, online, aggressive, web, mosquito, having, corners, overscroll, elevator, rasterizer, woah, versioning, game, got, don, github, to, screen, frog, console, morph, end, curious, ascii, human, this, blue, zenpen, death, ok, password, giflinks, ipsums, meet, shoptalk, with, aquatilis, animator, texter, dom, machine, discreet, twitter, finger, palletab, ui, images, boids, concentrics, intense, get, tim, clocks, making, cover, it, by, book, judge, always, sites, love, wowen, and, know, all, we, that, effects, cursor, 90, javascript, modernized, binary, wilson, abstract, chrome, frontend, talk, friends, obnoxious, simulator, office, holman, smelvetica, pieces, tetris, headless, tutorial, today, made, have, what, journeys, jolly, zone, zen, speedrun, markdown, creations,
Text of the page (most frequently used words):
the (429), and (173), #that (85), #this (83), you (73), for (73), #with (72), was (71), #github (41), all (38), out (37), can (36), #from (36), some (35), are (32), #there (32), #into (32), #little (31), #which (29), web (28), them (27), its (26), source (26), small (26), have (26), when (26), project (26), one (25), these (23), here (23), but (23), about (23), time (22), #what (22), really (20), how (20), get (20), your (19), website (19), edit (18), something (18), generative (18), they (18), simple (17), then (17), things (17), now (17), css (17), fun (17), built (17), could (17), been (17), also (16), had (16), podcast (16), lot (16), most (16), will (16), back (16), always (16), page (16), code (15), made (15), people (15), their (15), mosquito (14), talk (14), music (14), like (14), were (13), way (13), would (13), well (13), using (12), where (12), inspiring (12), off (12), online (12), pieces (12), open (11), any (11), over (11), art (11), site (11), while (11), tetris (11), library (11), has (11), new (11), great (11), useless (11), see (10), canvas (10), sites (10), game (10), down (10), found (10), each (10), day (10), building (10), chrome (10), use (10), different (10), build (10), those (10), projects (10), images (10), top (10), colors (9), through (9), clocks (9), making (9), console (9), part (9), markdown (9), text (9), weird (9), create (9), idea (9), find (9), screen (9), effects (9), super (9), show (9), read (8), piece (8), just (8), got (8), more (8), artistry (8), whole (8), image (8), much (8), around (8), very (8), make (8), fairly (7), being (7), demo (7), good (7), editor (7), nice (7), life (7), cursor (7), add (7), look (7), too (7), checking (7), zen (7), play (7), dot (7), intense (7), take (7), youtube (7), myself (7), player (7), tutorial (7), book (7), ascii (7), still (7), within (7), honestly (7), cool (7), said (7), work (7), api (6), put (6), together (6), finger (6), bit (6), javascript (6), awesome (6), having (6), aquatilis (6), passive (6), friend (6), world (6), extension (6), year (6), after (6), came (6), done (6), fonts (6), codepen (6), wanted (6), elevator (6), frog (6), creating (6), itself (6), post (6), left (6), scroll (6), based (6), other (6), check (6), course (6), learn (6), animations (6), transform (6), rotate (6), mind (6), not (6), move (6), tutorials (6), object (6), electric (6), added (6), version (6), color (6), end (6), abstract (6), writing (5), why (5), definitely (5), going (5), went (5), mine (5), zone (5), though (5), feel (5), complete (5), password (5), available (5), meet (5), change (5), video (5), talks (5), office (5), instructions (5), listen (5), full (5), few (5), journey (5), favorite (5), format (5), obnoxious (5), old (5), human (5), toolsday (5), clock (5), thats (5), original (5), exploration (5), ultimately (5), aggressive (5), binary (5), experience (5), needed (5), webpage (5), experiment (5), google (5), same (5), focus (5), every (5), than (5), everything (5), audio (5), script (5), next (5), including (5), first (5), blue (5), anyone (5), beautiful (5), help (5), zenpen (5), means (5), via (4), didn (4), search (4), watch (4), should (4), death (4), exist (4), longer (4), overscroll (4), tools (4), less (4), development (4), games (4), since (4), general (4), big (4), anything (4), ended (4), week (4), amazing (4), blogging (4), browser (4), inspired (4), sadly (4), makes (4), today (4), tab (4), although (4), own (4), everyone (4), dom (4), smelvetica (4), give (4), animator (4), corners (4), finding (4), hate (4), our (4), cover (4), easy (4), developers (4), regular (4), two (4), decided (4), effect (4), such (4), posts (4), try (4), another (4), used (4), because (4), podcasts (4), palettab (4), kind (4), blog (4), again (4), looks (4), friends (4), twitter (4), moved (4), possible (4), creations (4), machine (4), recommend (4), texter (4), understand (4), others (4), probably (4), giflinks (4), love (4), someone (4), experimentation (4), ipsums (4), know (4), date (3), creation (3), single (3), expedition (3), who (3), working (3), information (3), broken (3), perhaps (3), stuff (3), insane (3), yet (3), focusing (3), speed (3), boring (3), logs (3), message (3), judge (3), versioning (3), install (3), looking (3), weekend (3), need (3), clean (3), headless (3), data (3), did (3), thought (3), goal (3), decide (3), rewarding (3), designs (3), months (3), opening (3), above (3), along (3), morph (3), gives (3), frustrating (3), experiments (3), easter (3), given (3), long (3), getting (3), jsconf (3), speaking (3), smaller (3), browsers (3), personal (3), future (3), flash (3), between (3), guess (3), don (3), rather (3), feels (3), direction (3), recording (3), quick (3), present (3), seen (3), notes (3), design (3), even (3), active (3), pretty (3), important (3), creative (3), tobias (3), flocking (3), pixels (3), extra (3), blend (3), born (3), etc (3), background (3), modern (3), particular (3), absolutely (3), file (3), plays (3), classic (3), font (3), generally (3), taken (3), frontend (3), say (3), bring (3), websites (3), many (3), right (3), difficult (3), only (3), popular (3), set (3), trying (3), beloved (3), coming (3), hover (3), jokey (3), error (3), button (3), messages (3), place (3), buttons (3), wonderful (3), explore (3), interactive (3), happy (3), slackbot (3), installation (3), simulator (3), algorithms (3), thinking (3), chris (3), ipsum (3), recently (3), position (3), australia (3), wrong (3), talking (3), custom (3), both (3), coffee (3), system (3), initial (3), concentrics (3), example (3), sit (3), score (3), rasterizer (3), sometimes (3), bumpers (3), action (2), style (2), steps (2), replace (2), actual (2), combined (2), biggest (2), wise (2), interesting (2), research (2), svg (2), themselves (2), self (2), coding (2), impossible (2), beyond (2), malliable (2), sourced (2), reading (2), modes (2), debug (2), catch (2), last (2), tracking (2), tim (2), leaving (2), sitting (2), magic (2), line (2), result (2), behind (2), learning (2), worth (2), similar (2), ways (2), corner (2), avenue (2), inspiration (2), brushes (2), endless (2), main (2), 2016 (2), continues (2), light (2), hugo (2), dropped (2), thrown (2), seeing (2), act (2), able (2), school (2), 0deg (2), collection (2), block (2), platform (2), wall (2), slightly (2), run (2), advantage (2), taking (2), thing (2), drawn (2), spending (2), woah (2), best (2), blocks (2), utility (2), lines (2), minutes (2), perfect (2), individual (2), bunch (2), lots (2), anchor (2), earth (2), radio (2), watching (2), talented (2), examples (2), ago (2), gave (2), takedown (2), notice (2), blast (2), curious (2), process (2), sending (2), task (2), opened (2), specific (2), helvetica (2), capital (2), began (2), thanks (2), shouldn (2), technical (2), please (2), holman (2), colored (2), tiles (2), compiled (2), terrible (2), email (2), key (2), ever (2), couple (2), pleasure (2), 10deg (2), repository (2), share (2), grid (2), speaks (2), straight (2), slowly (2), provides (2), moving (2), without (2), files (2), circles (2), indie (2), contributing (2), playful (2), banners (2), fork (2), asia (2), boids (2), backgrounds (2), default (2), animation (2), wave (2), octocat (2), 25deg (2), kick (2), either (2), sharable (2), load (2), soundcloud (2), animating (2), playing (2), firefox (2), outside (2), dark (2), documentation (2), series (2), replaced (2), free (2), hours (2), renderings (2), bar (2), inspirational (2), fresh (2), url (2), think (2), log (2), improve (2), logging (2), output (2), changing (2), experimenting (2), point (2), naturally (2), vanilla (2), glory (2), weak (2), putting (2), photography (2), character (2), angles (2), real (2), needs (2), later (2), copy (2), sure (2), pull (2), giving (2), form (2), phone (2), allowing (2), helping (2), actually (2), internet (2), come (2), sized (2), bang (2), palette (2), thousand (2), tone (2), joke (2), called (2), strange (2), live (2), stuck (2), link (2), below (2), mouse (2), green (2), tricks (2), completely (2), history (2), con (2), away (2), include (2), modal (2), technology (2), partially (2), interactions (2), beauty (2), powerful (2), encouraging (2), places (2), years (2), collab (2), goals (2), across (2), incredible (2), shared (2), discovery (2), fantastic (2), links (2), eggs (2), enough (2), shoptalk (2), sorts (2), draw (2), dave (2), meaner (2), felt (2), conference (2), books (2), once (2), comes (2), team (2), dive (2), explores (2), truly (2), imagine (2), facebook (2), cat (2), display (2), serious (2), rich (2), designing (2), minute (2), turns (2), guglieri (2), wow (2), claudio (2), motivational (2), pitch (2), editing (2), remains (2), speedy (2), list (2), hear (2), goes (2), face (2), bite (2), wilson (2), wowen (2), onto (2), mimic (2), filler (2), movie (2), person (2), framework (2), side (2), started (2), hiding (2), intersection, rrrgggbbb, strangest, note, lee, drive, annoying, collecting, exactly, horse, reviews, subject, wrap, filters, looked, snake, yiyuan, implement, amongst, snippet, maximize, titles, tamperer, hooked, works, yay, linked, decides, remaining, bold, begin, extensions, researching, tetri, immediately, else, developer, brick, breaker, completed, prank, bringing, concepts, volume, directions, shownotes, conception, drippig, devious, proof, una, profile, kravets, brief, touches, conversation, observer, pleasant, commission, modernized, surprise, dhanaraj, lazy, bounce, maze, solver, addon, suck, age, variations, mezmerizing, houdini, hub, minimize, automatically, stick, random, nicer, monotype, seeking, bumpiness, fontforge, yes, feelings, rendering, planned, copied, oscillator, patterns, gameboy, worlds, originally, innocent, tinge, documented, noise, covers, send, ambient, tech, brilliant, solid, nostalgic, nicest, weekends, stinkedin, tuner, received, videos, sent, speak, tinkerer, buzz, monstrocity, plow, movements, turning, elses, funny, renders, hook, tricky, morbid, maybe, appeared, nintendo, mosquitos, pulling, took, holes, heuristics, computes, styled, lookahead, selects, computed, assessing, assessment, four, letters, aggregate, moves, height, appeal, parody, non, lawyers, buy, amazon, pigeon, randomly, oblique, rotation, guide, hue, brain, rotates, meaning, whenever, patience, attempt, touch, kerning, gap, waiting, forked, grids, crafted, hacking, created, beautifully, multiple, nothing, service, ruining, desired, review, standards, products, transforms, wasn, slow, peek, switch, meditate, formats, workshops, relatively, ball, lightning, round, swing, aimlessly, springy, lately, livestreams, name, recorded, speedrun, powered, existed, quiz, emoji, jumped, takes, wandering, customizable, keep, switching, ghost, enjoyed, snowflakes, stumbled, replicate, lights, satisfaction, nicely, parameters, captivated, supposed, vue, rock, react, customize, ideating, harm, dancing, ability, head, ahead, danglers, windows, preservation, silent, release, reads, overwhelming, aren, terms, excited, explain, write, ton, feedback, leading, apart, syntax, picking, involved, venture, interested, finally, quite, transversing, wahoo, wide, murderer, alone, showcasing, aptly, ignore, foster, conferences, forth, difference, train, often, helps, rolling, stronger, understanding, heading, hopefully, better, primary, floating, cake, icing, happens, executes, iframe, owen, bottom, scoring, static, named, counted, cursors, rebuilt, basic, shape, modernize, jekyll, scratch, passed, generations, knows, origin, tool, forward, hosted, decrepit, weirder, almost, emails, squares, larger, dawn, polyfill, vital, rebrand, ruth, faster, sluthing, roll, knowledge, dial, tabs, times, subdirectory, remade, 2018, busy, kept, late, anyway, insights, effort, must, requests, revival, accommodate, redesign, refresh, weren, neccesary, variety, sick, deployment, netlify, proposed, reached, switches, break, dust, launched, cuff, stitched, spotify, apple, expand, upon, easily, grow, nature, fair, twist, piano, swirl, fairy, japanese, sounds, creator, gardens, monks, clear, range, journeys, short, updating, met, broad, 90s, educational, mulled, guests, pivotal, drew, publish, wonders, 2012, notch, group, tell, barely, sleep, chat, afterwards, portal, highly, topic, want, renditions, chats, jolly, vegetables, offer, crisper, wheel, enjoyment, procrastination, recieved, tilt, ammount, request, translating, understood, math, answer, stack, overflow, invent, especially, attention, pasting, lied, exception, guy, trefler, users, sharability, thousands, combinations, rare, recognize, colour, lovers, overall, inspecting, selection, natural, captivating, yacht, carry, oceans, three, sail, breath, danger, cutting, edge, opportunity, scrutinize, gelata, experiences, visible, broadcast, embark, undertaken, entailing, ambitions, experienced, words, moon, russian, oceanic, adventure, turn, animates, greeted, haven, pushed, rip, spam, crap, effectively, caught, strips, elements, may, empty, tag, body, bluescreenofdeath, become, harder, couldn, brought, woo, doesn, safari, matter, wiring, functionality, egg, instance, event, listener, values, bleu, 404, palletab, allows, presentation, exploded, star, wipes, ray, mode, queues, badlands, digging, nooks, crannies, showing, prankster, click, peace, window, overhead, high, definition, combines, apis, product, minimal, interface, flipped, medium, 2013, maximum, visually, vivid, areas, tweet, borrowed, drawing, combining, icon, reveal, hide, discreetly, never, crazy, social, media, denying, boost, until, behaviours, discreet, pic, movement, helped, language, comparing, rendered, items, does, empire, amazingly, welcoming, proximity, apply, lessons, certain, expected, questions, shoot, timothy, gmail, com, controls, workable, variables, dat, gui, loading, coordinate, pixel, earliest, somehow, finishing, clicking, brush, properties, logic, outcomes, saving, coordinates, cross, stored, joy, worked, subtle, established, during, hurricane, sandy, 2015, rabbit, hole, seem, incredibly, perplexing, eelslap, known, boss, reflect, speakers, gathered, shop, rupert, coyier, mood, boards, closely, swimming, ocean, abstracted, several, particularly, enjoyable, impact, indoors, month, jarring, yourself, interaction, irk, inside, tells, common, passwords, contain, number, special, laws, caused, stir, realized, punch, visitors, submissions, collector, showcases, alot, ryan, gosling, designer, collect, generators, simplicity, gained, popularity, hundreds, telling, quirks, everybody, timers, circular, instead, gradients, hands, explorations, occured, resulting, types, amassed, large, served, sense, sun, stood, theme, fact, programmatically, fly, instantly, talked, artists, program, delightful, discussing, jag, talon, hang, appreciation, combination, learnable, fontalicious, wars, listening, car, simulation, running, listens, close, simplistic, died, episodes, embeddable, snippets, emu, tug, handle, war, fatalities, yikes, highlight, events, happenings, coincidences, bumped, app, casts, figured, shut, trickier, crowining, contains, scene, npm, stationary, stapler, switched, dimension, randomness, second, ticker, keeps, ran, scheduler, actions, namely, core, module, wildcard, breeze, bot, slackbots, funnier, company, fire, drill, tomorrow, floor, remotely, miss, agressive, remember, variants, written, devestatingly, strong, frustating, changes, bad, jitter, components, freakishly, modeled, dan, edens, animate, following, case, increasingly, heart, hand, spend, amount, articles, support, docs, quickly, days, officey, cringe, follow, ink, gets, final, jerry, morty, eye, older, crafting, fronttrends, poland, motivation, proud, incase, official, issue, seamlessly, flat, deeply, rooted, worried, already, planning, option, discussion, deliberately, options, advantages, ribbons, totally, property, 100, keyframes, mandatory, headed, happen, githubs, tumblr, exploring, spotted, visit, mp4, trickiest, smoothly, incorporate, easing, hit, scrolling, strung, hack, press, industry, hyper, fan, flows, credit, david, hosts, question, ask, currently, awesomely, unique, kicking, discusses, allow, infamous, rick, transition, fit, bordered, characters, slashes, stars, collapsing, counts, spaces, systematically, collapses, inwards, asciimorph, designed, explored, monotony, wouldn, wacked, album, debut, fired, ole, garage, band, versions, season, episode, frogs, shall, seperated, fixing, arm, sketch, technically, update, isn, reach, nerdy, command, creates, setting, linking, manually, grows, bugs, supreme, contributors, adding, layout, scheme, content, isotope, aim, area, aimed, launching, beginning, git, explaination, tims,
Text of the page (random words):
the screen and definitely bring back some nostalgic feelings all in all the project was definitely a good experience when you have to plow into someone elses code with no background its funny what you can learn finding and editing the code that renders the tetris pieces to the canvas was a little tricky but ultimately very rewarding tetris pieces in action tetris pieces source on github tetris pieces on electric object smelvetica sadly this received a takedown notice from monotype and their lawyers so this is all that remains of the project smelvetica was an experimentation in taking one of the worlds most beloved fonts and turning it into a morbid monstrocity this project began by pulling the original helvetica font from my system files and making a copy of it from there i opened it in fontforge which is a brilliant open source font editor from here the task was fairly simple i opened up each version of helvetica these being bold oblique light etc randomly went through the capital and non capital letters and moved them around within their guide grids this had the desired effect of ruining their beautifully crafted kerning as such creating smelvetica with the fonts completed the remaining work was to wrap it all up with a nice web page and some installation instructions the installation ended up being the most devious part of the prank in the end since it would install on the system it makes it really difficult for anyone to understand why everything looks just that little bit wrong edit sadly this was subject to a takedown notice you can see the brief conversation in the github repository smelvetica source was here passive aggressive office simulator remember everybody the crisper is for green vegetables only anything else found in it will be thrown out at the end of the day passive aggressive post it note one of the funnier things i found from office life was the small messages that would blast out to the whole company there s a fire drill tomorrow the coffee machine on the first floor is broken etc now that i m working remotely in a weird way i miss them as such the passive agressive office simulator slackbot was born the core of this slackbot is the npm module slackbots which honestly made the whole process a breeze the bot itself is broken into a few key pieces the first piece is the scheduler which will take specific actions namely sending a passive aggressive message and give it a time to be shared with everyone these are generally within work hours the second piece is a ticker which keeps the script checking the time and seeing if there is anything that needs to be ran the final piece is of course the messages themselves they were all hand written by me and also include wildcard variants so something like the day of the week or a piece of stationary please put the stapler back where you found it could be switched out to add a small extra dimension of randomness another little piece which i felt gave it that little bit of extra officey cringe was follow up messages if your office is out of ink you ll be sure to get another message when it gets back in 5 days later building a slackbot was a fun way to spend a day or two honestly the amount of articles and support docs out there makes it one of those technical yet quickly rewarding projects office simulator source and installation instructions obnoxious dot css animations for the strong of heart but weak of mind as you ll know if you ve been following my projects for a while or seen any of my talks one of my favorite things to do is find something thats good in this case the increasingly awesome set of css api s for animations and see what terrible things can be made from them obnoxious css is an exploration into what kind of freakishly frustrating things you can do with css animations on the web the project itself is modeled after dan edens animate css the key to bad animations is fairly simple really make them move to much make them run to long make them flash and jitter all of these terrible components have been compiled into the obnoxious css library the crowining glory of these animations is fontalicious which contains a devestatingly frustating series of font changes i always find that when you explore the way things shouldn t be used you get a little bit of appreciation for how good we ultimately have it obnoxious css website and examples obnoxious css source and instructions friends talk frontend podcast the talented jag talon and i talk life frontend and just generally hang out friends talk frontend is an delightful podcast of developers discussing how they got to where they are now and what their day to day life in general its always a good time have a listen abstract clocks i recently talked to electric object about building something on their platform for their artists program this is what i came up with when i was looking into what i could do on the electric object the biggest thing that stood out to me was that not many people were taking advantage of the fact that it can run a browser and as such can display something made programmatically on the fly or change with time instantly i wanted to do something with time over the years i ve amassed a large collection of clocks and timers on codepen which served as a big inspirational source the general idea here is that the clocks would be abstract and difficult to read but after spending a week with them it would be as easy to read as a regular clock in a sense the same way people are able to read time from the sun the theme for the clocks came as a combination of the original circular clock face but instead using gradients as clock hands from here a lot of experimentation and explorations occured resulting in the 5 types of clock you can read about how to understand each clock on this little web page some of them are a little trickier to get a handle on than the others but ultimately learnable abstract clocks demo s instructions abstract clocks code on github abstract clocks on electric object ok get this edit sadly bumpers fm shut down and i ended the project with that was fun though things you probably didn t know about in 5 minutes or less i recently bumped into bumpers fm a cool little app for recording small audio casts i figured why not and so ok get this was born the goal of this podcast is to highlight weird and wonderful events happenings and coincidences in the world and then talk about them for 5 minutes or less for example the emu wars in australia or the history of tug o war fatalities yikes the individual episodes are also embeddable which is cool and make for nice little sharable snippets edit have moved this project over to anchor now that bumpers has sadly died ok get this on anchor human music this is earth radio and now here s human music in season x episode y of rick and morty there s a particular scene where jerry is listening to the radio in the car within a simulation of earth running at 5 as he listens to the music it plays close to the most simplistic audio you could imagine i fired up ole garage band and had a go at re creating it and a few more inspired versions all up i made 7 or so human music pieces and wacked them together into an album for my soundcloud debut and of course any project wouldn t be complete without a little sharable web page human music webpage human music on soundcloud ascii morph while playing around with ascii art i explored animating one image to another asciimorph is a small js library designed to transition between two ascii images for an old website of mine the library counts the spaces around the image and then systematically collapses it from the outside inwards rather than just hiding the bordered ascii characters they are replaced by a series of slashes and stars which gives a general collapsing effect ascii morph on codepen ascii morph on github console dot frog sometimes you find a few hours free in your life and try to fit a little project into that console dot frog is perhaps my most important creation to date no longer shall i debug with the simple monotony of regular logs for now there are frogs so here is a simple explaination i think its supreme utility speaks for itself here is you logging some logs console log boring and here is your output boring and here is how console frog can improve your life here is happy you logging some logs console frog amazing and here is your output _ o amazing __ _ truly life changing console frog webpage instructions console frog source on github inspiring online a project aimed at creating a simple inspirational open source blog that could be a launching point for people beginning to look at git github and contributing to open source this blog was a fun little one to create the aim of giving myself a simple area that i can share inspiring and creative work as well as a simple repository that i could use to help people kick off contributing to open source either in person or online the design was a fairly simple isotope layout thanks dave and dark color scheme really the content speaks for itself this is the kind of project that grows slowly but always has a place in my day to day life fixing bugs helping new contributors adding new sites on the extra nerdy side i have a script that i use to add posts from the command line this creates the new post file setting the date and linking the image files needed to add a new post its not really needed but means that i can create a new post without opening the text editor or manually moving images around edit inspiring online is now the indie web inspiring online website inspiring online source on github github corners my personal take on the fork me on github banners for a long time i have used fork me on github banners on my sites and projects for the most part because these were regular go to of most developers i decided that i d like to create something a little more modern and playful and as such this project was born technically speaking this update isn t really too much of a reach but is one of those projects where you can do a little to get a lot i moved githubs infamous octocat into the corner as an svg and then seperated its arm in sketch so i could add some css animations to it the animation is added with css which means people can use it if they like but its not going to be mandatory the animation is added by default on hover which will allow it to wave keyframes octocat wave 0 transform rotate 0deg 20 transform rotate 25deg 40 transform rotate 10deg 60 transform rotate 25deg 80 transform rotate 10deg 100 transform rotate 0deg there are a lot of other advantages to using svg over the original github ribbons one of the biggest is that the colors are totally malliable you can change a single css property and have it change rather than having to pull out and change a whole image with text from here i built a little site to offer the code which was made to deliberately show off some of the colors and options available edit there s some great discussion about how to use css blend modes to blend the github corners seamlessly with any background including those that are not a flat color given the future when blend modes are deeply rooted in the web or for people not too worried about much older browsers this is already an awesome option edit 2 some awesome people have made tools to build your own custom corner ultimately i ve left this github issue open just incase i decide to build an official version edit 3 honestly seeing these all over the web always makes me proud github corners web page get them here github corners source on github don t hate the player hate the game my main talk of 2016 don t hate the player hate the game explores being creative in weird ways as well as finding motivation in everything honestly some of the most fun i ve had crafting a talk this recording of it was at fronttrends in poland watch the talk on youtube the versioning show the versioning show discusses the industry of the web from development to design with some of the people making it happen today and planning where it s headed in the next version the opening question of the versioning show ask which version of myself am i currently which is an awesomely unique way of kicking off a podcast its always great when a podcast just flows nice and easy all credit to tim and david there for being awesome hosts edit looks like the audio s dropped off from this now can still read the script though if you re a hyper fan have a look elevator js elevator music for when you press those back to top buttons elevator js strung out from a small hack day experiment while i was working at tumblr the library is fairly simple but again was a fun learning experience when you hit the back to top button it plays music as though it were an elevator scrolling to the top technology wise its all vanilla javascript and a single mp4 audio file the trickiest part of this was getting the scroll to act smoothly for this we needed to incorporate some easing algorithms naturally i built a small web page to show it off as well although you should probably visit the site to actually see it in action the library was built to be able to take in any music file so its pretty malliable in the time the library has been out i ve spotted it on a lot of websites including one for google io edit woah this got super popular now is my most popular open source project elevator js webpage elevator js on github overscroll every now and then you find some interesting browser quirks that catch your eye they re always worth exploring in this instance i found that if you are tracking the scroll position with an event listener when you try to scroll down beyond the end of the page or up beyond the top of the page you still get values coming back which means the browser is telling you the scroll position is in those overscroll areas once i found this out it was a matter of wiring up some functionality to them i went with a small easter egg and on the top edit looks like of chrome 51 this doesn t work leaving us only with safari edit 2 chrome 58 has brought this back woo edit 3 chrome 60 this was taken away again rip overscroll site demo overscroll source on github blue screen of death in light of how amazing web development tools have become last week i got to thinking what could i do to make development much much harder bluescreenofdeath js is a small script you can add to your webpage that will catch any error that its thrown and more or less make it impossible for you to debug what was wrong when the error is caught the script strips the page of any elements it may have had so we re down to just an empty body tag it will replace it with the classic blue screen of death style it will also spam the crap out of your web console effectively making it impossible to see what the error was in the first place and then naturally i couldn t help myself but create a bleu version edit i also ended up using this for my 404 page blue sc...
|