Мастер-класс Игоря Кононученко «Интерфейсы и виджеты с помощью javascript»

4 декабря пройдет мастер-класс Игоря Кононученко,
технического директора студии «Веджо» с многолетним опытом
JavaScript-разработки. Среди множества решенных задач проекты для
таких компаний как MyHeritage и Canon. Мастер-класс
заточен под разработку интерфейсов и виджетов. В нем
практически не будут рассматриваться продвинутые фишки самого
языка JavaScript и какие-либо специфические апи. Мастер-класс
может быть интересен всем, кто умеет что-то сложнее, чем «могу
поставить обработчик события или подключить плагин jQuery».
Предполагается, что слушатели уже немного знакомы с языком и
обладают практическим опытом.

Для того, чтобы принять участие в онлайн-трансляции данного
мероприятия укажите код скидки ONLINE в регистрационной
форме. Стоимость участия в онлайн трансляции составляет 50% от
стоимости участия в живую
. Во время участия в онлайн
трансляции вы сможете задавать вопросы автору в режиме чата —
ваши вопросы будут озвучены организаторами и вы сможете получить
на них ответ. Все участники онлайн трансляции получают доступ ко
всем информационным материалам, как и офлайн участники. Стоимость
участия: 390 гривен (50 $). Для юридических лиц c НДС
стоимость участия 470 гривен. Начало в 11:00. Ориентировочная
продолжительность 4-5 часов + перерывы на кофе. После
мастер-класса вы сможете задать любые интересующие вас вопросы.
Адрес: ул. Шолуденка 3, офис 205

Мастер-класс Владимира Агафонкина “Современная разработка с JavaScript”

27 ноября пройдет мастер-класс для
javascript-разработчиков, front-end разработчиков и
архитекторов. Уровень аудитории: средний и выше.

Ведущий — Владимир Агафонкин — JavaScript-разработчик в компании
Cogniance, среди
клиентов которой есть такие гранды как Microsoft и
Нuawei.

Основное направление деятельности Владимира — разработка
JavaScript API для карт и геосервисов компании CloudMade и другие проекты, связанные
с геоинформационными системами.

Стоимость участия: 390 гривен (50 $). Для юридических лиц c НДС
стоимость участия 470 гривен. Мастер-класс пройдет 27
ноября
, по адресу, г. Киев ул. Шолуденко 3, офис 205 Для
того, чтобы принять участие в онлайн-трансляции данного
мероприятия укажите код скидки ONLINE в регистрационной
форме.

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

25 очень функциональных Javascript слайдеров и скроллеров

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

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


Javascript, слайдеры, скроллеры

В этой статье собраны 25 слайдеров и скроллеров на Javascript,
для использования в веб-разработке.

Thumbnail
Scroller
,
Demo

jquery-thumbnail-scroller

JCoverflip, Demo

JCoverflip

COIN SLIDER

COIN-SLIDER

loopedSlider,
Demo

loopedSlider


Lof SiderNews
, Demo

Lof-SiderNews


Advanced jQuery background image slideshow
, Demo

Advanced-jQuery-background-image-slideshow


jqFancyTransitions
, Demo

jqFancyTransitions

Multiple
Image Cross Fade
, Demo

Multiple-Image-Cross-Fade

BarackSlideshow,

Demo

BarackSlideshow

Slide Thumbs,
Demo

Slide-Thumbs


Beautiful jQuery slider
,
Demo

Beautiful-jQuery-slider


jQuery Multimedia Portfolio
, Demo

jQuery-Multimedia-Portfolio

Slider
Gallery
, Demo

Slider-Gallery


Easy Slider
, Demo

Easy-Slider

Pikachoose,
Demo

Pikachoose

Animated
JavaScript Slideshow
, Demo

Animated-JavaScript-Slideshow

Agile Carousel,
Demo

Agile-Carousel

noobSlide

noobSlide

s3Slider, Demo

s3Slider

jQuery
Scrollable
,
Demo

jQuery-Scrollable

Moving Boxes,
Demo

Moving-Boxes

SmoothGallery

SmoothGallery

Slideshow 2

Slideshow-2


A Beautiful Apple-style Slideshow Gallery
,
Demo

A-Beautiful-Apple-style-Slideshow-Gallery

Nivo
Slider

Nivo-Slider

Поддержка пространственной ориентации в Firefox 3.6

Более наглядно о новой функции Firefox
3.6
можно посмотреть на этом видео.

Понимают ли поисковики JavaScript?

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

