Начална » Уеб дизайн » Пресни ресурси за уеб дизайнери и разработчици (юни 2015 г.)

    Пресни ресурси за уеб дизайнери и разработчици (юни 2015 г.)

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

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

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

    Потвърдете със среден стил

    Средството е похвалено за неговия дизайн; оформлението и потребителският интерфейс изглежда са били добре обмислени. Освен това, той също така вдъхновява уеб разработчиците да разработват JavaScript или CSS библиотеки, за да репликират потребителския интерфейс. Среден стил Потвърждаване е една JavaScript библиотека, която прилича на изскачащ или диалогов прозорец в Medium.

    пингвин

    Penguin е нова рамка, която можете да използвате като основа на уебсайтовете си. С инструменти като Grunt и Sass можете лесно да добавяте или премахвате библиотеки или CSS, които не ви трябват от рамката, което я прави възможно най-лека. Това е и добра алтернатива за Bootstrap и Foundation.

    Elevator.js

    Виждали ли сте този бутон в уебсайт, който ви позволява да плъзнете до върха на страницата? Повечето бутони ви отвеждат до върха, но с Elevator.js получавате плъзгащ ефект на ускорение, подобен на асансьора, музиката и “камбанен звън!” звук, след като стигнете последния етаж. Много хубаво!

    X-Instagram

    X-Instagram е полимерен потребителски елемент, който дърпа и показва изображения от Instagram по таг. Този елемент прави целия процес много по-лесен. Ние просто добавяме елемента точно като нормален HTML елемент и указваме ключовата дума като атрибути на елемента.

      

    И нека магията да започне!

    CamanJS

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

    ClusterizeJS

    Clusterize.js е JavaScript библиотека, която ще увеличи производителността при работа с много данни в таблици. Докато превъртате надолу таблица с, да речем, 5000 в списъка, обикновено опитът ще се превърне в лаг и резки. Библиотеките на JavaScript ще разрешат този проблем, което ще направи плавното превъртане гладко плаване по целия път.

    Седнете теста

    Седнете теста е сбор от въпроси за оценка на вашите умения и познания по CSS3, HTML5 и JavaScript. На всеки тест се задават редица въпроси и ограничено време за попълване на всички тези въпроси. Това е добър източник, за да разберете колко добри сме наистина с тези езици.

    HTML стрелки

    Това е колекция от специални Unicode символи, които можете да вградите в HTML и CSS. Тези знаци включват стрелки, валута и пунктуация. Ще откриете, че понякога нямате нужда от иконата на шрифта за показване на тези знаци.

    Flickity

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

    Typeslab

    Typeslab е удобен инструмент за създаване на плакат тип Slab. Просто напишете съдържанието и изберете шрифта, Typeslab ще генерира постера веднага. След това можете да го изтеглите или да го публикувате в Imgur.

    MatchMedia

    Matchmedia е библиотека, която копира CSS медийни запитвания. Библиотеката всъщност не е толкова свежа, но е наистина полезна библиотека, която реших да поставя в списъка. Ако трябва да направите скриптове на базата на размера на визуализацията на потребителя или типа му носител, това е библиотеката, която искате.

    Следното е пример, използван за стартиране на скрипт с размери 320px и под видимия екран:

     if (matchMedia ("само екран и (max-width: 320px)"). съвпадения)  

    Sass Burger

    Sass Burger идва с Mixin, който ви позволява да създадете a “хамбургер” и го превърнете в кръстосан знак с по-малко неприятности.

    Маркс

    Маркс е колекция от CSS стилови правила, които правят стиловете на елементите по-последователни. Той може да се персонализира (с Sass), лек и работи извън кутията. Добра алтернатива на вече популярните инструменти за рестартиране на CSS като Normalize.css.

    CSS.js

    CSS.js се използва за разбор на CSS файлове за декларация на стил. Първоначално библиотеката беше използвана за екипа на Jotform, за да изгради WYSIWYG опит за редактиране на формуляри с CSS. Сега са го отворили, за да можем всички да я използваме. Струва си да спестите, само в случай, че ви потрябва по-късно.