Плавный скролл по странице на jquery

Якорь это метка, до которой мы осуществляем переход, с какой либо ссылки в которой указан этот якорь #go1 это будет означать что перейти нам нужно до тега на странице у которого указан id=go1 или name=go1

Для того чтобы осуществить плавную прокрутку от ссылки до якоря, необходимо воспользоваться jquery библиотекой, и применить функцию animate

$(document).ready(function() {<br />
    $("a.scrollto").click(function () {<br />
        var elementClick = $(this).attr("href")<br />
        var destination = $(elementClick).offset().top;<br />
        jQuery("html:not(:animated),body:not(:animated)").animate({scrollTop: destination}, 800);<br />
        return false;<br />
    });<br />
});

Можно конечно и так Читать дальше...

Web Дизайнер (designer)

Стандартные шрифты windows список систем (win XP, Vista, 7, 8)

Задались вопросом какой шрифт использовать на сайте да так, чтобы отображался, во всех всех версиях, браузеров и ОС Windows, одинакового, для этого надо всего лишь знать, какие системные шрифты в каких ОС идут в комплекте с ней что бы на 100% быть уверенно что стандартные шрифты отобразятся правильно на сайте. Для удобного подбора шрифтов ниже привожу таблицу, для наглядности присутствия того или иного шрифта в семействе MS Windows.

Список стандартных шрифтов, которые установлены с этой версией Windows. Рекомендованные шрифты к применению выделены желтым цветом, то есть имеются во всех версиях. Читать дальше...

Шрифты Дизайнер (designer)

Графичесике форматы

JPEG (Joint Photographic Experts Group) – метод сжатия изображения.
Расширения: .jpeg, .jfif, .jpg, .JPG, или .JPE.
Принцип: сжатие изображения с потерей качества.

В 1986 группа С1ТТ начала изучение способ сжатия цветных файлов. В 1987 произошло объединение ISO и C1TT, и группа получила название JPEG.
Этот формат позволяет сжимать полноцветные изображения глубиной от 6 до 24 бит/пиксель с высокой скоростью и такой же эффективностью.
JPEG – это не стандартный формат изображений. Читать дальше...

Разное Дизайнер (designer)

Основные правила вёрстки email-писем

Для того, чтобы email рассылка смотрелась максимально одинаково в большинстве почтовых клиентах, необходимо придерживаться некоторых базовыx правил HTML верстки email-писем.

Несколько примеров почтовых клиентов:

веб-версии у почтовых провайдеров (Gmail, Yandex, Mail, Yahoo и т.д.)
десктопные почтовые клиенты (Outlook, Bat, Thunderbird, Mac Mail)
мобильные почтовые клиенты (Blackberry, Android, Iphone, Ipad и т.д.)

К сожалению, не существует обязательного стандарта верстки писем, который бы универсально поддерживался бы всеми клиентами. Часть поддерживает CSS3, часть нет, какие-то теги и аттрибуты поддерживаются, какие-то нет, не говоря уже о том, что поддержка HTML и CSS меняется даже в пределах одного почтового клиента от версии к версии. Последнее особенно заметно на примере Outlook (от Express и 2003 к Outlook 2011). Читать дальше...

Html Дизайнер (designer)

Партнерская программа ADS PARTNERS

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

Легко узнаваемые бренды;
Выплаты по доходу от 40% ;
Своевременные выплаты (Webmoney, Qiwi, Skrill) ;
Большой выбор актуальных промо материалов (промо страницы,банеры,обзоры и т.д);
Детализированая статистика как по источникам, так и по игрокам
Реферальная программа с выплатой от 5 % от приведённого вами вэб-мастера. Читать дальше...

Разное Дизайнер (designer)

Графика для офиса

Любое графическое изображение можно представить как некоторую композицию разноокрашенных областей. Поэтому основная информация о картинке — данные о цвете. Цвет — это свойство видимых предметов, непосредственно воспринимаемое глазом. На первый взгляд, все понятно. Однако при смешении красок в банке или на палитре художника, а также при выводе изображения на монитор или принтер или, наоборот, при сканировании картинок постоянно возникают вопросы о цвете и цветопередаче (переносе изображений с одного носителя на другой или с одного устройства вывода на другое). Все не так просто, как кажется. Художники, полиграфисты и дизайнеры знают, как это важно. Ощущение цвета очень индивидуально. Однако во всем этом многообразии можно найти нечто общее. В противном случае у нас не было бы ни мониторов, ни принтеров, ни сканеров, ни телевизоров. Поиск универсалий — это поиск моделей, которые отбрасывают все несущественное и подробно описывают наиболее важное для практики.

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

Разное Дизайнер (designer)

CSS-трансформация и анимация

В CSS3 имеются параметры (свойства), посредством которых можно трансформировать (поворачивать, масштабировать и т.д.) элементы страницы, а также анимировать (плавно изменять во времени) их свойства. При этом можно обойтись без сценариев на JavaScript и SVG. В браузерах (Opera 18 и Chrome 31) в именах CSS-свойств пока требуется указывать специальные (вендорные) префиксы -o- и -webkit- соответственно (например, -o-transform и -webkit-transform).

CSS-трансформация
Трансформации в CSS3 задаются посредством свойства transform. Выберите в списках вид трансформации (значение свойства transform) и ее центр (значение свойства transform-origin) и посмотрите результат ее применения к элементу <div>, содержащему текст и картинку. Под списками отображаются CSS-свойства (без вендорных префиксов), соответствующее выбранной трансформации. Каждая трансформация здесь применяется к исходному элементу, а не к результату предыдущей трансформации. Читать дальше...

Css Дизайнер (designer)

Что такое SEO и кто такой сеошник?

Вы, наверное, уже встречали на сайтах и блогах мнение, что лучший заработок в интернете – заработок на своих сайтах. Встречали и инструкции и советы по созданию. Кто-то из вас пробовал сделать собственный сайт, но так и не получил отдачи, а кто-то сразу подумал о том, что подобных сайтов очень много и отыскать ваш в поисковых системах пользователю будет затруднительно. На форумах вам писали, что нужно учить СЕО, однако что такое SEO так никто и не сказал..

Именно проблемой повышения позиции в выдаче поисковых систем и занимается SEO.
Другими словами: SEO – это набор методов, направленных на повышение позиций сайта в выдаче поисковых систем по какому-либо запросу.
Идея проста: Чем выше ваш сайт в выдаче поисковых систем, тем больше на сайте будет посетителей. Чем больше будет посетителей, тем больший доход будет приносить сайт. Читать дальше...

Разное Дизайнер (designer)


Рекламка в тему

Рубрики

Архив по месяцам

Друзья

Мета