Skip to content

Instantly share code, notes, and snippets.

View TimPietrusky's full-sized avatar
🎶
shouldUpdate()

NERDDISCO TimPietrusky

🎶
shouldUpdate()
471 followers · 99 following
View GitHub Profile
@TimPietrusky
TimPietrusky / index.html
Created June 9, 2013 17:24
A CodePen by Tim Pietrusky. Breaking Bad - A tribute to the best fucking series in the world. Just some CSS and SVG. I created the SVG from the original Logo with Photoshop (path) and Illustrator (SVG). The making of: http://timpietrusky.com/breaking-bad-logo The original Logo is © by American Movie Classics Company LLC.
<!--
Breaking Bad
A tribute to the best fucking series in the world.
Just some CSS and SVG. I created the SVG from the original Logo with
Photoshop (path) and Illustrator (SVG).
The original Logo is © by American Movie Classics Company LLC.
@TimPietrusky
TimPietrusky / index.html
Created June 9, 2013 17:24
A CodePen by Tim Pietrusky. Anti-aliasing on video - Enable anti-aliasing on video with ```transform-style: preserve-3d```. This is for the [question from Sam Saccone via twitter](https://twitter.com/sam_saccone/status/324216842300317696): do you have any ideas about anti aliasing for a 3d transformed video element? example: mojotech.com
<section>
<h2>Anti-aliasing on video with "transform-style:preserve-3d"</h2>
<video autoplay>
<source src="http://www.mojotech.com/videos/snowcast.mp4" type="video/mp4">
<source src="http://www.mojotech.com/videos/snowcast.webm" type="video/webm">
<source src="http://www.mojotech.com/videos/snowcast.ogv" type="video/ogg">
</video>
</section>
@TimPietrusky
TimPietrusky / index.html
Created June 9, 2013 17:24
A CodePen by Tim Pietrusky. New SoundCloud profile page header - I implemented the header of the new SoundCloud profile page, which you can [find here](https://soundcloud.com/goldpanda)
<section class="profile">
<span class="profile--background"></span>
<div class="profile--img">
<img src="http://s.cdpn.io/1202/avatar_timpietrusky.jpg" alt="Tim Pietrusky" />
</div>
<div class="profile--text">
<h1 class="profile--text__alpha">Tim Pietrusky</h1>
<br>
<h2 class="profile--text__alpha">Frankfurt (Main), Germany</h2>
@TimPietrusky
TimPietrusky / index.html
Created June 9, 2013 17:23
A CodePen by Tim Pietrusky. Skynet - The final logo for my project. [Original background image](http://visuellegedanken.de/2012-11-01/sportplatz/) by Martin Wolf. I transformed Martins image into a blurry background with Photoshop.
<section>
<h1>Skynet</h1>
</section>
<div class="background"></div>
@TimPietrusky
TimPietrusky / index.html
Created June 9, 2013 17:23
A CodePen by Tim Pietrusky. webdesign tuts+ - Please hover :D The font I used is not the right one, but I don't know the original one.
<h1>webdesign tuts+</h1>
@TimPietrusky
TimPietrusky / index.html
Created June 9, 2013 17:23
A CodePen by Tim Pietrusky. "Tell us something about you" - Facts about me.
<body data-max-width="1400" data-auto-extend="true">
<article data-high="1">
<section data-cols="2">
<div class="move--center">
<img src="http://timpietrusky.com/img/tim_pietrusky_on_rampage.jpg" alt="" />
</div>
<div class="move--center">
<h1>Tim Pietrusky</h1>
<p>I'm a Webcraftsman from Frankfurt (Main), Germany and I love the web.</p>
@TimPietrusky
TimPietrusky / index.html
Created June 9, 2013 17:23
A CodePen by Tim Pietrusky. Skynet - Please vote! - The logo for my project @work. Controls and analyzes all the data of the company. Which one should I use? Or do you have another idea? Fork it!
<article>
<section>
<h1>Skynet</h1>
</section>
<section>
<h1>Skynet</h1>
</section>
<section>
@TimPietrusky
TimPietrusky / script.js
Created June 9, 2013 17:23
A CodePen by Tim Pietrusky. Detect Safari 6+ - With 2/3 dirt and 1/3 feature detection.
/**
Detect Safari 6+
With 2/3 dirt and 1/3 feature detection.
CSS filter are implemented in Safari 6+
http://caniuse.com/css-filters
Warning: userAgent stuff is bad.
But it should work in most of the cases.
@TimPietrusky
TimPietrusky / index.html
Created June 9, 2013 17:23
A CodePen by Tim Pietrusky. coderwall Logo - Just the [coderwall.com](http://coderwall.com) logo. The font used in the original Logo is **ITC Avant Garde Gothic bold** but this font is not available as a free webfont. So I used some font-familys which are close to the real font. 2012 by Tim Pietrusky [timpietrusky.com](http://timpietrusky.com)
<h1>coderwall</h1>
@TimPietrusky
TimPietrusky / index.haml
Created June 9, 2013 17:23
A CodePen by Tim Pietrusky. ID Card - Skills - Inspired by [iD vCard](http://dribbble.com/shots/463484-iD-vCard) from [Niklas Mathiesen](http://dribbble.com/nikm) **Work in progress as always :D**
%body.bg-grid-line
%div.card
%header
%h1 Skills
%article
%img#thumb{:src => "http://timpietrusky.com/img/tim_pietrusky_on_rampage.jpg", :alt => "My Pic"}
%h2 Tim Pietrusky
%div.area