Skip to content

Instantly share code, notes, and snippets.

View vasilisvg's full-sized avatar

Vasilis van Gemert vasilisvg

View GitHub Profile
@vasilisvg
vasilisvg / dabblet.css
Created February 19, 2012 21:12
Attribute selectors and bling oefening
/**
* Attribute selectors and bling oefening
Opdracht:
Vervang alle … door de juiste selector of combinatie.
De omschrijving staat er telkens boven
*/
/* Dit blok geldt voor alle input-elementen */
… {
@vasilisvg
vasilisvg / HTML-presentation-tools.md
Created January 14, 2012 13:53
HTML presentation tools

#HTML presentation tools

There are many HTML presentation tools and they are all created for slightly different reasons. Here's an overview. Please let me know if I forgot any.

##CSSS

CSS-based SlideShow System

@vasilisvg
vasilisvg / dabblet.css
Created March 12, 2012 10:57
Responsive blog layout te doen
/**
* Responsive blog layout te doen
*/
article {
display: inline-block;
vertical-align: top;
}
nav li {
display: block;
@vasilisvg
vasilisvg / dabblet.css
Created February 19, 2012 17:07
Child selectors en sibling combinators oefening
/**
* Child selectors en sibling combinators oefening
Opdracht:
Vervang alle … door de juiste selector of combinatie.
De omschrijving staat er telkens boven
*/
body {
background: #fff;
font: 100%/1.5 georgia;
@vasilisvg
vasilisvg / is-ios-safari.js
Created May 2, 2012 13:20
Check if the page is viewed in the Safari browser in iOs
/*
I want to make a bubble that explains people that they can save the page to their homescreen
I want to be absolutely sure that this is Safari on an iPhone or iPad
Not a browser in a webview in a native app
Not a browser in standalone mode
Not something else
This is the closest I can get to something I kinda trust.
*/
var nav = window.navigator;
@vasilisvg
vasilisvg / more.md
Last active December 4, 2020 04:48
This is my backup script which syncs my server to my dropbox every day.

The script below is triggered every day from my Mac. I use Hazel to move the tar.gz to an external hard disk once it's finished. This happens every day without me noticing. You can exclude folders if you want to. You probably want to exclude giant cache folders.

You should have a similar script.

/**
* Transitions
*/
div:last-of-type {
transition: 1s ease; /* ease, linear, ease-in, ease-in-out, ease-out */
/* Zoek ook eens op http://cubic-bezier.com/
Of op http://matthewlein.com/ceaser/
*/
top: 12vw;
@vasilisvg
vasilisvg / dabblet.css
Last active April 14, 2020 06:26
Meer bling met CSS
/**
* Meer bling met CSS
*/
* {
box-sizing: border-box;
}
html {
background: grey;
min-height: 100%;
font-family: georgia, serif;
@vasilisvg
vasilisvg / dabblet.css
Last active April 14, 2020 06:26
Tekst stylen met CSS
/**
* Tekst stylen met CSS
*/
* {
box-sizing: border-box;
}
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@vasilisvg
vasilisvg / vasilis-ifttt.md
Created June 18, 2012 17:49
What do I use ifttt for
  • Send an e-mail when an important feed is updated (not too important, it's not instantaneous)
  • Save content from a pinboard feed as separate files to my Dropbox so I can use them with nvALT
  • Save all my tweets in a file in my Dropbox
  • Save all my tweets as separate files in my Dropbox
  • Publish pictures I save in a certain dropbox-folder to flickr
  • Synchronize two pinboard accounts
  • E-mail myself a monthly reminder to check http://mypermissions.org/
  • Save feeds with certain tags from several sources to my pinboard account
  • Save faved items from my Fever install to my pinboard account
  • Automatically tweet some feeds