Твит

Здравствуйте, уважаемые посетители моего сайта.

Вас приветствует создатель этого уголка для верстальщиков - Сергей Голубев.

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

Твит

С развитием веб технологий вырастает и требования к веб разработке. Больше всего чувствуют на себя веб разработчики, верстальщики или как их сегодня называют frontend — разработчиками.

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

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

Твит

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

Для чего может пригодиться:

Появление кнопки наверх когда страница находиться в конце
Появление плавающих блоков при скролле
Фиксировать верхнее меню при скролле вниз
Чтобы определить что страница скроллена до самого низа есть такой маленький скрипт:

Твит

В последние полгода очень активно занимаюсь версткой. Программирование, конечно, тоже присутствует, но сейчас в гораздо меньшей степени. Да и от верстальщика требуется сейчас все меньше и меньше ухищрений и знания каких-то нестандартных ходов, которые позволят обеспечить кроссбраузерность верстки. Уже созданы и успешно используются многими верстальщиками некоторые удобные и качественные инструменты. О них я сегодня и поведаю.

Твит

От юзабилити сайта напрямую зависит его ранжирование в Яндексе.
Во всяком случае об этом написано в основном блоге Яндекса, где даны конкретные рекомендации по улучшению юзабилити сайта.
Основным параметром юзабилити является хорошая навигация по сайту, к которой можно отнести наличие кнопок вверх и вниз.
На днях я решил разработать две кнопки вверх и вниз для своего сайта на WordPress без плагинов, разумеется.
Но они легко интегрируются в любую CMS, и я часто их использую для самописных сайтов.
В качестве альтернативы я создал три варианта кнопок вверх и вниз.
Первый работает на чистом Html, второй на javascript, третий использует JQuery, скачать исходники кнопок и подробные пояснения можно в архиве в самом конце статьи.

Твит

Многие из нас бывали в такой ситуации, когда приходилось создавать отличный адаптивный сайт для клиента, и затем убивать коробку фэйсбука для маленьких устройств, чтобы не мешал. Согласитесь, что это отстойно. В одной из прошлых статей я писал о способе адаптации Instagram под мобильные устройства. Настало время, познакомить вас с способом адаптации facebook likebox iframe при помощи jQuery.
В этой статье, я решил продемонстрировать способ, которым пользуюсь сам, и довольно успешно!

Твит

Как я и обещал, никаких умных терминов не будет, буду объяснять всё доступным для всех языком. Давайте разберём, что же такое jQuery галерея? В нашем случае — это те большие перелистывающиеся картинки в верхней части сайта, под меню.

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

Твит

Привет читатели блога! Вы видели красивые слайды на web-ресурсах? Хотите создать у себя на блоге такой же классный слайдер, который будет показывать картинки Ваших постов в автоматическом режиме? Если ответ да, то эта статья именно для Вас! Потому что ниже будет написано – «Как создать слайдер JQuery».

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

Твит

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

Твит

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

Твит

Хотелось бы напомнить, что на блоге уже были подобные материалы. Это красивое модальное окно на jQuery, которое имеет только один эффект и еще модальное окно на CSS без использования скриптов, оно тоже имеет только один эффект. А в данном примере предлагается целая коллекция из 19 штук всплывающих модальных окон с различными эффектами, которые не оставят равнодушными всех любителей современных дизайнерских штучек. И давайте сразу посмотрим на пример..