Recent Posts

Установка HTTP-сервера с Node.js на Windows

Установка HTTP-сервера с Node.js на Windows

Открываем командную строку. Пишем: npm install http-server -g Подождем, пока сервер установится. Теперь запускаем его командой: http-server /путь/к/вашему_проекту Я предпочитаю сначала войти в папку проекта: pushd d:\DATA E\react а потом просто запустить сервер: http-server В папке УЖЕ должен лежать проект для работы! После запуска сервера, […]

Node.js для начинающих — установка и проверка, Windows

Node.js для начинающих — установка и проверка, Windows

Данная статья — краткий перевод Complete Beginner’s Guide to Node.js. Для работы, скачайте исходную папку проекта по этой ссылке. Node.js теперь можно установить на Виндоус. Пройдите по ссылке nodejs.org/en, скачайте версию (стабильную или с новыми фичами), запустите инсталлятор, все установится, как и любая другая программа. ПОСЛЕ этого […]

Bootstrap для начинающих — основные контейнеры и медиа-квери

Bootstrap для начинающих — основные контейнеры и медиа-квери

По этой ссылке вы можете сразу увидеть базовые примеры: http://getbootstrap.com/getting-started/#examples, открыть их и изучить. Бутстраповская верстальная сетка состоит из 12 колонок. Если вы никогда не видели печатные верстальные сетки для газет, то выглядели они примерно так: Когда верстка была не компьютерной, а ручной, верстальщики поверх этих […]

Bootstrap для начинающих

Bootstrap для начинающих

Начнем с общих слов, что бутстрап сейчас — самая популярная и распрастраненная платформа для создания адаптивных сайтов. Сегодня практически нет ни одной платной темы на вордпресс без бутстрапа. Верстать на бутстрапе — хороший тон, так как позволяет разработчикам со всего мира «подхватывать» чужие проекты для […]

Ура! Мы собрали свой первый резиновый макет

Ура! Мы собрали свой первый резиновый макет

Теперь разберемся с мелкими огрехами, которые не дают нам жить и сжирают массу времени, если мы не пользуемся бутстрапом. Всем противникам бутстрапа я могу сказать — вы не правы )). Дело в том, что бутстрап содержит огромное количество мелочей, которые мы не узнаем, даже изучая […]

Category link

Category link

Как вывести название категории со ссылкой на нее, вордпресс. <?php $cat = get_the_category(); $cat_link = get_category_link($cat[0]->cat_ID); ?> <h2><a href=»<?php echo $cat_link; ?>»><?php echo $cat ? ‘ | ‘.$cat[0]->name : »; ?></a></h2>

Программирование и дизайн — две стороны одной медали

Программирование и дизайн — две стороны одной медали

Продолжение, начало здесь: «Веб-дизайн — это не ЧТО сделано, а КАК это сделано» — часть I …Вот именно поэтому дизайн — это не ЧТО сделано, а КАК это сделано. Как веб-дизайнер и одновременно программист я действительно понимаю сложность борьбы за спецэффекты. Ну раз веб-дизайн — следствие […]

Делаем респонсивный макет

Делаем респонсивный макет

Для начала разберемся в терминах. Респонсив, от англ. responsive — отзывчивый, то есть отзывается на смену ширины экрана, зависит от этой ширины. Адаптивный — от англ. adaptive — примерно то же самое, то есть макет адаптируется к ширине экрана. Разница в том, что респонсивный — […]

Очистить номер телефона от пробелов, скобок и дефисов

Очистить номер телефона от пробелов, скобок и дефисов

Cut all spaces, brackets and hyphens of phone-number to use in <a href=»tel:___»></a> Вырезать все пробелы, скобки и дефисы из номера телефона, чтобы использовать в  <a href=»tel:___»></a> На примере получения номера телефона, введенного через ACF в админке вп: <?php $tel_full = get_field(‘phone_number’); $removables = array(«-«, […]

Обрезать заголовок или контент в вп, показать определенное количество слов

Обрезать заголовок или контент в вп, показать определенное количество слов

Trim words via php, cut header or content in wp template, show exact number of words: <?php echo wp_trim_words(get_the_content(), 40); ?>

«Веб-дизайн — это не ЧТО сделано, а КАК это сделано» — часть I

«Веб-дизайн — это не ЧТО сделано, а КАК это сделано» — часть I

«Веб-дизайн — это не ЧТО сделано, а КАК это сделано» — анонимный интернет-статус. Веб — самая развивающаяся область в мире. Как космические технологии, только быстрее. Люди вне веба (может, и вы) видят даже не вершину айсберга, а снежинку на вершине этого айсберга. Иногда в фб […]