То есть, <script
type=»text/javascript»>document.write(«<a href=»#»
onclick=»location.href=’http://seogen.net/’;»>онкликссылка</a>»);</script>

Для анализа брались следующие поисковые машины: Nigma, Yahoo,
Bing, Яндекс, Рамблер, AltaVista
и его величество
Google. И так, давайте перейдем к результатам
исследования.

Закрытие ссылок в яваскрипт для Google.

Google прекрасно понимает яваскрипт код, даже если он не очень
простой (информация в том числе для дорвеистов).

426

Если искать по слову из ссылки, то находится и донор и акцептор,
то есть, ссылочное через яваскрипт-ссылки передается. Это
работает для первого случая, то есть, когда адрес в ссылке
расположен в атрибуте href.

427

Для ссылки с переходом по событию onclick ссылочный вес в гугле
не передался, но Google распознает такие ссылки, и ходит по ним,
как заявлял у себя на блоге Мэтт Катс. А если он их распознает,
значит они также участвуют в перераспределении веса, таким
образом, являясь аналогом использования атрибута rel=nofollow.

Nigma понимает
яваскрипт.

Для меня это было открытием. С Яндексом было известно, что с
яваскриптом он не работает, однако найти в Рунете поисковую
систему, понимающую js-код, было неожиданно. Вы это можете
проверить, введя одно или несколько слов с экспериментальной
страницы.

428

Более того, ссылочный вес через подобные ссылки передается в
Нигме также, как и в гугле акцептору (исключение — onclick
ссылка).

429

Выводы:

Повторяясь, подытожим результаты эксперимента.

1. Google прекрасно автоматически палит доры и сайты, содержащие
вирусы.

2. Ссылочное по яваскрипт-ссылкам в Google передается.
Соответственно, передается PageRank со всеми вытекающими
последствиями. Cпособ использования события onclick является
аналогом использования атрибута rel=nofollow.

3. Яндекс javascript не парсит, соответственно, это можно
использовать в своих целях, например, перелинковке. По текстам,
выводимых на странице с помощью скрипта, невозможно найти
акцептор.

4. Nigma — перспективная поисковая система.

Источник: devaka.ru

Сайты использующие JavaScript на полную

1.Pepsiarabia.com


JavaScript, дизайн, сайты, технологии, java

2.Volll.com


JavaScript, дизайн, сайты, технологии, java

3.Dibusoft

logo

4.Adcapital
Industires

51641777jh4

5.Marius Roosendaal

16876291re7


6.NOFRKS

37979988mo5

7.Digital Artiflex

69890116vm9

8.Playground Blues

36283589py8

9.WeBleedDesign

77653838em2

10.Baltic Producers

56514163wg2

11.OmniTech

87967365wt9

12.TurboTax

10kp5

13.Alternateinsight.com.au

tarampampam

14.Thegreatmartinicompany.com

martin

15.Visiosight.com

gottotaly

30 Tooltip техник использующих JavaScript, Ajax и CSS


ToolTip_MooTools


w2, скрипт, скрипты, java, script, javascript, CMS, Tooltip, сценарий, 30 Tooltip


Скачать
. Превью.
Ресурс
.

Jquery Popup
Bubbles

2

Скачать.
Превью.
Ресурс.

Cool Tooltips

3

Скачать.
Превью.
Ресурс.

jQuery Plugin: betterTip

4

Скачать.
Превью.
Ресурс.

SuperNote

5

Скачать.
Превью.
Ресурс.

Prototip2

6

Скачать.
Превью.
Ресурс.

Tooltips from AJAX, DOM nodes

7


Скачать
. Превью.
Ресурс
.

Boxover — Javascript/DHTML Tooltips

8

Скачать.
Превью. Ресурс.

MooTools Tooltip

9

Скачать. Превью. Ресурс.

WebSnapr — Preview Bubble Javascript v2.0

10

Скачать.
Превью.
Ресурс.

Help Balloon

11


Скачать
. Превью. Ресурс.

DHTM Goodies Balloon Tooltips

12


Скачать
.
Превью
. Ресурс.

DHTM Goodies Ajax Tooltips

13


Скачать
.
Превью
. Ресурс.

Tooltip.js

14

Скачать.
Превью.
Ресурс.

Nice Titles

15

Скачать.
Превью.
Ресурс.

Clue tip A Jquery Plugin

16


Скачать
.
Превью
.
Ресурс
.

Mobile Tooltip widget

17


Скачать
. Превью.

Ресурс
.

jQuery Input HintBox

18


Скачать
.
Превью
.
Ресурс
.

Form Field Hints with CSS and Html

19


Скачать
.
Превью
.
Ресурс
.

Jtip a jquery tool tip

20


Скачать
. Превью.
Ресурс
.

Easiest Tooltip and Image Preview Using
jQuery

21

Скачать.
Превью.

Ресурс
.

Hovertips

22

Скачать.
Превью.
Ресурс.

Advanced Tooltips

23


Скачать
.
Превью
.
Ресурс
.

Bubble Tooltips

24

Скачать.
Превью.
Ресурс.

Fading Tooltips — Nice, Lightweight JavaScript
Tooltip

25

Скачать.
Превью.

Ресурс
.

Cool DHTM ToolTip II

26

Скачать.
Превью.
Ресурс.

Css ToolTIp

27


Скачать
.
Превью
.
Ресурс
.

Tipster Demo

28

Скачать.
Превью.
Ресурс.

JavaScript, DHTML Tooltip

29

Скачать.
Превью.
Ресурс.

Popup Baloon

30


Скачать
. Превью. Ресурс.