Skip to content

Instantly share code, notes, and snippets.

View h4's full-sized avatar
💭
I may be slow to respond.

Mikhail Baranov h4

💭
I may be slow to respond.
64 followers · 14 following
View GitHub Profile
@h4
h4 / 01.base.php
Created February 27, 2012 12:11
PHP для курса dev-p14
<h1>Синтаксис PHP</h1>
<p>PHP код может сожержать обычную html-разметку</p>
<p>Но чаще всего это код внутри специальных меток:</p>
<?php
// Здесь начинается php-код
// Код должен содержать комментарии
@h4
h4 / 01.index.html
Created February 28, 2012 12:25
Вёрстка макета страницы
<!DOCTYPE html>
<head>
<title>Star Wars</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Шапка сайта. Горизонтальный пояс -->
<div class="header">
<!-- Блок-обёртка для центрирования содержимого -->
<div class="wrapper">
@h4
h4 / sticky-footer.css
Created February 29, 2012 20:57
Подвал, прижатый к низу страниы
@h4
h4 / 1.css-hacks-ie.css
Created February 29, 2012 21:26
CSS-хаки
/*
«Грязные» хаки
+ это быстрое решение проблемы. Прописали дополнительных строчек и все отлично, верстаем дальше.
- не проходят валидацию. Усложняют поиск других ошибок
*/
/*--------------------
Для IE
@h4
h4 / 1.css-fiters-ie.css
Created February 29, 2012 21:43
CSS-фильтры
/*
Css-фильтры являются абсолютно валидными, но подчас абсурдными селекторами
+ Это быстрое решение проблемы. Прописали дополнительных строчек и все отлично, верстаем дальше.
- Нет уверенности как поведет себя сайт с выходом новых версий браузеров.
Например, написали код с хаком для Firefox, через месяц выходит новая версия Safari
и оказывается она тоже понимает этот селектор!
*/
@h4
h4 / conditional-comments.html
Created February 29, 2012 21:51
Условные комментарии
# Условные комментарии
Условные комментарии — специальная конструкция, содержимое которой предназначено
только для браузера Internet Explorer. Остальные браузеры это воспринимают как обычный комментарий.
+ предсказуемость поведения в будущих версиях браузера (чего не скажешь о CSS хаках)
+ валидность кода
- увеличивается время загрузки страниц (для IE за счет дополнительного файла)
@h4
h4 / 1.fix-bugs-magic.css
Created February 29, 2012 22:15
Прочая магия
/*-------------------
Задание дополнительного свойства, которое магическим образом исправляет ошибки
*/
/*
Удвоение полей плавающих блоков
*/
div {
float:left;
@h4
h4 / overlay.css
Created February 29, 2012 22:35
Полупрозрачный оверлей
.overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
opacity: 0.55;
@h4
h4 / expressions.css
Created February 29, 2012 22:58
Эмуляция свойств
/*
Минимальная и максимальная ширина в IE6
*/
.block {
min-width: 400px;
max-width: 800px;
width:expression(document.body.clientWidth > 800? "800px" : (document.body.clientWidth < 400 ? "400px" : "100%"));
}
@h4
h4 / wp-auth-keys1
Created March 4, 2012 15:22
Wordpress auth keys
define('AUTH_KEY', 'fA+$al;1P|e<y?[zdLSmr^<67M*,8_%at:p`-mC%K7f, V-6F28J5j!Th1G6!Pt&');
define('SECURE_AUTH_KEY', 'u&n<j1L!M+7(o=v7^dngg0+>+De1dJ}xt/-#bu|9=/0hpdDE9K*BL8X^n7pR%)IR');
define('LOGGED_IN_KEY', 'Av3zD$##1aFY|[iEdkvc[-ahBzfyV|hz7B)3l=Md B>Ozh97PBpQ4@YcS!;-q%-N');
define('NONCE_KEY', 'AUyNf0P`+ ~QLPM0lxaD&<k@DI^4*n^|xtlADJI~kp24a[q>P4o)DO-DBnr~;t$5');
define('AUTH_SALT', 'G4lzJT5E-@k_R<?-V1>&g~:i){y;$LpcD6IW pLhMh~JK6PKGvY]:PmI?B6Q/#_,');
define('SECURE_AUTH_SALT', 'uccB`z#x?JvQKd9T#2<Un|NW*3(6Y@g-lFoWJZM6{>nJ!/->4^,=<w6ff#3BBY&1');
define('LOGGED_IN_SALT', 'wwnzw*FC[?CHc|9W)6dNlaZ(j%x+QX{!z-06=-^eFfkzU&zUQtXTF!-GN^(tsCpk');
define('NONCE_SALT', 'Y-@20UnA](J,`nEBerqKJ]Q&+/T`s4hmC`Jz_P#XEcW@&<Uw%y2BHyuq0&wJRUoC');