Recent Posts

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

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

HTML-старт, переходим с таблиц на дивы

HTML-старт, переходим с таблиц на дивы

В одном из прошлых уроков мы собрали несколько таблиц. Возьмем самую сложную из них: Для начала, пересоберите таблицу так, чтобы правая часть состояла из трех таблиц внутри содержащего их <td>. То есть на левый элемент мы не ставим rowspan. А в правой части мы избавляемся […]