Твит

Блог Алексея Чваркова на тему веб програмирования доступен по адресу chvarkov.ru. А также о seo оптимизации, cms системах, хостингах, моетизации сайта и html, css, javascript уроки.
Блог Алексея Чваркова на тему веб програмирования доступен по адресу chvarkov.ru. А также о seo оптимизации, cms системах, хостингах, моетизации сайта и html, css, javascript уроки.
Блог Алексея Чваркова на тему веб програмирования доступен по адресу chvarkov.ru. А также о seo оптимизации, cms системах, хостингах, моетизации сайта и html, css, javascript уроки.

Твит

Imagefill.js – небольшой jQuery-плагин, который позволяет изображениям полностью заполнять свой контейнер и быть центрированными внутри него при любых возможных и невозможных изменениях размера контейнера. Такая необходимость часто возникает при адаптивной верстке, когда требуется, чтобы элементы меняли свои размеры при изменении размера области просмотра и оставались на своих местах.
Наглядно посмотреть как он работает можно по ссылке ниже:

Твит

Здравствуйте, друзья. Иногда, для того, чтобы привлечь внимание посетителя сайта, приходится идти на какие-то ухищрения и придумывать новые фишки. Я конечно против всевозможных всплывающих окон и других навязчивых элементов, типа: «Подождите, у нас есть для вас подарок.» Я считаю, что такой подход в корне неверен. Наоборот, пользователи будут обходить такие сайты стороной. Да они и так их обходят, а владельцам ничего не остается, как давать платную рекламу своего сайта и чего хуже — спамить. Исключением является модальное окно на jQuery.

Твит

Progression.js - маленький jQuery-плагин, который позволяет пользователям видеть подсказки и общий прогресс при заполнении форм в реальном времени. Очень простой в использовании и интуитивно-понятный. С его помощью можно создавать формы с большим количеством полей, не боясь того, что пользователь в ужасе сбежит.
Создать форму с уникальным атрибутом id. Далее необходимо добавить атрибут data-progression для каждого элемента формы, после заполнения которого, общий прогресс будет изменяться. Для того, чтобы помимо прогресс-бара отображался какой-то текст-подсказка, нужно добавить атрибут data-helper.

Твит

Здравствуйте, друзья. Эта статья будет последней в моем одиночном марафоне на блоге. Если вы интересуетесь созданием сайтов, то наверняка знаете, как посмотреть исходный код страницы. Это можно сделать при помощи правой кнопки мыши или сочетанием клавиш в браузере Ctrl + U. Забегая вперед, скажу, что метод необычного просмотра исходного кода работает на JQuery и CSS3. И чтобы вы сразу поняли о чем идет речь, предлагаю посмотреть демонстрационную страницу. Но хочу сразу предупредить, чтобы не было лишних вопросов, этот метод работает пока не во всех браузерах. Так что, если вы не видите никаких изменений, то скорее всего нужно просто обновить браузер или сменить его на другой.

Твит

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

Существует три способа установки кнопок вверх и вниз.

Можете смотреть или читать статью дальше.

Твит

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

Твит

В этой статье я хочу описать, как можно создать простой rank-индикатор для отображения состояния или степени каких-либо данных, например отобразить достоверность или соответствие найденных в поиске данных определенным критериям. Полоска индикатор будет отображать, можно ли доверять найденным данным и какая степень доверия(или рейтинг). Примером может служить Alexa Rank в результатах поиска google. Уровень индикатора Alexa Rank отображает процент от текущего рейтинга сайта, поделенного на общий размер рейтинга. Попытаемся сделать что-то похожее

Твит

сегодня расскажу как и что сделать что бы реклама от google adsense более или менее адекватно показывалась в колонке при разных разрешениях экрана если у вас резиновый макет.

делал для себя и результат можно посмотреть на страницах моего блога.

из того что имеем:
Twitter Bootstrap responsive
jQuery
профиль в google adsense.

у меня правая колонка имеет класс span4, это важно, потому что все расчеты я делал исходя из ширин которые примет этот класс при разных разрешениях.
если вы используете другое соотношение в колонках, то нужно будет пересчитать, чтобы правильно подобрать условия.

Твит

В этом уроке я покажу как можно создать и использовать локальное хранилище данных. Это новая возможность HTML5 называется Web Sql database. На клиенте (в браузере пользователя) создается база данных, информация в которой храниться до тех пор пока браузер не будет очищен. С помощью такой базы данных создадим список дел (To-Do лист). То что получилось Вы можете посмотреть на демонстрационной странице или скачать исходники.

Твит

Сегодня – в пятый день марафона «Мобильная неделя» – я решил внести немного ясности в понятие «мобильный Интернет».

Большинство из вас, уважаемы читатели, знакомы с разработкой веб-приложений, но знакомы с «обычным» Интернетом. Вчера мы выяснили, что доля мобильного Интернета в ближайшие годы будет неуклонно расти. Чем это грозит нам, интернетчикам? И так ли сложно обосноваться в мобильном Интернете?