Твит

Заработок верстальщика, во многом зависит от того как быстро он работает, думаю, это утверждение не нужно доказывать, все и так понятно. Поэтому, вполне логично, что многие, теми, или иными способами, пытаются себя ускорить, и сегодня я расскажу о Emmet –плагине для текстовых редакторов, который позволяет вбивать HTML и CSS c огромной скоростью.

Как это работает?

Очень просто, вместо стандартного HTML и CSS, вы вбиваете заранее заданные сокращения, например, вместо нудного прописывания HTML- списка с ссылками из 10 элементов, вам нужно написать:

ul>li*10>a{item$}

Нажать заранее задданое сочетание клавиш, и вы получите готовый код.

Твит

Здравствуйте дорогие блоггеры! Сегодня спешу представить Вам свой первый игровой шаблон для сайта под названием WotGame, который сделал специально для поклонников всемирно-популярной игры World of Tanks. Все свои шаблоны я стараюсь делать современными и стильными, но в тоже время удобными и минималистичными.

И конечно же, я буду рад, если этот шаблон Вам придется по душе. А так как это моё первое творение на игровую тематику, существует непреодолимое желание узнать Ваше мнение в комментариях!

Твит

А Вы замечали, что интерфейс сайтов в последнее время стремится к какому-то единому стилю. Многие элементы (особенно на мобильных версиях сайтов) расставлены в строго определенных для них местах. Да что там местах, у них даже иконки становятся единообразными на совершенно различных сайтах. Что это может значить? А означает это лишь то, что появился и все набирает и набирает обороты весьма удобный инструмент для верстки веб-страниц. И иня ему Twitter Bootstrap.

Твит

Не так давно я рассказывал, что в июне месяце этого года у меня состоялись два приятных знакомства. Нет, не с людьми, а с удобными и функциональными расширениями для верстки. Это Twitter Bootstrap и Chosen. Как-то так получилось, что весь июнь я практически не программировал, зато верстал много и с удовольствием.

Уверен, что каждый верстальщик знает о "капризах" элемента select. Если кнопки и поля ввода после появления CSS3 стилизовать стало одно удовольствие, элементы radio и checkbox можно стилизовать подменой их картинками-спрайтами, то вот с select все не так просто. Тут-то на помощь и придет Chosen.

Твит

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

В теории-то я знал, что существует такая фича как Media Queries, которая была добавлена в CSS3. И теперь у меня появилась возможность все это видеть прямо на экране смартфона, а не меняя размеры окна браузера. Почувствовав приятное покалывание в кончиках пальцев (явный для меня знак страстно закодить что-то новенькое), я, конечно же, решил разобраться с Media Queries на практике.

Твит

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

В теории-то я знал, что существует такая фича как Media Queries, которая была добавлена в CSS3. И теперь у меня появилась возможность все это видеть прямо на экране смартфона, а не меняя размеры окна браузера. Почувствовав приятное покалывание в кончиках пальцев (явный для меня знак страстно закодить что-то новенькое), я, конечно же, решил разобраться с Media Queries на практике.

Твит

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

Твит

При создании сайта возникает вопрос как именно будет выглядеть ваш сайт, точнее как именно должно оно выглядеть. Ошибкой многих начинающих веб-дизайнеров является такое понятие как "мощная графика", т.е такое понятие чем больше графики тем лучше. На одной графике не останавливаются подключают всякие jQuery и Ajax библиотеки. Нагруженность такой графики плохо сказывается на ваш сайт, страницы грузятся долго что приводит к потере посетителя еще и поисковики тоже недолюбливают такие сайты. Вернемся к макету сайта. Макет — это разметка документа, характеризующая его структуру, т.е. скелет дизайна сайта. Ещё проще говоря это то как будет выглядит ваш сайт.

Для того чтобы нарисовать макет сайта необходимо разобраться с типом сайта.

Твит

Джастклик обновил интерефейс. И без геморов тут не обошлось! Как сделать эту чёртову форму подписки? По логике, ссылка на генератор формы должна быть в меню. Но нет! Эти разработчики пошли вопреки логике. Как теперь сделать форму подписки в Джастклик? Но это ещё пол бкды. Тех, кто смог отыскать генератор форм, ждал второй сюрприз от Джаста. Форма-то не работает! Что делать, если не работает форма подписки в justclick?

Твит

Хотели бы вы, чтобы те стили, которые вы задаете в Photoshop перекочевали в CSS? Думаю, что это риторический вопрос, который я не много не правильно задал. Речь в этом посте пойдет не о стилях фотошопа, а о сервисе, который копирует функционал настройки стилей фотошопа. Сервис Layerstyles — это находка для веб-мастера, это один из тех генераторов CSS, которые верстальщик будет использовать постоянно. И сейчас я вам это докажу.

Твит

Как правильно оптимизировать страницу? Ниже приведены пять советов по оптимизации страниц сайтов. Оптимизировать страницу необходимо не только для поисковых роботов, но и для людей. А это значит, что текст на странице должен быть отформатирован, содержать картинки, главные мысли должны быть выделены на фоне основного текста. Если в статье используются картинки, то для каждой из них есть смысл прописать ALT тег. Альт тег, это имя изображения, все изображения должны иметь уникальные названия. Обычно в описание картинки ставятся нужные ключевые слова.