Хотя возраст не ощущается, за это время столько воды утекло, что обращаясь к старым записям, порой не верится, что они мои. Давно задумываюсь о том, как бы переделать сайт и начать если и не с чистого листа, а хотя бы с четким разделением на «старое, уже не считается» и «новое, вот это и нужно читать». Формат блога мне не нравится. Думаю, что он уже изжил себя. И дело даже не многочисленных соцсетях (это тоже тупиковая ветка), а в том, чтобы подавать информацию в таком виде, чтобы она могла быть самодостаточной и, как следствие, легко создаваемая, легко поддерживаемая и легко обновляемая до актуального состояния.

Как книги. Взял какая понравилась, почитал, отложил. Да, в ней разделы, главы, но это всё равно отдельная цельная сущность. Если проводить аналогию, то сайт — это и есть одна книга. Например книга «Блог» для тех, кому интересны мысли автора. Книга «MaxSite CMS для чайников» будет иметь своего читателя, даже если там появится глава «Как установить телескоп на борту МКС».

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

Есть такое понятие «Live Reload» — это автоматическое обновление страницы в браузере, когда изменился составляющий её css-файл (html, js и т.д.). На практике это выглядит так: вебмастер внес изменения в css-файле, сохранил, браузер автоматом обновил страницу. То есть если по простому, то не нужно каждый раз нажимать кнопку «Обновить страницу» в браузере.

Чтобы реализовать Live Reload для своих задач потребуется совсем немного.

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

Адаптивность на сайтах на сегодняшний момент, как правило, решается единственным способом:

• выстраиваем колонки для обычных разрешений (например более 960px);
• для средних разрешений колонки становятся «резиновыми»;
• для малых экранов сбрасываем float, после чего все ячейки следуют одна под другой.

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

Способ достаточно простой, поэтому получил широкое распространение. Вместе с тем, очевидно, что в нем существуют большие ограничения, связанные с тем, что модель поведения блоков сетки фиксирована и не предполагает более сложной организации, например для средних экранов сделать не только резиновую ширину, но и расположить ячейки попарно «1-2» и «3-4».

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

Не так давно возникла задача сделать простую Landing Page (целевая страница сайта). На такой странице, как правило располагается вся необходимая информация о товаре/услуге.

Технически она создается в виде отдельного html-файла. Проблема тут только в том, что работать с «голым» HTML не очень удобно, ну и страшно не хотелось отказываться от возможностей LESS для создания css-стилей.

Ставить отдельную копию MaxSite CMS тоже не совсем разумно: ради пары страниц это явный перебор. Таким образом родился небольшой PHP-фреймворк «Landing Page Framework» специально «заточенный» для создания одиночных страниц.

Его смысл в том, чтобы выделить верстку каждой страницы в отдельный php-файл, и при этом обеспечить вебмастера привычными «плюшками».

В частности LPF может выполнять автоматическую компиляцию LESS в CSS, выполнять авторасстановку тэгов (вручную расставлять P — бр-р-р-р...), поддерживать привычный BBCode. Помимо этого будет работать ЧПУ, а также поддержка любого CSS-,JS-фреймворка. Плюс высочайшая скорость работы (при минимальной нагрузке на сервер) и не требуется база данных.

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

Такие вот дела. :-)

Проблема создания колонок одинаковой высоты достаточно известна. Суть её в том, что при вёрстке float-блоки колонок имеют разные высоты, согласно своему содержимому.

В идеале же, нужно получить равные колонки

Существуют различные способы добиться этого эффекта. Все они без особого труда находятся в гугле, но в основном методика заключается в иммитации колонок («псевдоколонки»). Делается это за счёт различных смещений (margin и padding), дополнительные контейнеры, которые «подставляются» под настоящие блоки, фоновые картинки и даже за счёт border.

Всё это конечно интересно, но при создании адаптивного дизайна ни один из этих методов не работает как следует.

Ситуация совсем оказалась печальной, когда я стал работать с «полурезиновой» адаптивной сеткой, где меняется значение float блоков (left и none), а высота блоков должна меняться к auto при float:none.

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

Похоже, что блогосфера окончательно изменилась так, что само понятие «блогосфера» перестало отражать заложенный в него смысл. Пару лет назад всё еще присутствовало некое разделение на блоги и сайты, где блогам была отведена роль в «классическом» понимании: периодическая публикация новых записей с расплывчатой тематикой. На текущий же момент граница практически стёрта и если и рассматиривать структурное деление Интернет-сайтов, то речь скорее всего должна идти уже в разрезе автономных сайтов и соцсетей.

Раньше я отмечал данную тенденцию и на мой взгляд, этот процесс уже окончательно завершён. Решающую роль в этом сыграло стремительное развитие крупных социальных сетей, вроде facebook, twitter, google plus и для рунета - «в контакте» и однокласники.

Что же произошло и что с этим делать?

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