Личные заметки Николая Клёнова

Дневник фронт разработчика из Новосибирска.
mail: nikolay@klenovnn.ru / skype: klenovnn / tel: +7 (923) 246 2555

Ctrl + ↑ Позднее

Не работает 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

MAMP домены первого уровня

Домены первого уровня с использованием MAMP

Для работы использую MAMP Application, для запуска локального сервера на Mac OS.
MAMP PRO позволяет дополнительные функции, в том числе данную функцию (со слов очевидцев).
Но реализовать домены первого уровня или аналогичные, как вам удобно можно и с использованием редактирования файлов конфигурации.

Путь к файлу (по умолчанию)

/Application/MAMP/conf/apache/httpd.conf

В файле создаем для каждого домена запись по примеру:

<VirtualHost *>
  ServerName test1
  DocumentRoot /www/test1/
</VirtualHost>

ServerName — имя домена
DocumentRoot — путь к директории

2015   mamp
Ctrl + ↓ Ранее