Skip to content

Instantly share code, notes, and snippets.

View ZakharDay's full-sized avatar

ZakharDay ZakharDay

124 followers · 76 following
View GitHub Profile
@ZakharDay
ZakharDay / mcs101-html5-tags.html
Last active August 29, 2015 14:05
<!-- New Semantic/Structural Elements -->
<header></header> <!-- Что-то идущее сверху -->
<footer></footer> <!-- Что-то идущее снизу -->
<section></section> <!-- Секция — элемент для деления контента на части -->
<article></article> <!-- Для размещения статей -->
<aside></aside> <!-- Для размещения стороннего контента -->
<figure></figure> <!-- Картинка, диаграмма и тп. -->
<figcaption></figcaption> <!-- Подпись к картинке, диаграмме и тп. -->
<nav></nav> <!-- Навигация -->
@ZakharDay
ZakharDay / mcs101-index-v14.html
Last active August 29, 2015 14:05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<style>
body {
background-color: steelblue;
color: white;
font-family: "HelveticaNeue-Light", Arial, sans-serif;
@ZakharDay
ZakharDay / mcs101-index-v15.html
Last active August 29, 2015 14:05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<style>
body {
background-color: steelblue;
color: white;
font-family: "HelveticaNeue-Light", Arial, sans-serif;
@ZakharDay
ZakharDay / reset-by-eric-meyer.css
Created August 22, 2014 21:49
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
@ZakharDay
ZakharDay / mcs101-index-v16.html
Created August 22, 2014 22:01
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<style>
body {
background-color: steelblue;
color: white;
font-family: "HelveticaNeue-Light", Arial, sans-serif;
@ZakharDay
ZakharDay / mcs101-index-v17.html
Created August 22, 2014 22:04
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Hello World</title><style>body {background-color: steelblue;color: white;font-family: "HelveticaNeue-Light", Arial, sans-serif;}h1, h2, h3, h4, h5, h6, p {font-weight: normal;background-color: black;}section {margin: 100px;border: 10px solid white;padding: 100px;background-color: green;}</style></head><body><section><h1>Hello World</h1><h2>Hello World</h2><h3>Hello World</h3><h4>Hello World</h4><h5>Hello World</h5><h6>Hello World</h6><p>Здравствуй мир</p></section></body></html>
@ZakharDay
ZakharDay / mcs101-index-v18.html
Last active August 29, 2015 14:05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8>
<title>Hello World</title>
<style>
body {
background-color: steelblue;
color: white;
font-family: "HelveticaNeue-Light", Arial, sans-serif;
@ZakharDay
ZakharDay / mcs101-index-v19.html
Last active August 29, 2015 14:05
<!DOCTYPE html>
<!-- Don't copy me dude! -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<!--<link rel="stylesheet" href="reset.css">-->
@ZakharDay
ZakharDay / mcs101-index-v20.html
Created August 22, 2014 22:27
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<link rel="stylesheet" href="reset.css">
<style>
body {
background-color: steelblue;
color: white;
@ZakharDay
ZakharDay / burger-button-video.html
Last active August 29, 2015 14:07
<video crossorigin="anonymous" loop="" width="360" height="285" tabindex="0">
<source src="http://material-design.storage.googleapis.com/videos/DelightfulDetails_WellCrafted_v01_large_xhdpi.webm" type="video/webm">
<source src="http://material-design.storage.googleapis.com/videos/DelightfulDetails_WellCrafted_v01_large_xhdpi.mp4" type="video/mp4">
</video>
<video crossorigin="anonymous" loop="" width="150" height="150" tabindex="0">
<source src="http://material-design.storage.googleapis.com/videos/animation-delightfulDetails-statusChange-example_large_xhdpi.webm" type="video/webm">
<source src="http://material-design.storage.googleapis.com/videos/animation-delightfulDetails-statusChange-example_large_xhdpi.mp4" type="video/mp4">
</video>