disillusion

к вышесказанному добавлю еще пару шпаргалок:
Небольшой мануал для старта
Иерархия шаблона
Теги
Шпаргалка

добавлю еще сервис для следующего уровня

Задал ваш вопрос двум самоназванным мудрецам, мне интересно как сообщество отреагирует на их советы, я давно с ними общаюсь, много где помогли так-то. Напишу здесь их ответы:

Первый ответил: "О чем ты, дядя? В любой момент времени ты либо е*ашишь, либо не е*ашишь. И нет такого, что ты просто постоишь пока подумаешь или спросишь совета у коллег - ты либо деградируешь, либо развиваешься. Если думаешь, что деградируешь - значит деградируешь, следовательно е*ашь, дабы вылезти из этого дерьма. Ежели думаешь, что развиваешься - ты уже е*башишь, наслаждайся этим чувством самореализации. Ты если ссать хочешь - а перед тобой стена, не дает пройти в туалет, то ты либо перелезешь через нее, либо сломаешь ее, либо поссышь на стену - в общем найдешь какое-то решение сам всегда. И не будешь спрашивать совета - ищи всегда ответы сам! У тебя ништяковый прибор для решения любых проблем на плечах сидит вроде, не дай ему протухнуть! А для еды и спорта жена есть - тоже прибор грамотный!"

Второй ответил(в скобках мои комменты): "Молоток лежит на полке и пылится, пока он не понадобится. Когда он понадобится - его возьмут, сотрут с него пыль, починят его, если надо. Молоток - инструмент. Инструменты нужны для достижения каких-либо целей биологических платформ (дополнение: где биол. платформа - люди, животные, любая динамически развивающаяся система на нашей планете, которая с рождения решает какие-то свои задачи, забитые в него еще в генах, от природы, либо в процессе социализации - обществом/окружением. Какие задачи? Выживать, размножаться, развиваться, развивать своих ближних и свой вид в целом, стремиться к счастью, идти к счастью. ).

Итак, человек хочет забить гвоздь - он достает инструмент где-либо, делает дело, кладет инструмент куда-нибудь. При этом, конечно, можно постоянно держать молоток в исправности и в идеальном состоянии - однако будет ли это эффективно?...

Так, каждый человек задает для себя свою меру эффективности какого-либо дела. И наличие своего дела, которого ты хочешь достичь(например, из прошлой аналогии состояние "забитый гвоздь в квартире") - есть главный атрибут здесь. Поскольку ежели все вокруг протирают свои молотки от пыли каждый день - это им нечем больше заняться, проблема в них. Для другого такое поведение будет неэффективным, а следовательно будет выкинуто из привычек. Если кто-то эффективен в бизнесе с большим животом - зачем ему от него избавляться? Если он прожил 60 лет и понял, что живот и вес мешает, что двигаться стало гораздо сложнее, ему эффективно будет от него избавиться.

Подводя итог по твоей ситуации, стоит заметить, что если ты хочешь заниматься музыкой - приведи в порядок все свои инструменты, которые тебе нужны для этого дела. Которых нет - приобрети(то есть навыки тоже приобретать надо, ты либо его приобретаешь, культивируя его в себе, либо пользуешься аналогичным навыком другого человека, чтобы освободить свое время). Все остальные выброси - все равно не хватит места. И подкручивай гайки. Чувствуешь, что еще можешь выкинуть что-то - выкидывай, так у тебя потом появится больше места, для еще одного дела (типа проектное мышление). В общем, думай о себе с позиции твоих проектов, эффективности твоих инструментов для выполнения проектов и проводи черту между частью твоей биологической платформы, которая является инструментом и между той частью, которая желает и мечтает - потому что первая всегда подчиняется второй и ты будешь жить в негативе, если применяешь первую часть для дела, которое не нравится твоей второй части. Живи в гармонии и балансе!"

Я так понял, первый говорит с позиции делай дела, будь мужиком - не будь бабой.
Второй же заходит со стороны размышлений - и чтобы ты думал, прежде чем действовать.
Наверное, надо комбинировать эти подходы ;) В общем пишите если понравились их ответы - я им передам, они в этих наших интернетах не сидят.

Животрипещющяя тема.
Сижу на работе сейчас и почитиваю, на втором мониторе, потихоньку.
Рабонаю Interaction Designer, делаю приложения для телефонов и интерфейсы для гаджетов с клёвой графикой и анимацией сначало в Фотошопе, потом в Афтер еффектс, затем в ХТМЛ+жКвери.

Так вот платят мне по местным прайсам не то чтобы мало, но для полной отдачи недостаточно, в связи с чем я решил, что рвать из-за них ж и лезть вон из кожи не стоит, хоть я "амбициозный и молодой".
Так что я не напрягаюсь, и свободно по 4 часа из 8 провожу на хабре или смотрю туториалы по jQuery или AfterEffects. Благо контроля нет вообще, главное в срок сделать, а когда пришёл, ушел, не играет роли.
Скучные задания делаю на-скорую. Что-то интересное или если есть идея - делаю на совесть, с душой, именно для себя, для своего собственного портфолио, ну и что-бы окончательно не втухать.
После работы силовая тренеровка, по 3 раза в неделю. Там душь, сауна, потом в магазин, готовить хавку. И еще мои старые заказчики времён фриланса звонят, подработку подкидивают. Домой прихожу тупо поспать.

