Фиксированная правая колонка

Все вы знаете о правой колонке.
Она может быть и левой, и их может быть 2, но грубо говоря эта “правая колонка” присутствует почти на любом сайте и содержит в себе виджеты, элементы навигации, и много всяких разных вкусностей.

Чаще всего они достаточно коротки, и если пользователь, при прочтении длинной статьи, прокрутил сайт до футера, то для того чтобы вернуться к навигации с помощью правой колонки ему нужно будет вернуться вверх. И очень хорошо, если есть какая-то кнопка для возврата наверх, потому-что если нет, то бывает очень лениво крутить вверх колесиком мышки, пытаться попасть в скролл бар, или искать на клавиатуре кнопку HOME.

Сейчас все чаще встречаются решение либо привязать эту колонку к верху страницы (CSS – position:finxed; top:0px), либо, если есть какая-то красивая шапка, решение на JS – во время скролла страницы колонка привязывается к верху только если ее верхняя часть уходит за пределы экрана.

Очень даже неплохое решение, и достаточно простое.

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

Читать далее “Фиксированная правая колонка”

Немного о регулярных выражениях

Данную заметку меня сподвигло написать мое воспоминание о старом добром регулярном выражении которое упоминается в моей статье

Кстати вот оно

price.replace(/(d)(?=(ddd)+([^d]|$))/g, '$1 ')

Что же оно делает?

Читать далее “Немного о регулярных выражениях”

EmLog :: Оптимизатор изображений

Оптимизирует изображения на всем сайте.

Сжимает их без потери качества.

Пример работы оптимизатора

SmushIT v1.0

  • Сжимает изображения без потери качества
  • Удобный и быстрый интерфейс

Скачать v1.0

Тестовое задание – ZOON.ru (часть 2)

В прошлой статье мной описывалось одно очень интересное тестовое задание

Если вы не ознакомились с первой статьей, то самое время это сделать здесь

Я показал само тестовое задание (простая ссылка) и благодаря некоторым усилиям я получил описание и само тестовое задание.
В прошлой статье я обещал рассказать как его делал и привести примеры кода.

Для самых нетерпеливых – github

Читать далее “Тестовое задание – ZOON.ru (часть 2)”

Тестовое задание – ZOON.ru (часть 1)

Однажды, бороздя просторы интернета в поисках разных интересных статей, я наткнулся на достаточно нетривиальное тестовое задание.


Задание от компании zoon.ru

Собственно само задание находится здесь – zoon.ru/job.php.
Дана только одна ссылка и все – никакого описания, ничего подобного.

Читать далее “Тестовое задание – ZOON.ru (часть 1)”

EmLog :: Фиксирование правой колонки

Плагин для движка блогов – EmLog

Фиксирует при прокрутке страницы вниз правую колонку так что она все время остается на виду.
Пример работы можете посмотреть на этом сайте (покрутит страницу вниз-вверх) или на gif-ке


Как обычно – js файл сжат, но в *_full.js лежит полная версия с коментариями

Scroll Right Column v1.1

  • Исправлен баг если высота body меньше высоты левой колонки

Скачать v1.1

Scroll Right Column v1.0

  • При прокрутке вниз правая колонка остается все время на экране.
  • Если размер экрана меньше колонки, то закрепление происходит только по достижению низа или верха правой колонки

Скачать v1.0

Абстрактная фабрика

Этой статьей я положу начало серии статей “Паттерны проектирования“.

Мне никогда не нравилось как их преподносят в интернете – в то время когда я только начинал их изучать они казались мне слишком сложными, и я постараюсь это исправить.
Конечно не могу сказать уверенно что мое описание будет самым лучшим и правильным, но оно будет явно лучше чем например описание из википедии.

“… порождающий шаблон проектирования, позволяющий изменять поведение системы, варьируя создаваемыми объектами, при этом сохраняя интерфейсы… ”
(c) Wikipedia

Поведения системы? Создаваемые объекты? Интерфейсы? Что?

Постараемся разобраться на пальцах.

Читать далее “Абстрактная фабрика”

EmLog :: Файловый менеджер

Плагин для движка блогов – EmLog

Простой файловый менеджер.
Позволяет редактировать файлы прямо из админки.

Для работы требуется версия php 5.3.0+ (именно php а не emlog).

File Manager v1.3

  • Добавлена возможность загрузки файлов

Скачать v1.3

File Manager v1.2

  • Исправлен баг с кодировкой (для php ниже 5.4)
  • Исправлен баг с html символами в поле для редактирования

Скачать v1.2

File Manager v1.1

  • Добавление файлов и папок
  • Удаление файлов и папок
  • Добавлено в меню “Расширения”
  • Если ввести несуществующий путь, то покажет ошибку
  • Улучшен шаблон
  • Рефакторинг кода 

Обновленный интерфейс

Скачать v1.1

File Manager v1.0

  • Просмотр файлов (в том числе и прав на них)
  • Редактирование файлов
  • Навигация по FTP с помощью прямого пути

Нажмите, чтобы посмотреть в полном размереНажмите, чтобы посмотреть в полном размере

Скачать v1.0

Обзор движков блогов

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

Обзор самых популярных блогов

Как только я понял что надо начинать вести блог, сразу же встал вопрос о выборе движка. Что нам представляется при слове “блог”?
Конечно самое популярное и мейнстримное решение это взять вордпресс, или какую либо готовую блого-CMS.

Читать далее “Обзор движков блогов”

EmLog :: Хлебные крошки

Плагин для движка блогов – EmLog

Так как пока в движке не реализованы хлебные крошки, я решил реализовать их в своем плагине.

Плагин добавляет хлебные крошки в статьи, категории и тэги.
Я хотел чтобы они индексировались поисковиками, поэтому отказался от использования javascript
Плагин требует помимо установки отредактировать 3 файла.

Пример вы можете посмотреть в этой статье выше – или на следующем изображении


В админ панели помимо установки вы также можете отредактировать css файл который определяет их стили.

Читать далее “EmLog :: Хлебные крошки”