Foundation, html5 и css3 библиотека

phone grid
В днешни дни ползването на интернет е възможно от всяка точка на земното кълбо. Производителите на мобилни устройства са в постоянна надпревара при създаването на нови модели. За уеб разработчиците е необходимо продукта им да се визуализира правилно, независимо от устройство или браузера.
Вместо да изгубите куп време, нерви и пари за създаването на мобилна версия на вашия сайт, можете да ползвате Foundation 2.2.

Foundation 2.2 представлява впечатляващa CSS3 / HTML5 библиотека. Създаден от разработчиците на компанията за интерактивен дизайн и стратегии – “ZURB”, намираща се в Кембъл, Калифорния. Зад проекта Foundation стоят над десет години опит в изграждането на уеб базирани приложения и услуги. Лесна за ползване, мощна и гъвкава библиотека за бързо създаване на прототипи и продуктов код съвместим с различни платформи.

В тази библиотека отделните стилове са свързани с ясно именувани класове. Лесно можете да се ориентирате в кода, кое какво е. Готови стилове за елементи на потребителския интерфейс са включени във Foundation, като стилизирани: бутони, карета за съобщения, етикети, така наречените балончета, табове, панели, както и добре познатите ни таблици, при които редовете се редуват автоматично цветово. Много полезни изглеждат хоризонталната и вертикална навигации. Функционират, като падащи менюта и характерно за Foundation ZURB хоризонталното менюто се променя във вертикално при редуциране размера на прозореца и обратно.
foundation buttons

Карета за съобщения можем да сложим, навсякъде, където трябва да информираме потребителя с предупреждение, грешка или каквото и да било друго събитие. Хикса в десния край дава възможност да се отървем по най – бързия начин от съобщението. Етикетите може да използвате, за да добавите мета данни или просто, като обикновено заглавие. Също да откроите нещо важно. Балончетата в html нямат възможност за стилизиране, но всъщност те са бърз начин да покажете допълнителна информация на потребителя. Във „Foundation“ те се активират с добавянето на jQuery скрипт. Съвместими са с различни платформи и браузъри. Могат да бъдат позиционирани горе, долу, дясно и ляво от елемента, за който отговарят и по подразбиране приемат неговата ширина. Панелите си използват за подложка за съдържание и очертават различни секции от страницата. Табовете приличат на своеобразно меню, като позволяват да показвате различно съдържание на дадена страница без да тя да се презарежда. Можем да видим още „breadcrumbs” и микро формати, адаптирани при събития с определено време място на провеждане, както и за информация за контакти. Разработчиците са се погрижели да ни осигурят за някои от елементите по два варианта: Прост и Атрактивен.

tablet Grid
Може да споменем три важни неща, които открояват Foundation и те са:
– Гъвкавата дванадесет колонна мрежа позволява бързо да се създават комплексни оформления.
– Лесно показване и скриване на елементи от сайта в зависимост, какво устройство ползвате мобилен телефон, таблет, компютър или телевизор.
– Няколко добавки като Orbit и Reveal ни помагат да създаваме модални диалогови прозорци и слайдове съдържащи изображения или някакво друго съдържание, като например галерия.

От скоро ентусиазиран фен създаде шаблон за WordPress построена с библиотеката на Foundation. Софтуера е под свободния лиценз на „MIT“ (лиценз за свободен софтуер произлизащ от Масачузетския технологичен институт), позволяващ преизползването на лицензираното с него съдържание в софтуер със затворен код и е съвместим с „GPL“. (лиценз на свободен софтуер).

responsive design | cholakov it
Ще попитате – “Ами как изглежда всичко това в популярните браузъри ?” Foundation се визуализира чудесно под IE 8+, Firefox, Safari, Chrome, както и мобилните верси „Mobile Webkit (iOS 5) и Android Browser“. ZURB явно държат на обратната връзка със своите потребители. Наблегнали са на това свободно да можем да се свържем с тях и представим своите отзиви свързани с библиотеката. Удачен начин да привлекат нови последователи, които да развиват основите на Foundation.

На сайта на „ZURB’s Foundaiton“, има приятно оформена за четене документация, както и възможност да свалите последната версия на Foundation, която в момента е 2.2.0 от 21.02.2012г. Публикувани са сайтове построени с тази библиотека.

12 thoughts on “Foundation, html5 и css3 библиотека

  1. Thank you a lot for sharing this with all folks you really recognize what you are talking approximately! Bookmarked. Kindly additionally consult with my website =). We will have a link alternate agreement between us

  2. I have fun with, result in I discovered just what I was having a look for. You’ve ended my 4 day long hunt! God Bless you man. Have a nice day. Bye

  3. Its such as you read my mind! You seem to know so much approximately this, such as you wrote the e book in it or something. I think that you just could do with a few percent to force the message house a little bit, however instead of that, this is wonderful blog. A great read. I will certainly be back.

  4. Have you considered adding some differing opinions to the article? I think it will really enhance my understanding.

  5. We are a gaggle of volunteers and starting a brand new scheme in our community. Your web site provided us with valuable information to work on. You’ve done a formidable job and our whole community will likely be grateful to you.

  6. I just want to say I am just all new to weblog and really liked your web blog. Very likely I’m want to bookmark your blog . You definitely come with great well written articles. Many thanks for sharing with us your web page.

  7. I simply want to tell you that I am just newbie to weblog and seriously loved your web blog. Probably I’m likely to bookmark your website . You absolutely have excellent articles. Regards for sharing your web site.

Вашият коментар

Вашият email адрес няма да бъде публикуван Задължителните полета са отбелязани с *