Martin Michálek machal

machal / index.html

Created June 20, 2012 21:21

A web page created at CodePen.io



	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>CodePen · A Pen by machal</title>

	<style>

machal / index.html

Created June 20, 2012 21:24

A web page created at CodePen.io



	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>CSS animace · CodePen</title>

	<style>

machal / font-size.less

Created July 9, 2012 13:34

LESS: Font size in rem unit with fallback to pixels

	// Nastaveni velikosti pisma v rem s fallbackem v px
	// Zdroj: http://www.stuffandnonsense.co.uk/blog/about/less

	@baseFontSize: 15;

	.font-size(@font-size: @baseFontSize) {
	@rem: (@font-size / @baseFontSize);
	font-size: @font-size * 1px;
	font-size: ~"@{rem}rem";
	}

machal / index.html

Created August 2, 2012 10:41

Mobile First vs. IE8- solution with LESS

	<!doctype html>
	<html>

	<head>
	<link rel="stylesheet" href="index.css">
	<!--[if lte IE 8]><link rel="stylesheet" href="old_ie.css"><![endif]-->
	</head>

	<body>

machal / index.css

Created September 19, 2012 08:59

Better image resizing for flexible layouts

	.image {
	image-rendering: optimizeSpeed; /* Legal fallback */
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Chrome */
	image-rendering: optimize-contrast; /* CSS3 Proposed */
	-ms-interpolation-mode: bicubic; /* IE8+ */
	}

machal / grid.less

Created April 16, 2013 12:52

Mobile First CSS with Boostrap 2.3

	// Bootstrap's fluid grid
	#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);

machal / index.html

Created May 2, 2013 11:23

	<!DOCTYPE html>
	<!--[if lt IE 9]> <html class="no-js old-ie"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<html lang="cs">

	<!-- Obsah HTML -->

	</html>

machal / podporuji-nas.html

Last active December 24, 2015 16:49


	<!DOCTYPE html>
	<!--[if lt IE 7]><html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
	<!--[if (IE 7)]><html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js lt-ie9 lt-ie8"><![endif]-->
	<!--[if (IE 8)]><html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js lt-ie9"><![endif]-->
	<!--[if (IE 9)]><html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js ie9"><![endif]-->
	<!--[if gt IE 9]><!-->
	<html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js color1 " data-smooth-scroll="off" data-accentcolor="#179e1e">
	<!--<![endif]-->
	<head>

machal / o-nas.html

Last active December 24, 2015 18:49

http://www.zeleni.cz/o-nas/


	<!DOCTYPE html>
	<!--[if lt IE 7]><html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
	<!--[if (IE 7)]><html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js lt-ie9 lt-ie8"><![endif]-->
	<!--[if (IE 8)]><html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js lt-ie9"><![endif]-->
	<!--[if (IE 9)]><html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js ie9"><![endif]-->
	<!--[if gt IE 9]><!-->
	<html lang="cs-CZ" prefix="og: http://ogp.me/ns#" class="no-js color1 " data-smooth-scroll="off" data-accentcolor="#179e1e">
	<!--<![endif]-->
	<head>

machal / file.less

Created October 11, 2013 08:49