Най-доброто от 2008 г. - JavaScript
В последната част от нашата обобщена поредица е време да разгледаме някои от JavaScript Goodies от 2008 г. Някои от по-долу са ресурси, някои са полезни уроци, някои мнения и други просто забавни интересни неща.
Винаги има урок или два, които да отнемете от тях, и това може да ви помогне да навлезете в Нова година с различни нови умения във вашето портфолио.
sIFR Lite
„ Някога някои наистина добри уеб разработчици създадоха sIFR. Тяхната цел беше безпроблемно преобразуване на HTML заглавия в хубави шрифтове. Е, тези разработчици свършиха чудесна работа, като го накараха да работи добре. Разглеждайки техния код, реших, че ще създам „lite“ версия на sIFR, използвайки по-обектно ориентиран подход. sIFR Lite е малко по-лесен за четене и по-интуитивен за използване. “
Посетете сайта
DD_belatedPNG
Поддръжка за 24-битово PNG алфа-полупрозрачно фоново изображение + фон-позиция + фон-повторение за IE 6 накрая!
Посетете сайта
Приставката на EqualHeights jQuery
„Създаването на колони с еднаква височина с CSS понякога е мечка. Кой обаче се нуждае от кавга на фалшиви колони, „ясни“ диви и останалите? С този бит jQuery можете лесно да изравните височините на всяка група елементи. "
Посетете сайта
jQuery.popeye - алтернатива на вградената лайтбокс
„Плъгинът преобразува нередовен списък от изображения в поле, показващо само едно изображение за предварителен преглед. Полето има контроли за пропускане на изображенията за преглед и за уголемяване на дадено изображение. Полето се разширява, за да побере разширената версия, докато контролите са скрити в режим на пълен размер на изображението. Просто кликване върху изображението връща кутията в компактно състояние. “
Посетете сайта
DD_roundies
Лесен начин за изпълнение на кръгли ъгли в IE.
„Няма 9-клетни маси за една кръгла кутия. Няма изображения. Не добавя половин дузина или повече HTML възли към контейнерен елемент (повече като един, максимум два и само в IE). “
Посетете сайта
Niceforms
„ Niceforms е скрипт, който ще замени най-често използваните елементи на формата с такива, създадени по поръчка. Можете или да използвате темата по подразбиране, която е предоставена, или дори да развиете свой собствен облик с минимални усилия. “
Посетете сайта
jQuery Corners 0.3
„Този плъгин jQuery лесно ще създаде красиво заоблени ъгли. Не са необходими изображения или натрапчива маркировка. "
Още един кръгъл ъглов сценарий за ваша полза!
Посетете сайта
Плъгин за менюто SuperFish jQuery
„Superfish е подобрено меню в стил jQuery в стил Suckerfish, което взема съществуващо чисто CSS падащо меню (така че деградира изящно без JavaScript) и добавя следните много търсени подобрения.“
Посетете сайта
JavaScript ще ни спаси всички
Мнението на Ерик Майер защо трябва да търсим JavaScript за разширена стандартна поддръжка, която липсва в много браузъри, вместо да чакаме доставчиците на браузъри да ги внедрят.
Посетете сайта
CSS Sprites2 - Време е за JavaScript
„Усещането за движение често е разликата между тежки Flash сайтове и сайтове, базирани на стандарти. Flash интерфейсите винаги изглеждаха по-живи - реагираха на взаимодействията на потребителя по динамичен начин, който уебсайтовете, базирани на стандарти, не успяха да копират. Напоследък това се променя, разбира се, с възобновяване на динамичните интерфейсни ефекти, подпомогнати от библиотеките на JavaScript, които го правят лесно - библиотеки като Prototype, Scriptaculous, Moo, YUI, MochiKit (и бих могъл да продължа). Крайно време е да преразгледаме техниката на CSS Sprites от преди четири години и да видим дали не можем да прекъснем малко движението си. “
Посетете сайта
jParallax
„JParallax превръща избрания елемент в„ прозорец “или прозорец за преглед и всичките му деца в абсолютно позиционирани слоеве, които могат да се видят през прозореца. Тези слоеве се движат в отговор на мишката и, в зависимост от техните размери (и опции за инициализация на слоевете), те се придвижват с различни количества по паралаксиален начин. "
Чиста радост!
Посетете сайта
Фиксирани колонтитули без JavaScript
Чиста CSS техника за позициониране на фиксирани колонтитули, тествана до IE 5.5.
Посетете сайта
Динамично оформление
„Динамичното оформление е проста JavaScript библиотека, която ви позволява лесно да коригирате оформлението на страницата въз основа на текущата ширина на браузъра.“
Посетете сайта
Спрете да използвате Ajax!
„Ajax е добра и полезна идея. Но всяка идея се свежда до практическо изпълнение - технология, която го прави да се случи - и в този случай технологията е незряла, защото оставя групи потребители зад себе си. Най-забележимите и силно засегнати са тези, които използват помощни технологии, но също така и тези, които използват по-слабо способни браузъри, които не поддържат необходимите скриптови обекти или изобщо не поддържат скриптове. "
Посетете сайта
Ето как можете да работите с sIFR
„Целта на този урок е да дестилира информацията на официалния сайт за sIFR в един прост стъпка по стъпка процес за прилагане на sIFR на вашия сайт.
След като следвате този урок, ще имате основно разбиране за това как работи sIFR и ще можете да се разширите в по-напреднали области. "
Посетете сайта
FancyZoom
Плавно увеличение на изображението с Javascript за вашите уеб страници.
Посетете сайта
Въртящ се 3D куб в JavaScript
Нищо повече, нищо по-малко! Виж това.
Посетете сайта
Супер Марио в 14kB Javascript
„ Ето един експеримент в запазването на нещата малки и ограничени до един Javascript файл. Няма външни файлове с изображения или каквото и да било, всичко се изобразява с Javascript, използвайки или платни елементи или старомодна тактика за създаване на div (за IE). Спиритите се съхраняват в кодирани по поръчка низове във формат, който позволява само 4 цвята за всеки спрайт, но от своя страна заема само около 40-60 байта на спрайт. "
Посетете сайта
10 интелигентни Javascript техники за подобряване на вашия потребителски интерфейс
„Javascript обикновено се използва като естетически език в уеб разработката. Това означава, че уеб разработчиците почти винаги трябва да използват Javascript само за едно нещо: Подобряване на опита на посетителите. Има много умни и полезни начини за подобряване на сайт от гледна точка на потребителския интерфейс. Разработчикът може да намери почти всеки фрагмент от Javascript, за да постигне това, което той или тя иска да постигне. "
Посетете сайта
25 невероятни JavaScript игри (някои забавления и вдъхновения)
„JavaScript, с издигането на Ajax, определено е задължително знание за всеки уеб дизайнер / разработчик.
Освен контроли на формуляри, сигнали и подобно просто използване на JavaScript, можете да направите почти всичко с помощта на JavaScript (& Canvas). “
Посетете сайта
Топ 5 любими маркери
„Отметките са връзки с активиран JavaScript, които можете да изтеглите в отметките си, които взаимодействат с каквато и страница да се окажете. Най-добрите маркери за отметки действат както обикновено очаквате лента с инструменти, като разширите практическата си работа със сърфиране. Въпреки това, тъй като са написани на JavaScript, всички те работят в браузъра и без да изискват инсталация. Ето 5 силно препоръчителни маркери, които можете да плъзнете до лентата с инструменти на браузъра си или към отметките си, за да разширите работата си със сърфирането. “
Посетете сайта
10 Обещаващи рамки на JavaScript
„Популярни JavaScript рамки / библиотеки като jQuery, MooTools, Prototype и YUI (за да назовем няколко от най-популярните рамки на JavaScript там) определено имат стабилна опора в сценарийната сцена на JavaScript. Но за по-приключенските разработчици, които търсят нови или алтернативни рамки / библиотеки - има някои отлични рамки извън популярните, които си струва да проверите. “
Посетете сайта
5 полезни кодиращи решения за дизайнери и разработчици
„Често творческите и наистина забележителни дизайнерски решения остават неизвестни, защото ние, дизайнерите, просто ги пренебрегваме. Заети от собствените си проекти, понякога се опитваме да схванем интуицията зад (вероятно) сложния и претрупан код на други дизайнери, за да разберем как успяват да реализират конкретни дизайнерски идеи. Всъщност, само спазвайки кода на други разработчици, можем да научим много от тях; можем да намерим интересни идеи и да подобрим качеството на нашата работа. "
Посетете сайта
Обаждане на WebServices чрез AJAX
Този урок ще ви даде добра представа как да използвате JavaScript за взаимодействие с WebServices.
Посетете сайта
JavaScript Pretty Date
„… Лесен начин за форматиране на стари JavaScript дати по„ доста “начин. "
Посетете сайта
JavaScript iPhone приложения
„Гледах с интерес разработчиците да създават нови приложения за iPhone. Самият аз притежател на един - и познаване на JavaScript - се чудех какви опции има за създаване на изтеглящи се JavaScript приложения или iPhone. Правейки някои изследвания открих редица решения, някои по-прости от други, някои изискващи повече познания на Objective-C от други. "
Посетете сайта
Най-търсените техники на Ajax: 50+ примера и уроци
„Уеб приложенията направиха огромни скокове в подобряването на потребителското изживяване благодарение на много наскоро разработената Ajax технология. Когато комбинирате някои чисти функционалности, предоставени от PHP, с умението на javascript, можете да получите някои страхотни резултати. В стремежа да ви помогнем да го вземете на едно ниво, бихме искали да споделим някои методи, за да помогнем на вашия сайт да предвиди следващия ход на потребителя. “
Посетете сайта
50 отлични урока AJAX
„AJAX предоставя на уеб разработчиците много възможности за подобряване на потребителското изживяване и подобряване на работата на техните уебсайтове. Има безброй начини, по които AJAX може да се използва и за щастие има много добри и полезни уроци за AJAX там, които да ви помогнат с вашата собствена реализация.
Тази публикация служи като колекция от полезни уроци за работа с AJAX по най-различни начини. "
Посетете сайта
10 неща, които ИТ трябва да знаят за Ajax
„Въвеждането на всяка нова уеб технология ще повлияе на инфраструктурата на мрежата по начини, които варират от несъществени до разрушаване на земята. Ajax е една от най-разрушителните нови уеб технологии, пътуващи през мрежите днес. За да ви помогнем да сведете до минимум бъдещите изненади във вашата мрежа, ние очертахме 10-те неща, които трябва да вземете присърце за Ajax. "
Посетете сайта
jQuery timepickr
„ Jquery.timepickr е създаден в опит да направи процеса на въвеждане на време във форма възможно най-лесна и естествена.“
Посетете сайта
