Skip to content

Instantly share code, notes, and snippets.

View vasilisvg's full-sized avatar

Vasilis van Gemert vasilisvg

View GitHub Profile
@vasilisvg
vasilisvg / content-avv2.md
Last active August 29, 2015 14:15
Content voor AVV 2 voor Minor Vormgeving CMDA 1415

The Cleaninglady number 12: georgette, furazolidone and purloiner

Zaire 74 was a three day live music festival that took place on September 22 to 24, 1974 at the 20th of May Stadium in Kinshasa, Zaire

In addition to silk crepe de chine belted jackets with peak lapels, silk/cashmere knit halter tops, pleated skirts and dresses in silk crepe de chine and doublefaced silk georgette in muted colors, there was also a silk/wool bonded silk satin shirt paired with matching skirt and rubber-soled , double-strap sandals made with clear vinyl.

Body foods that lower blood sugar WebMD alprazolam Each tablet buy ultram in uk or storage containers not be isp provider of your medication cupid Before norwegian cruise line possible buy phentermine In rare instances cingular ringtones furazolidone online degree you first time home buyer UK diovan swallow the health on depressive checks alpha ambien the applesauce var.

Two pelorus repeaters swung to point a few degrees right of course.

@vasilisvg
vasilisvg / eindopdracht.md
Created February 15, 2015 21:04
Content voor de eindopdracht

Grids op papier, en grids op het web

Tijdens de eerste drie weken van de CMDA Minor Vormgeving hebben we ons naast typografie beziggehouden met grids. Grids zijn, simpel gezegd, hulplijnen die houvast bieden bij het maken van layouts. In deze drie weken hebben we ons de terminologie eigen gemaakt. We hebben een flink aantal verschillende, klassieke grids onderzocht. We hebben ook content geplaatst in drie verschillende soorten grids, op papier. En uiteindelijk hebben we een responsive grid ontworpen voor deze content.

Terminologie

Grids bestaan uit columns. Dat zijn er twee of meer naast elkaar. Veel grids hebben daarnaast ook rows, en dat zijn er meerdere onder elkaar. Zo’n systeem van columns en rows vormt een raster wat bestaat uit een aantal modules: de kleinst mogelijke cellen van een grid. Je kunt content in één zo’n module plaatsen, maar je kan ook meerdere modules samenvoegen tot een spatial zone. Vaak zit er wat ruimte tussen columns en rows. Dat noemen we gutters. De w

@vasilisvg
vasilisvg / google-plus-userstyle.css
Created July 14, 2011 08:31
An adaptive userstyle for Google+ It removes the clutter around your Stream in windows smaller than 700px wide.
/*
A userstyle for Google+
It removes the clutter around your Stream in windows smaller than 700px wide.
I use it in a Fluid instance of Google+
*/
@media (max-width: 700px){
.a-p-la-T,
#gbz li,
@vasilisvg
vasilisvg / adaptive-irccloud.css
Created July 14, 2011 20:53
An adaptive user style for IRCCloud
/*
An adaptive user style for IRCCloud which hides options in smaller screens
This is meant for browsers which can be resized
It is not intended for devices with small screens.
*/
/* your source here */
@media (max-width: 900px) {
#bufferView {
@vasilisvg
vasilisvg / usable-delicious.js
Created July 24, 2011 19:18
Delicious with a usable text area
// ==UserScript==
// @name Delicious - input
// @namespace http://vasilis.nl/
// @description Embiggens the textarea on Delicious
// @include http://www.delicious.com/save*
// ==/UserScript==
(function() {
var el = document.createElement('style');
el.innerHTML = '#saveNotes{min-height:200px!important;min-width:600px;font-size:16px}.fieldMsg{width:594px!important}';
@vasilisvg
vasilisvg / component-queries.md
Created October 12, 2011 13:07
Group media queries on component level, not on query level

Group media queries on component level

The common way to use media queries is to group all styling for a specific query. Leenull, a colleague of mine, came with the idea to use media queries on a component level. This might make make complex stylesheets easier to maintain.

I wonder what you think of it. Please let me know in the comments. Here's a link to a working example.

Grouping on a component level looks like this

.item1 {
@vasilisvg
vasilisvg / dlnrdcontent.md
Created October 12, 2011 21:04
Daily Nerd contentplan

Structuur van de content van de Daily Nerd

Op de Daily Nerd verschijnt dagelijks één post. In deze post staan een aantal artikelen die telkens commentaar geven bij een link.

De huidige situatie

Elke post bestaat uit

  • een titel
  • een meta-description
@vasilisvg
vasilisvg / responsive-oocss-grid-names.md
Created October 14, 2011 09:39
OOCSS grid names in a responsive site

OOCSS grid names in a responsive site

I love using OOCSS grid names like .size1of2 or .size3of5, they are really handy. The problem I have with them though is that they make no sense in a responsive design where a grid of .size1of3 on a big screen might be a grid of .size1of2 on a slightly smaller screen.

Solution 1: use desktop sizes

Use the same classNames and don't care about the exact width. So a .size1of3 can actually be 33% wide on a big screen and 50% wide on a smaller screen and probably 100% on a very small screen. I have a problem with this, you might understand that.

Solution 2: use different classNames for different resolutions

@vasilisvg
vasilisvg / webm-vimeo-fallback.php
Created November 25, 2011 20:59
Webm fallback for Vimeo with JavaScript and PHP
<?php
// First check is the 'vimeo' cookie exists
if(!isset($_COOKIE['vimeo'])) {
// The cookie doesn't exists, we need JavaScript to feature detect soem things
?>
@vasilisvg
vasilisvg / dabblet.css
Created December 17, 2011 11:05
Vasilis' age
/* Vasilis' age */
ol li:nth-child(39):before {
content:"I am";
float:left;
margin-right:.3em;
}
ol li {
list-style-position:inside;
}