Пресни ресурси за уеб дизайнери и разработчици (октомври 2012 г.)

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

Нека ги проверим.

Вижте всички наши нови ресурси (според месеца):

• Октомври 2012 г.
• Ноември 2012 г.
• Декември 2012 г.

CSSS

CSSS което означава "CSS-базирана SlideShow System" е рамка, създадена от Леа Веру (известен като CSS гуру). По същество, тази рамка ви позволява да създавате презентационни слайдове с HTML и CSS уеб стандарти. Това слайдшоу поддържа клавишни комбинации ←, →, ↓ и ↑ за да се движите през слайдовете.

Ако правите CSS и HTML, тази рамка мисля, че една (по-добра) подмяна за скъпи софтуерни продукти като MS PowerPoint.

BonsaiJS

Bonsai е лека JavaScript графична библиотека с интуитивен API. Можем да използваме тази библиотека, за да нарисуваме прости форми като правоъгълник, триъгълник, кръг или графика с дълбока сложност. Тази библиотека може да се използва и за доставяне на мащабируеми векторни графики (SVG) в неподдържани браузъри като резервен.

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

Отзивчиви модели

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

Инструменти на Effin

Това вероятно е всичко, от което се нуждаете, за да развиете своя уебсайт. Effin Toolsets е колекция от десетина полезни инструменти за уеб разработчици, опаковани на едно място.

Един от инструментите в тази колекция, който аз лично намирам за изключително полезен, е Entifier, този инструмент ще промени тези знаци, < и >, в техния HTML код, така че кодовият фрагмент да се изобразява правилно вътре в

 свободен край.
 
 
Сузи
 
Susy е отзивчива мрежа за Compass. Подобно на всяка друга отзивчива мрежова рамка, тя се състои от няколко предварително дефинирани стила, но тъй като е изградена с Sass и Compass, тази рамка е много по-конфигурируема.
 
Susy ви позволява да персонализирате номера на колоната, ширината на колоната, канавката и подложката на решетката, което я прави собствена мрежа, която пасва на вашия сайт. Susy ще свърши цялата упорита работа: изчисление. Ако сте супер-маниак, който обича да работи със Sass и Compass, това разширение определено е за вас.
 
 
Безкрайно падащо навигация
 
Едно падащо меню е общ компонент, който намираме на уебсайт. И все пак създаването на падаща навигация не е толкова лесно, колкото изглежда. Хари Робъртс на CSS Wizardry, за щастие, сподели своя “магически код” да създадете безкрайно падащо меню (което е страхотно).
 
 
Бърбън чист
 
Neat е отзивчива рамка, която ви помага лесно да управлявате отзивчив уебсайт. Тя е изградена върху Sass и Bourbon, колекция от полезни миксини за Sass. Тази рамка е Ruby gem, тя може да бъде инсталирана чрез Terminal или Command Prompt с този команден ред gem инсталирате чист.
 
 
Typicons
 
Няма да е достатъчно за икони. Типиците са набор от икони на шрифтове, които се състоят от около 88 знака. Можете да добавите тези икони през @ Шрифт лице да ги приложите към уебсайта си с псевдоелементите на CSS или да ги вградите директно с техния HTML символ.
 
Използвайки webfont, за да доставяте иконите си, можете да имате предимствата да нямате нужда да разположите CSS спрайт и да коригирате фоновата позиция, за да показвате иконите, екранът с висока разделителна способност е готов и технически намалява http заявките и изразходва по-ниска скорост от иконите.
 
 
Annotator
 
Тази библиотека ви позволява да добавяте коментари, маркери и отметки към уеб съдържанието си, а заедно с AnnotateIt можете да съхранявате бележките си безплатно.
 
 
летище
 
Когато сте на летището, ще видите полетната информационна табела с обръщане на текста. С този плъгин jQuery, Airport, ние сме в състояние да създадем един и същ текстов ефект.
 
 
заключение
 
Това е всичко за този месец. Опитвали ли сте някоя от тези неща? Коя е любимата ви? Намерили ли сте други интересни неща за уеб дизайнерите / разработчиците, които сме пропуснали от този списък?.
 
Чувствайте се свободни да ги споделите в полето за коментари по-долу, и бихме искали да чуем и вашите мисли.