На Валаам с палатками (ч. 3)

Путешествия

Довольно долго не мог приступить к написанию третьей части — в основном потому, что занимался техническими статьями для другого ресурса. Однако долги надо отдавать, посему прошу любить и жаловать последнюю часть этого цикла. Приятного чтения! В лесу недалеко от лагеря. Чаепитие на скале Итак, напомню, что нас пригласили прокатиться на моторке вокруг острова и заодно устроить пикничок в каком-нибудь живописном месте. Мы отчалили и взяли курс на запад — в сторону метеостанции. Кстати, отмечу, что ... Читать далее >>


На Валаам с палатками (ч. 2)

Путешествия

В предыдущем посте я рассказывал о том, как началось наше путешествие на Валаам, как мы добирались из Санкт-Петербурга до Приозерска (с остановкой в Лосево). В этой же части я поведаю о продолжении нашего похода: из Приозерска до Валаама и о размещении на острове. Как и в прошлый раз я постараюсь, чтобы моё повествование было не только интересным, но и полезным для тех, кто решит повторить наш маршрут. Приозерск - Валаам Итак, расположившись на Валаамском причале в Приозерске на брёвнах и попива... Читать далее >>


На Валаам с палатками (ч. 1)

Путешествия

Важное обновление от 09.2017! Офис природного парка, сотрудники которого занимались размещением туристов на острове, прекратил свою работу 1 июня 2017. Это означает, что теперь все заявки принимает только Паломническая служба монастыря. Кроме всего прочего, ряд стоянок теперь, судя по всему, предназначен только для паломников. По большому счёту, происходит то, чего боялись уже долгое время: остров потихоньку закрывают для посещений простыми смертными. Я не буду рассуждать здесь на этот счёт и о... Читать далее >>


Стилизация радиокнопок и флажков

JavaScript/CSS/HTML

О чём эта статья? В этой статье я расскажу, как с помощью HTML и CSS (на этот раз без JS) можно легко стилизовать радиокнопки (radioboxes) и флажки (checkboxes) на своём сайте. Исходные данные Эта статья продолжает цикл "Как стилизовать нестилизуемое" :). Ранее мы говорили о том, как поменять внешний вид полос прокрутки с помощью плагина jScrollPane и несложных стилей CSS, а также о том, как стилизовать поле для загрузки файла, используя CSS, правильную разметку и несколько строк кода JS. На оче... Читать далее >>


Creating custom scrollpane using JavaScript

JavaScript/CSS/HTML

Русская версия статьи. What's in this article? I will explain how in nearly 10 minutes you can create a custom scrollpane for your website with the help of the jScrollPane, a jQuery library, and how to style and customize it. Basic information Sooner or later every webdesigner will face the following problem: scrollpanes on the website that he is creating just do not fit in the design (and every browser renders it differently). In many cases this is not a big deal, but there are customers who pa... Читать далее >>


Средний размер веб-страниц увеличился на 32% в 2013 году

Web

Данная статья является переводом поста Average Page Weights Increase by 32% in 2013 с сайта SitePoint. Мои комментарии выделены курсивом, а также вынесены в отдельные блоки с желтым фоном. HTTP Archive опубликовал ежегодный отчёт, информация которого основывается на данных, полученных с 300 000 самых популярных веб-сайтов. Средний размер веб-страницы увеличился на 32% за год и достиг более 1700Кб (1,7Мб); теперь для загрузки страниц требуется в среднем 96 запросов HTTP. Это хуже, чем ситуация в ... Читать далее >>


Стилизация поля для загрузки файла

JavaScript/CSS/HTML

О чём эта статья? Я расскажу о том, как быстро стилизовать поле для загрузки файла, используя CSS и jQuery. Этот метод работает во всех браузерах и позволит сделать поле загрузки, которое будет соответствовать дизайну вашего сайта. План действий Поле для загрузки файла наряду с радиокнопками, полем ввода типа select и рядом других относится к тем элементам HTML, стилизовать которые стандартными средствами не получится (точнее, изменять можно только очень ограниченный набор стилей). Рассмотрим оч... Читать далее >>


История строки "user-agent" в браузерах

Web

Данная статья является переводом поста "History of the browser user-agent string" с сайта WebAIM. Некоторые ссылки, указанные в статье, на данный момент уже недоступны, поэтому мне пришлось их изменить (в частности, ссылаться на архив Интернета). В некоторых местах я даю перевод английских слов и дополнения в скобках. Mosaic В начале времён был NCSA Mosaic, и Mosaic гордо именовал себя NCSA_Mosaic/2.0 (Windows 3.1). Являл он изображения, равно как и текст, и люди возрадовались. Netscape Но вот я... Читать далее >>


Позиционная проверка (lookaround) (часть 2)

RegExp

Используя позиционную проверку, мы никуда не перемещаемся Я повторю это ещё раз, потому что этот момент часто остаётся без внимания. Пример с проверкой корректности пароля (из предыдущей части) демонстрирует, что используя позиционную проверку мы никуда не перемещаемся. Мы начинаем проверку с того места строки, на котором находимся в данный момент. После позиционной проверки мы остаёмся на том же самом месте, и если выполнить ещё одну проверку, она начнётся с того же самого места. Поэтому опереж... Читать далее >>


Позиционная проверка (lookaround) (часть 1)

RegExp

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


Нестандартная полоса прокрутки с помощью JavaScript

JavaScript/CSS/HTML

There is an English version of this article available. О чём эта статья? В этой статье я расскажу о том, как буквально за 10 минут с помощью jScrollPane - библиотеки для jQuery - вы сможете сделать нестандартную полосу прокрутки для своего сайта, а также как её стилизовать и настроить. Базовые сведения Рано или поздно веб-дизайнер сталкивается с тем, что полосы прокрутки на сайте, который он создаёт, смотрятся неорганично (и каждый браузер отображает их по-своему). Во многих случаях это не являе... Читать далее >>