Верстаю, программирую, создаю сайты под ключ.
mail: nikolay@klenovnn.ru / skype: klenovnn / tel: +7 (923) 246 2555

Позднее Ctrl + ↑

Что такое Git? Отказываемся от ftp в работе

Git - система версий

Git (произн. «гит») — распределённая система управления версиями.
Вика

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

Что мне не нравится в работе с FTP

  1. Сложность обновления файлов (когда исправлений много, приходится обновлять все файлы, чтобы исключить ошибку)
  2. Сложность работы с нескольких устройств (на сервер всегда нужно выгружать самую свежую новость, чтобы с другой машины не перезаписать файлы)

Чем нравится Git

  1. При обновление, перезаливаются только файлы, которые были изменены
  2. Перед выгрузкой на сервер, актуальная версия кода лежит в облаке (github, bitbucket)
  3. Контроль версий (позволяет отследить все изменения. в случае поломки можно отследить где и какова причина)
  4. Работать с проектом одновременно командой (к примеру одновременно двое работают над версткой, затем все объединяется)
  5. Безопасность повышается (больше не нужно небезопасный ftp использовать. файлы на сервере обновляются за счет одной команды и на сервер выгружаются все изменения из облака)

Не работает max-width в таблице

Начиная с IE10 и Firefox присутствует ошибка, не работает параметр max-width: 100% для изображения, если изображение находится внутри таблицы.

Все решение заключается в том, что нужно добавить параметр table-layout: fixed в таблицу.
Пример верного решения:

<div class="container">
    <div>
        <img src="http://klenovnn.ru/pictures/ssd.jpg" />
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis
            ante, facilisis posuere ligula feugiat ut. Fusce hendrerit vehicula congue.
            at ligula dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            leo metus, aliquam eget convallis eget, molestie at massa.
        </p>
    </div>
</div>
.container { display: table; table-layout: fixed }
div { display: table-cell; padding: 15px; width: 200px; }
div img { max-width: 100%; }
2015   css   верстка

Собственная сетка на SASS вместо Bootstrap

Дизайнеры все чаще и чаще используют для удобства работы сетку Bootstrap, так как она весьма популярна. Принцип сетки во всех фреймворках аналогичный, как и мой пример кода.
Написал свой вариант, так как имею дело с проектами, где кроме сетки больше ничего общего нет с фреймворками и для чистоты кода комфортнее работать со своим кодом.

Принцип использовал из bootstrap. Открывается класс row в котором вставляется необходимые классы. Важно, что в сумме они всегда должны иметь 12.
Отступ $grid-spacing необходимо поменять для своих требований.
Дополнительно не хватает здесь поведения для адаптивной верстки, но общую логику код показывает. При необходимости могу дописать целиком код.

.container
	max-width: 970px
	margin: 0 auto

%clearfix:after
	display: block
	clear: both
	content: ''
$grid-spacing: 15px

.row
	@extend %clearfix
	margin-left: -$grid-spacing
	margin-right: -$grid-spacing

[class^="col-"]
	float: left
	padding: 0 $grid-spacing
	-webkit-box-sizing: border-box
	-moz-box-sizing: border-box
	box-sizing: border-box
	margin: 20px 0
	&:nth-child(even)
		div
			background-color: rgba(0,0,0,.2)
	&:nth-child(odd)
		div
			background-color: rgba(100,100,100,.2)

.col-1
	width: 8.33333333%
.col-2
	width: 16.66666667%
.col-3
	width: 25%
.col-4
	width: 33.33333333%
.col-5
	width: 41.66666667%
.col-6
	width: 50%
.col-7
	width: 58.33333333%
.col-8
	width: 66.66666667%
.col-9
	width: 75%
.col-10
	width: 83.33333333%
.col-11
	width: 91.66666667%
.col-12
	width: 100%

Ускоряем iMac без FusionDrive

Использую в работе в основном iMac 27 i5 с 16 гб оперативной памяти. К сожалению на текущий момент начал испытывать технические сложности при наличие больших вложенностей слоев в одном psd файле при работе с Photoshop и другими подобными графическими редакторами. В первую очередь конечно это связано с тем, что у дизайнеров используются машины более мощные и они могут себе позволить это.

