html

Зачем нужны иконки сайта (favicon), иконки для мобильных устройств

Автор: в категории Создание сайтов 0 комментариев

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

Иконки для сайта, favicon

 

Зачастую иконка у любого сервиса или приложения генерируется из логотипа. Это может быть его упрощенная версия, или просто основной символ. читать далее…

Адаптивная верстка таблиц сравнения

Автор: в категории Вёрстка 0 комментариев

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

Адаптивная верстка таблиц

Одним из важных разделов при создании интернет магазина является страница сравнения товаров, которая выводится в виде таблицы, и в данной статье мы рассмотрим решение для ее адаптивной верстки. читать далее…

Как защитить контент сайта от копирования

Автор: в категории Создание сайтов 0 комментариев

Целью создания сайта зачастую является продвижение и продажа продукта или услуг и для создания качественного сайта и его продвижения необходим качественный контент: оригинальный и качественный текст и оригинальные изображения. Оригинальность контента — одно из основных правил при продвижении сайта.

Как защитить контент сайта от воровства

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

Кроссбраузерный GrayScale с поддержкой Internet Explorer 10/11

Автор: в категории Вёрстка 0 комментариев

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

Обесцвечивание картинок Internet Explorer 10-11

Но в последние годы, все основные браузеры мигрировали на платформу WebKit, что упростило разработку кроссбраузерных сайтов, однако компания Microsoft старается выделиться и выпускает Internet Explorer на платформе Trident вплоть до последней, 11-ой версии всеми горячо любимого браузера. Но на этом MS решили не останавливаться, и сделать жизнь разработчиков еще разнообразнее и насыщенней, путем удаления фильтров из IE 10 и 11 версий, что повлекло сложности, в том числе и с обесцвечиванием картинок с помощью CSS, методом наложения Grayscale фильтра. читать далее…

Как проверить адаптивный дизайн сайта

Автор: в категории Статьи о CSS 1 комментарий

В данной статье мы продолжим обсуждать адаптивный дизайн, о котором начинали говорить в предыдущей записи, посвященной различным типам верстки сайтов: адаптивной, резиновой, статической.

Адаптивный дизайн в разработке сайтов

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

Адаптивная верстка, статика, резина, в чем разница?

Автор: в категории Статьи о CSS 0 комментариев

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

Адаптивный дизайн сайтов

При создании современного сайта каждый разработчик должен это учитывать! Что такое адаптивный дизайн, резиновая верстка, статика и в чем отличие, в чем преимущества адаптивной верстки, и зачем ее делать? Давайте разбираться! читать далее…

CSS-Transitions в Safari

Автор: в категории Статьи о CSS 0 комментариев

Благодаря новым технологиям, и в частности CSS3, мы можем создавать анимацию на сайте всего лишь парой строк. Движение элементов стало плавным, все меньше и меньше графики используют при верстке сайта. Теперь скругленные углы стало делать гораздо проще, а градиент можно создать указав два цвета и направление.

Safari CSS transitions

Сегодня, создавая сайт его можно украсить очень красивой анимацией элементов, которые не только будут радовать глаз, но и будут удобными для пользователя — никаких резких движений, появлений, сдвигов. Работая над одним проектом я заметил одну особенность в браузере Сафари: -webkit-transition: all 0.5s ease — не работает! читать далее…

Битва браузеров

Автор: в категории Вёрстка, Интересное в мире 0 комментариев

Привет всем!

В последнее время я не часто вас баловал новыми записями, и вот наконец-то интересный пост в моей блоге! 🙂
Сегодня я бы хотел ознакомить вас с тестом браузеров. Таких как:

  • Google Chrome 24.0.131
  • FireFox 12.0
  • Internet Explorer 9
  • Opera 12.12

Недавно я наткнулся на ресурс проверки браузера на работу с HTML5. Сайт оценивает браузер, и после чего выдает оценку в очках, где максимум — 500 очков. И вот какие результаты мне выдал ресурс. читать далее…

Облако тегов на HTML5 при помощи TagCanvas

Автор: в категории Статьи о JavaScript 2 комментария

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

Но сегодня решил отписать по поводу облака тегов, ибо предоставленный пример в предыдущей статье на данное время уже не актуален.

Итак, приступим!

Для начала мы скачиваем последнюю версию скрипта — tagcanvas version 1.17 для Internet Explorer качаем — excanvas
читать далее…

Flash облако изображений на обычной html странице

Автор: в категории Статьи о JavaScript 10 комментариев

Извините за то что долго не писал. Это связано с тем, что интересные темы пока иссякли. Пишите мне, как сделал это Пользователь krendel, и я Вам буду отвечать!

Пост написан по просьбе читателя krendel.
Итак, с облаком меток, тегов, ссылок мы разобрались, а как сделать облако изображений? Вот об этом мы сегодня и поговорим. читать далее…

З
а
г
р
у
з
к
а
.
.
.
Вверх!

Меню блога

Категории блога

Облако тегов