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... More >>


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

Web

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


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

JavaScript/CSS/HTML

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


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

Web

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


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

RegExp

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


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

RegExp

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


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

JavaScript/CSS/HTML

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