Skip to content

Instantly share code, notes, and snippets.

View vedranjaic's full-sized avatar

Vedran Jaic vedranjaic

9 followers · 14 following
  • NEOS
  • Zagreb, Croatia
View GitHub Profile
@vedranjaic
vedranjaic / index.html
Created May 31, 2013 07:58
HTML Starter Kit
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SAMPLE</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<!-- CSS -->
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">
@vedranjaic
vedranjaic / html-test-filled.html
Created May 29, 2013 20:52
HTML TEST: <filled>
<!doctype html>
<html>
<head>
<title>HTML TEST: <filled></title>
<meta description="0.1">
<meta author="Vedran Jaic">
</head>
<body>
<a href="#">Lorem ipsum dolor sit amet.</a>
<abbr></abbr>
@vedranjaic
vedranjaic / html-test-empty.html
Created May 29, 2013 20:39
HTML TEST: <empty>
<!doctype html>
<html>
<head>
<title>HTML TEST: <empty></title>
<meta description="0.1">
<meta author="Vedran Jaic">
</head>
<body>
<a href="#"></a>
<abbr></abbr>
@vedranjaic
vedranjaic / index.html
Last active December 17, 2015 18:38
Flexbox Responsive Grid Playground
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flexbox Grid System</title>
<link rel="stylesheet" href="css/fb-grid.css">
</head>
<body>
<div class="row">
@vedranjaic
vedranjaic / box_sizing.css
Created May 26, 2013 21:45
css: Box-sizing
* {
-webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box; /* Firefox 1+ */
box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */
}
@vedranjaic
vedranjaic / page_break_in_print.css
Created May 26, 2013 17:54
css: Page break for @media print
/* Break Page on print */
@media print {
#div {
page-break-before: always;
}
}
@vedranjaic
vedranjaic / iphone_disable_default_form_style.css
Created May 26, 2013 17:52
css: iPhone - Disabling default appearance of form elements on iOS
input, textarea {
-webkit-appearance: none;
}
@vedranjaic
vedranjaic / placeholder_text_style.css
Created May 26, 2013 17:51
css: HTML5 - Style Placeholder Text
::-webkit-input-placeholder {
color: red;
}
:-moz-placeholder { /* Firefox 18- */
color: red;
}
::-moz-placeholder { /* Firefox 19+ */
color: red;
@vedranjaic
vedranjaic / word_wrap.css
Created May 26, 2013 17:49
css: Word-wrap
pre {
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
}
@vedranjaic
vedranjaic / rwd_facebook_like_box.css
Created May 26, 2013 17:47
css: Responsive Facebook like box
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}