Очередной блог фрилансера

коротко и полезно о веб-разработке

Menu Close

WordCamp Russia 2013

10 августа, в Москве состоялся первый в России WordCamp, на котором мне, по счастливому стечению обстоятельств,  удалось побывать.

Read more

Полезные инструменты для CSS-разработки

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

Read more

Учимся считать с помощью CSS

Закопавшись в глубины CSS-спецификации, вы наткнетесь на CSS-счетчики. Как следует из названия, они позволяют сосчитать какой либо элемент на странице, увеличивая значение при каждом появлении элемента в документе.

Счетчики могут оказаться весьма полезными, например для сайта рецептов. Любые рецепты, независимо от тематики, состоят из набора этапов, которые автору обычно приходится нумеровать. CSS-счетчики могут сделать это автоматически, с их помощью вы даже можете сосчитать картинки в статье, и затем добавить их номера перед подписями. Read more

WordPress. Создаем плагин для вставки стилизованных ссылок

В далеком 2008 году, когда я только начинала вести свой блог, я как-то не подумала о том, что придется выкладывать много ссылок на архивы с примерами и демонстрационные страницы. Со временем таких статей становилось все больше и больше, а мне приходилось ставить обычные текстовые ссылки, которые никак не выделялись из основного текста. При этом, я уже давно придумала как именно сделать удобную вставку красивых ссылок-кнопок, но дальше фантазий дело не доходило. Пришла пора это исправить, в сегодняшней статье мы создадим плагин для вставки стилизованных ссылок в текстовый редактор WordPress.  Read more

OKShadow – создаем движущуюся тень.

Те, кто следит за мной в твиттере, видели, что на днях я публиковала ссылку на музей исчезающих звуков, где помимо забавного содержимого сайта, мне на глаза попался интересный эффект следующей за курсором тени. Вся магия этого эффекта реализуется  с помощью jquery-плагина Okshadow, разработанного компаний Okfocus, о нем и пойдет речь в сегодняшней статье.  Read more

Изучаем CSS-градиенты за час

Вы отказываетесь использовать CSS-градиенты в своих проектах просто потому что не понимаете их, или же вас не устраивает текущая поддержка браузерами? Друзья мои, пришла пора избавиться от изображений, шириной в 1 пиксель. Если вам интересно узнать о том как использовать CSS-градиенты, эта статья для вас. Мы разберем основы синтаксиса, а затем перейдем к сложным эффектам с большим количеством советов и примеров. Read more

7 полезных онлайн-инструментов для работы с изображениями

Любому разработчику или дизайнеру часто приходится работать с изображениями, поскольку они, несомненно, представляют собой значительную часть любого сайта. Конечно для этого обычно используются такие десктопные приложения как фотошоп или гимп, но кроме них существует целый ряд полезных онлайн-инструментов, предназначенных для хранения, ресайза и изменения картинок в онлайн-режиме. В сегодняшней статье мы рассмотрим самые лучшие из них. Read more

Псевдо-селектор :target

Псевдо-селектор :target срабатывает при совпадении хэша в URL и ID элемента на странице. Read more

Обзор CSS-свойства vertical-align

Довольно часто от веб-разработчиков можно услышать возмущенный возглас: “vertical-align не работает!”.  Несмотря на то, что назначение этого свойства следует из его названия, на практике, начинающие разработчики, равно как и многие ветераны CSS, часто испытывают трудности с его применением.

В сегодняшней статье, я постараюсь раскрыть все непонятные моменты этого CSS-свойства.  Read more

10 отличных jQuery-сниппетов

jQuery вдохнул новую жизнь в JavaScript-программирование. Благодаря этому замечательному инструменту, появилась возможность с легкостью создавать мощные и интерактивные страницы. В сегодняшней статье собраны 10 полезных примеров jQuery-кода, которые обязательно вам пригодятся при разработке клиентской стороны сайта. Read more