Простой гид по отзывчивому дизайну

Фрагментация девайсов

Посмотрев на отчет о распространенности Android устройств за 2013 год, становится очевидным, что сейчас мы имеем тысячи различных девайсов имеющих доступ в сеть с экранами различных размеров . Невозможно сделать отдельный макет сайта под каждый из них. Поэтому сегодня и появилась необходимость использовать более гибкий подход к дизайну.

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

Рубрика: CSS, HTML, Перевод | Метки: , , , , | 1 комментарий

Установка Redmine на FreeBSD

RedmineПровозившись неделю в попытках настроить мою любимую систему управления задачами на своем крошечном(тариф VDS-Старт) VDS от FirstVDS и перечитав кучу разных инструкции решил написать свою. Главный недостаток всех обнаруженных мной материалов было отсутствие нормального описания приводимых команд из за чего не возможно было понять что же делать если что то не работает. Все это усугублялось большим количеством вариантов установки. Я постараюсь подробно описать процесс установки. Давайте вначале определимся что и куда мы хотим установить. Имеется система FreeBSD со стандартным веб пакетом Apache(или nginx), PHP и MySQL. В моем случае версии были FreeBSD 9.2, Apache 2.2.26, nginx-1.4.5, MySQL 5.5.36. Чтобы запустить написанный на Ruby Redmine необходимо установить специальный софт который сможет запустить Ruby скрипты на нашем веб сервере. Читать далее

Рубрика: FreeBSD, Администрирование, Веб разработка | Метки: , , | Добавить комментарий

Установка Zpanel на FreeBSD 9.2

Форма авторизации ZpanelНе буду томить долгой историей выбора и причин установки именно этой панели, напишу только список наиболее популярных аналогов на сегодняшний день с краткими характеристиками. Установка наиболее понравившейся мне панельки  Zpanel на FreeBSD не совсем тривиальна, так как официальной инструкции для этой ОС нет. Но немного поискав в интернете, мне удалось добиться желаемого. Итак, давайте же посмотрим, с чем мы имеем дело.

Читать далее

Рубрика: FreeBSD, Администрирование | Метки: , , , , , , | 7 комментариев

Ошибка Deprecation и сложности при переходе на версию PHP 5.3

Язык PHP продолжает стремительно развиваться и с выходом версии PHP 5.3 большинство разработчиков столкнулись с интересной ошибкой:

Deprecated: Function eregi() is deprecated in …

Что такое DEPRECATED? Это некоторые параметры, функции и возможности, которые обозначены как НЕИСПОЛЬЗУЕМЫЕ и в последующих версиях будут УДАЛЕНЫ.

Читать далее

Рубрика: PHP | Метки: , | Добавить комментарий

Как стать веб-дизайнером фрилансером. Советы для начинающих

Когда ты занимаешься своим ремеслом на протяжении долгих лет, ты начинаешь иначе смотреть на некоторые вещи. Ты понимаешь, что многое из того что ты считал вначале пути сверхважным на деле оказывается маловажным и наоборот. На эту тему весьма любопытный пост написал опытный дизайнер Jason Schubring (стаж более 15 лет, более 100 успешно реализованных проектов), вольный перевод которого и предлагается вашему вниманию. Все замечания будут полезны не только дизайнерам, но и веб-разработчикам, особенно фрилансерам. Читать далее

Рубрика: Веб разработка, Интересное, Полезные сервисы | Метки: , | Добавить комментарий

CSS: простой способ выровнять блок по центру экрана

Известно, что выровнить блок заданной ширины по центру по горизонтали можно с помощью свойства margin:0 auto. Но как поступить, если его еще надо выровнить по центру по вертикали.

На самом деле всё просто. Чтобы разместить по центру блок с заданной шириной и высотой, надо его абсолютно спозиционировать с left:50% и top:50% относительно экрана и отрицательным маргином сместить его назад на половину размера ширины и высоты дива.

Читать далее

Рубрика: CSS, HTML | Метки: , | Добавить комментарий

Интересные HTML теги, о которых никто не знает

Наверно не многие из Вас знают, что в языке HTML есть специальный тег для задания аббревиатур, или тег для обозначения адреса. В данной заметке будет приведено несколько html тегов которые могут очень пригодиться при создании сайтов, но очень редко используются.
Читать далее

Рубрика: HTML | Метки: , , , , , , , , , , , , , , , | 2 комментария

MySQL: оператор JOIN

Большинство начинающих веб программистов начинает свое изучение MySQL с простейших операторов SELECT, UPDATE и DELETE. Данными операторами вполне можно описать весь необходимый функционал простого сайта, но, как можно догадаться, на этом возможности языка SQL далеко не заканчиваются. В процессе разработки обязательно потребуется объединение данных из нескольких таблиц. И для этих целей существует оператор JOIN. Данный оператор является основным оператором стандарта SQL92 и поддерживается большинством СУБД.

Читать далее

Рубрика: MySQL | Метки: , , , | Добавить комментарий

Правила плохого тона в HTML верстке

Хотя я и не люблю заниматься HTML версткой, но довольно часто приходится это делать. Несмотря на не большой скилл создания страниц, мне хотелось бы чтобы сделаны они были максимально правильно и эффективно. Сегодня я расскажу о 10 одних из самых вредных привычек HTML верстки. Данная заметка написана в основном для начинающих верстальщиков, но и многие более опытные их коллеги наверняка подчерпнуть для себя некоторую информацию. Читать далее

Рубрика: CSS, HTML, Перевод | Метки: , | Добавить комментарий

Как изменить жизнь в лучшую сторону, изменить образ жизни

Хочу с Вами поделиться переводом одной очень понравившейся мне заметки. Позволю себе некоторые из них прокомментировать(основываясь на своем опыте) и добавлю парочку своих. Свои добавления я буду заключать в квадратные скобки[и выделять курсивом]. Итак, поехали… Читать далее

Рубрика: Из жизни, Интересное, Перевод | Метки: , , , | Добавить комментарий