Шта је одзиван веб дизајн

• Може 4, 2024

Постоје три главне карактеристике респонзивног веб дизајна, а то су флуидни изглед, промене величине слика и медијски упити. Медиа упити нису баш толико нови у веб дизајну. Почевши од врсте медија у ЦСС2.1, могли бисмо дизајнирати таблице стилова и за веб и за штампање, помало обезбеђујући да ће веб страница изгледати исто на екрану и када се штампа. Ово је прешло у медијске упите у ЦСС3. Овај упит провјерава ширину медијског уређаја (мак-ширина уређаја) и тестира га на постављену вриједност попут 480пк или 768пк. Као одговор на овај упит, користимо ЦСС стилове да променимо изглед течности и променимо величину слика на екрану.

Лако можете тестирати да ли веб локација има брзи дизајн. Започните са прегледачем на целој ширини екрана рачунара. Затим повуците десну ивицу прегледача улево да бисте смањили ширину прозора прегледача. Требали бисте видети да слике постају мање и изглед ће имати плутајуће див-ове који су један поред другог и слагати их вертикално. На пример, ако имамо шест слика (шест див-ова) у ретку на страници галерије преко целог екрана, јер смањујемо ширину екрана, број слика у реду се прогресивно смањује и слаже по потреби. Једном када се ширина смањи на одређену количину, слике ће почети мање величине. Ако пажљиво посматрате, видећете и да се одређени елементи дизајна, попут навигационих веза, могу свести на икону или чак нестати. Ово такође контролише табела ЦСС стилова.

Приликом дизајнирања веб локација, узмите у обзир не само како ће елементи дизајна веб страница изгледати на целој ширини екрана, већ и како ће изгледати када су сложени. Размотрите који се елементи дизајна могу уклонити са екрана на мањој ширини екрана без смањења функционалности веб локације. Како се карактеристике и технологија одговарајућег дизајна брзо мењају, праћење свих побољшања може бити много времена. Ако бисте радије потрошили своје вријеме на дизајнирање умјесто на кодирање, погледајте неке од прелијепих респонзивних тема доступних за Вордпресс. Ако сте мала дизајнерска фирма, можда бисте требали размотрити полазиште од једног од ових одговарајућих изгледа тема при дизајнирању веб локација.

Видео Упутства: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie (Може 2024).