Моя работа верстальщика связана с прямым сотрудничеством с данными дизайнерами, поэтому требуется придерживаться определенным требованиям. Для начала я хотел заменить свой жесткий диск на SSD, но как оказалось в iMac конца 2012 года не представляется возможным заменить его.

Решение было найдено другое — использовать внешний SSD накопитель.

ssd thunderbolt

Решение не самое бюджетное, приобрел SSD на 240 гб для рабочей операционной системы, чтобы разогнать свой компьютер и не испытывать в ближайшие пару лет проблем с нехваткой мощности. Важно, данный накопитель работает через thunderbolt разъем, который в 2-3 раза быстрее обычного usb 3.0.

2015   apple   ssd

Battlefield 3 — Идет установка игры

cover

После переустановки Windows, установил повторно Origin и Battlefield 3.
Далее установил Chrome и попытался войти на сервер для игры. Сервер выдал ошибку — «Игра не установлена».

Суть проблемы заключалась в том, что игра установлена и выполнены самые популярные действия:
— Получить обновления игры
— Исправить установку игры

Ни одно из этих действий не помогло. Изначально я решил, что это связано с обновлением Chrome и отсутствие поддержки устаревшего плагина. Но он как я понял больше не требуется, так как установка никакая не выполнялась, а игру я смог запустить.

Решение оказалось очень простое:

  1. Открываем Origin и в настройках указываем язык программы «Английский»
  2. Запускаем игру и втыкаем кемперам клинок в горло
Удар ножем в Battlefield 3
Удар ножем в Battlefield 3
2015   battlefield

Не удалось подтвердить цифровую подпись для AppleSSD.sys

Не удавалось установить через BootCamp операционную систему Windows.
Ошибка заключалась в том, что не удается проверить подпись в файле AppleSSD.sys.
После долгих попыток, удалось разобраться при помощи google.

Суть проблемы заключается в том, что в последнее время BootCamp обновился и у него используются новые драйвера, и на устаревших устройствах больше не производится установка (iMac конца 2012 года является устаревшим).

Macnoob.ru

Для того, чтобы устранить всю проблему, необходимо:
1. Через BootCamp сначала создать загрузочную флешку (поставить первые две галочки из трех). 2. После завершения, необходимо открыть флешку и удалить директории: $WinPE$, Boot Camp.
3. Перейти на официальный сайт Apple и скачать драйверы для вашей модели компьютера
4. Извлечь скаченный архив, перенести две директории $WinPE$, Boot Camp на загрузочную флешку
5. Вернуться в BootCamp и установить одну галочку (третью) — Установить Windows
6. Далее установка произойдет полностью без проблем.

PS. Отключите все дополнительные usb устройства, чтобы не возникло аналогичной ошибки.

2015   bootcamp   windows

Проблема установки Windows на Mac (BootCamp)

На днях спустя два года работы iMac умер окончательно жесткий диск. В результате был выполнена замена на новый аналогичный жесткий диски Seagate. Ось была установлена путем восстановления системы, а вот Windows пришлось устанавливать заново.

Как указано инструкции Apple, сначала создаем загрузочную флешку при помощи Windows 7 64 битной обязательно и утилиты BootCamp. Утилита создает нам дополнительный диск на жестком диске в своей файловой системе. Далее мы переходим в установку Windows и форматируем новый созданный диск, для того, чтобы диск был в NTFS формате. Вот тут далее при клике должна пойти сразу установка Windows, но в моем случае данное событие не произошло.

На выходе я получил ошибку:

После долгих попыток решить вопрос, в том числе создания трех вариантов загрузочных флешек, удалось найти решение. Необходимо при установке обязательно вытащить все из usb устройств и затем повторять попытку установки. Не совсем понятна причина выдачи такой ошибки, но именно это мешает выполнить необходимые манипуляции Windows для начала установки.

Во время написания статьи, так же удалось найти официальную статью Apple по этой проблеме.

2015   bootcamp   windows
Ранее Ctrl + ↓