Следить за новостями:

Категории
Свежие записи
BrainFБлог

Блог о веб-разработке

переезжаем c MySql на PerconaServer

Удаляем MySql

sudo apt-get remove  mysql-server-core mysql-client-core

Добавляем репозитории перконы в /etc/apt/sources.list

deb http://repo.percona.com/apt precise main
deb-src http://repo.percona.com/apt precise main

импортируем ключ

gpg --keyserver  hkp://keys.gnupg.net --recv-keys 1C4CBDCDCD2EFD2A
gpg -a --export CD2EFD2A | apt-key add -
apt-get update
sudo apt-get install percona-server-server percona-server-client

При установке запросит пароль root

Наследование (@extend) — Stylus

Директива @extend заимствована (и работает так же) из SASS, лишь с некоторыми отличиями. Эта функция значительно упрощает поддержку семантических правил, которые наследуются от других семантических правил.

Читать дальше

Как использовать секционные элементы html5

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

В этой статье вы узнаете как и когда использовать секционные элементы в ваших сайтах. Я объясню когда лучше воспользоватся одними элементами, когда другими, а также когда лучше не забыть про старый добрый <div>. Приступим.

Читать дальше

archlinux lxde + грабли

Имеется у меня в хозяйстве нетбук. Не самый мощный, зато очень удобный в поездках. Любимый Mint на маленьком экране не очень удобен, поэтому наслушавшись лестных отзывов решил опробовать связку Archlinux + LXDE. В данной статье хочу поделится некоторыми проблемами с которыми я столкнулся и способами их решений. Судя по информации на которую я натыкался при гуглении — данные проблемы и советы применимы так же и к другим дистрибутивам таким как Lubuntu или связке Debian+LXDE

Читать дальше

Шпаргалка по git

Читать дальше

Начало работы со встроенным SVG

SVG — аббревиатура от scalable vector graphics (масштабируемая векторная графика), и уже это название является достаточно многозначительным. SVG дает нам возможность масштабировать графику от 100% до 1000% совсем без потерь качества. SVG файл декларирует в формате XML различные формы и пути внутри объекта SVG, состоящие из набора точек, позиций, длины, радиуса и т.д. в зависимости от типа фигуры. Если вы когда-либо работали в любом из векторных редакторов (таких как Adobe Illustrator or Corel Draw), то вы создавали графику, легко поддающуюся описанию в формате SVG.
Особенно удобно применять SVG для таких вещей как иконки, благодаря тому что можно создать один небольшой SVG файл и масштабировать его до больших размеров без потерь. Поддержка и мощь SVG достаточно быстро ширятся в интернете, и библиотеки наподобие Snap.svg дают нам возможность создавать действительно удивительные вещи. Сегодня вы получите некий базис в SVG и я покажу вам действительно классные вещи, охватывающие основные реализации, создание элементов и манипуляцию с атрибутами.

Читать дальше

Как подружить Chrome и Xneur

В силу определенных обстоятельств решил перейти на использование Google Chrome в качестве основного браузера. И тут меня поджидал не очень приятный сюрприз. В набранном с клавиатуре тексте все буквы повторяются дважды. Пришлось добавить chrome в список исключений xneur. Это было не очень удобно, но во всяком случае можно было использовать браузер.

Читать дальше

Интерполяция (interpolation) — Stylus

Stylus поддерживает интерполяцию с помощью выражения заключенного в фигурные скобки {}, которое затем становится частью идентификатора. Например, -webkit-{‘border’ + ‘-radius’} принимает значение -webkit-border-radius.

Читать дальше

Переменные (variables)

Мы можем назначать выражения переменным и использовать их в нашей таблице стилей:

font-size = 14px

 body
   font font-size Arial, sans-serif

Скомпилируется в:

body {
   font: 14px Arial, sans-serif;
 }

Читать дальше

Селекторы (selectors)

Отступы

Синтаксис Stylus основан на отступах

body
    color white

Будет скомпилирован в:

body {
    color: #fff;
}

При желании вы можете использовать двоеточие для того чтобы отделить значения от свойств

body
    color: white

Читать дальше

Страницы: