Skip to content

Instantly share code, notes, and snippets.

View NiklasJordan's full-sized avatar
🛰️
Make satellite data accessible for everyone.

Niklas Jordan NiklasJordan

🛰️
Make satellite data accessible for everyone.
View GitHub Profile
@NiklasJordan
NiklasJordan / Typoscript
Created June 7, 2011 14:54
More-Link wrappen
plugin.tt_news.displayLatest {
subheader_stdWrap {
stripHtml = 1
crop = 150 | ... | 1
ifEmpty.field = bodytext
# the "more" link is directly appended to the subheader
append = TEXT
append.data = register:newsMoreLink
append.wrap = <p class="news-latest-morelink">|</p>
@NiklasJordan
NiklasJordan / gist:1012404
Created June 7, 2011 14:52
Tags zu Artikel ausgeben - Wordpress
<?php the_tags('<h4>Tags:</h4> ',', ',''); ?>
@NiklasJordan
NiklasJordan / gist:1012400
Created June 7, 2011 14:51
CSS Lifted corner Drop Shadow
<!DOCTYPE html>
<html>
<head>
<style>
.box{
width:200px;
height:100px;
@NiklasJordan
NiklasJordan / gist:1012411
Created June 7, 2011 14:56
Div richtig zentrieren
#test {
height: 100%;
margin: 0 auto;
position: relative;
width: 910px;
}
@NiklasJordan
NiklasJordan / Typoscript
Created June 7, 2011 14:55
More-Link Text ändern
plugin.tt_news._LOCAL_LANG.de{
more = Weiterlesen
}

Menu for Personal Website

Many folks use these, and their merits can be argued, but for practical purposes, the "Hamburger" icon has familiarity going for it, at the very least. These animations add a little more transparency to what it means from a UI perspective by transforming it into another recognizable icon - the closing "x". Full walkthrough here: http://designcouch.com/home/why/2014/06/23/playing-with-hamburger-icon-animations/

Forked from Jesse Couch's Pen Menu "Hamburger" Icon Animations.

Forked from Jesse Couch's Pen Menu "Hamburger" Icon Animations.

Forked from Jesse Couch's Pen Menu "Hamburger" Icon Animations.