Връщане на лентата за зареждане: CSS3 и HTML5 новият флаш ли са?

Днес ще обсъдим малко за това как и защо Flash се разглежда в негативна светлина и как можем да избегнем изтичане по същия път със съвременните технологии, които го заместват.

Разгледайте елементи Envato

Защо мразим Flash

Харесва ви или не, мрежата се е включила Flash. Бившето момче от интернет плакати се превърна в червеноглаво стъпало дете, което изпитва чувство на откровена омраза у много потребители. Този поход до голяма степен беше воден от отказа на Стив Джобс и Apple да разреши Flash на iOS, но всеки ден потребителите в мрежата отдавна са с говеждо месо с технологията.

По няколко причини Flash беше невероятно. Това позволи на уеб разработчиците да доведат уебсайтове до ниво на динамика, което преди беше невъзможно. Вместо земя от скучни статични страници Интернет се превръща в място, където са възможни истински потапящи и изправени футуристични преживявания.

Всичко това обаче беше на цена. С възхода на Flash мрежата също се превърна в забележително бъги и мудно място. Разбира се, уебсайтовете за Flash изискват приставката за Flash и ако нямате най-новата версия, по-добре да я вземете или това нещо няма да работи.

Тогава дойдоха баровете за зареждане. Времето за зареждане на страниците в чисти Flash сайтове се увеличава експоненциално и изведнъж „Зареждане: 10%… Зареждане: 11%…“ спинерите станаха част от ежедневието ни.

И накрая, там е проблемът за стабилността. Стив Джобс отлично заяви, че през повечето време, когато се срива Macs, е виновен Flash. Това е малко хипербола, но ядрото на твърдението наистина намеква за някаква истина. Всички сме изпитвали замразяване, свързано с Flash и по-лошо. Толкова много, че много хора изтеглят приставки, които блокират цялата Flash активност, освен ако не е одобрена ръчно.

Холивудска мъдрост

Във филма „Джурасик парк“ специалистът по хаос Иън Малком отбелязва, че е открил остров от живи динозаври, „вашите учени са били толкова заети с това дали биха могли или не, не спряха да мислят дали трябва“.

"Вашите учени бяха толкова заети с това дали могат или не, не спряха да мислят дали трябва." -Иан Малком

Този цитат е много подходящ за възхода на Flash към славата. Разработчиците бяха толкова развълнувани от това, което могат да направят, че забравиха да попитат какво трябва да правят. Ще подобри ли цялостното изживяване Flash или ще го влоши? Какво печеля с помощта на Flash и какво жертвам? Дали по-голямата част от моите потребители ще бъдат доволни от решенията, които съм взел? Колко голям е пулът от потребители, които ще пропуснат и какви опции ще имам за тях?

Повтаряща се история

Бързо напред към сега. CSS3 и HTML5 пристигнаха, за да спасят деня. Флашът е на въжетата и всеки ден понася свеж побой, тъй като виждаме невероятни нови примери за изумителни сайтове, създадени само с CSS, HTML и JavaScript.

HTML и CSS са вградени в съвременните уеб браузъри и са основата на световната мрежа, каквато я познаваме днес, така че да можеш да използваш тези технологии за създаване на динамични страници е мечтата на уеб дизайнера.

Въпреки това, тъй като все повече и повече разработчици прибират тези технологии и започват да ги разтягат до границите, Jurassic Park Syndrome започва да го задава. Всички ние сме толкова заети с това, което е възможно, че е лесно да загубим поглед от това, което е допустимо.

Все повече и повече, докато сърфирам в интернет, започвам да виждам признаци, че бъдещето, подобно на Flash, наближава. Времето за зареждане на страниците се увеличава до степен, че „зареждането“ съобщения се завръща, уеб страниците стават доста зависими от браузъра, дългите анимации причиняват замръзване на браузъра; звучи познато?