Парралелно ищю более хорошо оплачиваемое место с более высоким уровнем. Для этого нужо переписать Резюме, с описанием проектов которые я выполнял. И на это ушло уже месяц, никак не мог определится с формой резюме, хотелось что-то особенное, в резултате останавилса на том с чего начал , старом, добром ПДФ. Вот как 2 недели я это забросил, потому-что просто нагруз болшой.
Иногда тупо охото нажраться с кентами или поиграть в Диабло, или раздать пару десятков яростных хедшотов в КС. Отвести душу на груше. Или на какой-то борзоте на дискотеке) Погулять с девчонками в конце концов. Кароче пожить тоже охото!!! Получить эмоций!
Ведь для этого и живём, и работаем, что бы получать те эмоции которые вожделеем, забратся на те вершины на которих небыли. Чтобы получить это чувство, эти эмозции, ощющать себя тем, кем ты реално хочеш быть. И получать он этой жизни каждую минуту кайф. Я например даже от боли на тренеровке ловлю кайф)) Ну и от резултата тренеровки соответственно!

писал через транслит, так-что отнеситесь с пониманием)

PHP
PHP. The Right Way
Сборник советов и фактов по оптимизации PHP-скриптов
40 советов по оптимизации вашего PHP-кода
github.com/ziadoz/awesome-php

JavaScript
JavaScript. The Right Way
JavaScript. Оптимизация: опыт, проверенный временем
24 совета javascript-разработчику
superherojs.com
github.com/sorrycc/awesome-javascript

HTML, CSS
HTML CSS: The Right Way
Советы front-end разработчику
Руководство по оформлению HTML/CSS кода от Google

Вам как минимум нужна простейшая страница. Создайте файл index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Заголовок</title>
<style>
 .red-color {
   width: 50px;
   height: 50px;
   background-color: red;
 }
</style>
</head>
<body>
<div class="red-color">ТЫЦ</div>
</body>
</html>

var check = function () {
    var hours = new Date().getHours();

    if (hours < 8) {
        document.body.classList.add('.noch');
        document.body.classList.remove('.vecher');
    }
    elseif(hours < 12 && hours >= 8) {
        document.body.classList.add('.utro');
        document.body.classList.remove('.noch');
    }
    elseif(hours >= 12 && hours < 17) {
        document.body.classList.add('.den');
        document.body.classList.remove('.utro');
    }
    elseif(hours >= 17 && hours <= 20) {
        document.body.classList.add('.vecher');
        document.body.classList.remove('.den');
    }
}

var check = function(){
  // здесь проверка и смена фона
};
setInterval(check, 60000); // выполняется раз в минуту, чтобы не слишком нагружать
check(); // выполнить один раз сразу, если фон накладывается только яваскриптом

1) Гуглить "схлопывание отступов". Лечитсся добавлением блоку родителю бордера или паддинга сверху.
2) boder-left: dotted, установить нужную высоту строки и убрать у первого элемента (fist-child)

Не знаю насколько интересно, но может кому пригодится. Частями найдено на просторах интернета, использую в своем template + normalize.
Заменяем длинный текст placeholder многоточием:

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;}

Скрываем placeholder при фокусе:

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

Курсор для label + отмена раздражающего выделения при клике:

label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

Только вертикальный ресайз для textarea (horizontal часто ломает диз):

textarea {
	resize: vertical;
}

Убираем дефолтный курсив у address:

address {
	font-style: normal;
}

Убираем подсветку полей:

input:focus,
textarea:focus {
		outline: none;
}

Адаптивные img:

img {
	height: auto;
	max-width: 100%;
	width: auto\9;
}

Адаптивные видео:

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Перенос слов:

.break-word {
        word-wrap: break-word;
}

Обнуляем списки глобально, т.к. часто используется для навигации и проч., в области контента можно задать другие стили.

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

Нумерованный список с подпунктами:

ol {
	counter-reset: list1;

	li:before {
		counter-increment: list1;
		content: counter(list1) '. ';
	}

	ol {
		counter-reset: list2;

		li:before {
			counter-increment: list2;
			content: counter(list1) '.' counter(list2) '. ';
		}

		ol {
			counter-reset: list3;

			li:before {
				counter-increment: list3;
				content: counter(list1) '.' counter(list2) '.' counter(list3) '. ';
			}
		}
	}
}

update дополнительно стили для печати

P.S. Что-то конечно юзается не всегда, по желанию лишнее удалить, замечаниям и критике буду рад.

jsfiddle.net/Symphony/y2xs54ds - способ реально повторяющий нужный эффект.
Разве предыдущие способы работают по аналогии background-size: cover?
Попрубейте посмотреть на большом мониторе, большем чем размер картинки.

Всё потому, что редко кто задумывается о разнице GMT и UTC. Всё локальное время создаётся в GMT, в котором важно смещение относительно гринвича.
А UTC система была внедрена для исключения влияния часовых поясов на временные отсечки.
Итого:

var date = {
	year: 2014,
	month: 7,
	date: 13
};

document.write(
	Date.UTC(
		date.year,
		date.month || 0,
		date.date || 1
	)
);

И в любом часовом поясе будет выведен один и тот же результат.