Не ме разбирайте погрешно, аз съм първият, който заявява, че HTML5 и CSS3 са не само бъдещето на мрежата, но и източникът на най-добрите съвременни технологии. Смятам обаче, че някои разговори за повишено внимание са подходящи, ако искаме да избегнем сценарий, подобен на Flash.

Да, новите ни играчки са страхотни, но нека да се забавим за минута и да си зададем няколко важни въпроса преди прилагането.

Важни въпроси

По-долу е груб и непълен списък с въпроси, които трябва да си зададете, преди да внедрите определени технологии от следващо поколение на вашия сайт.

Целта експериментална / образователна ли е?

За тези от вас, които са готови да насочат пръст към мен и ежеседмичното ми предлагане на CSS3 техники, получавам безплатен пропуск (не е ли удобно?). Моята работа е да обсъждам не само текущото състояние на мрежата, но и предстоящите тенденции и технологии. В резултат този блог и други трябва абсолютно да изследват и преподават нови техники, докато възникнат.

Като индивид вие също имате пълно право да експериментирате. Няма нищо лошо в създаването на уеб игрална площадка или личен уебсайт с експериментални функции. Проблемът възниква, когато сте били наети да създадете сайт под предположението, че максималната съвместимост с потребителите е основна цел. Повечето компании няма да са луди да ви наемат да създадете сайт, впечатляващ само за другите уеб дизайнери и леко досаден за всички останали.

Какво се получава? Какво е загубено?

Точно както препоръчах с прилагането на Flash, с всяка нова или експериментална технология, винаги трябва внимателно да претегляте своите плюсове и минуси.

Ползата предимно е естетически тласък? Заслужава ли си леко попадение в използваемостта? Какво ще кажете за голям? От гледна точка на средния потребител, който не е дизайнер, дали този избор ще добави или отнеме от опита?

Например, да кажем, че създавате фантазирано анимирано падащо меню, използвайки чист CSS3 вместо JavaScript, правите ли това, защото е по-впечатляващо или защото знаете, че наистина можете да го направите по-функционален за повече потребители, отколкото ако сте отишли маршрута на JS?

Всичко се връща към дилемата на Иън Малком. Ако се окаже, че можете да изтеглите куп съвременни магьосници на уеб сайт, винаги се питайте дали трябва .

Понякога авансите всъщност ще помогнат за оптимизиране на вашия сайт и да го направят още по-използваем, друг път ще се окажете с раздут код и бавна страница, докато размахвате банера си за напредък. Просто бъдете честни със себе си и преценете къде да начертаете линията.

Ще изпуснат ли някой потребители?

Да речем, че искате да внедрите някои анимации на Webkit Keyframe (една от любимите ми CSS3 екстри) на клиентски сайт, първо прегледайте анализите си, за да видите колко потребители, които не са Webkit, ще изоставите?

Съвместимостта на браузъра беше основен проблем преди HTML5 и CSS3 и сега е само по-лоша. Все пак се прилага същата логика, която винаги сме използвали. Просто не забравяйте да проектирате с всеки основен браузър предвид. Що се отнася до мен, не бива да се чувствате зле от прилагането на специфични трикове и ефекти за браузъра, просто се уверете, че другите потребители все още имат солиден опит.

Очевидно говорим за прогресивно подобрение. Започнете с основна линия на функционалност и естетика, които работят във всички основни браузъри, след което добавете специални екстри за онези, които мислят напред, като използвате наистина модерен браузър.

заключение

В заключение, аз абсолютно обичам HTML5 и CSS3. Прекарвам много време в експерименти и разтягане на границите на онова, което по-рано смятах за възможно. Въпреки това, когато работя върху реални проекти, винаги съм предпазлив да прекалявам и да създавам сайт, който не само изглежда, че е създаден с Flash, но действа като него!

Оставете коментар по-долу и ни уведомете как подходите към използването на нови технологии в сайтовете на клиенти. Приемате ли напълно HTML5 и CSS3 или просто избирателно ги обжалвате там, където могат да бъдат направени истински подобрения?