Пресни ресурси за уеб дизайнери и разработчици (август 2016 г.)
В тази статия ние представяме рамки на списък и инструменти, които са насочени към уеб разработки. Интересното е, че намерих няколко от тези инструменти и рамки, идващи от гигантски корпорации като Microsoft и Alibaba.
Това е добър знак, тъй като повече компании вече допринасят за отворен код и помагат за оформянето на по-добра мрежа. Нека да разгледаме какво се очаква от компилацията за този месец.
Кликнете за още ресурсиКликнете за още ресурси
Намерете цялата ни колекция от препоръчителни ресурси и най-добрите налични инструменти за уеб дизайн и разработка.
CuteStrap
UI рамка, изградена върху Sass. Той идва с всички най-често използвани уеб интерфейси като форми, навигации и бутони, което в много случаи трябва да е достатъчно. Ако намерите популярни рамки като Bootstrap и Foundation, които преобладават, Cutestrap може да е чудесна алтернатива за вас.
Тест за HTML5
Тест за HTML5 е онлайн инструмент, който ще провери доколко браузърът поддържа най-новите HTML5 спецификации. Това е удобен инструмент за тези, които участват в отстраняването на грешки и тестване на съвременни уеб приложения.
Калории на браузъра
Калории на браузъра е разширение на Chrome, което измерва теглото на уеб страницата. Той сканира заредените файлове и техния принос към общото тегло на страницата. Голям малък инструмент, който ви помага да оптимизирате ефективността на уебсайта си.
Weex
Weex е рамка от Alibaba за изграждане на мобилни приложения само с HTML, CSS и JavaScript. Той идва с модули, компоненти на потребителския интерфейс, собствените си DevTools и CLI, който е предназначен за мобилна среда и ускорява развитието.
Microsoft Web Framework (MWF)
Рамка от Microsoft, компонентите на потребителския интерфейс в MWF е изграден на базата на съвременния дизайн на Microsoft: плосък, чист и минималистичен. Тази рамка, освен компонентите на потребителския интерфейс, също дава насока за използването на цветове, типография и анимация. Мисля, че Material Design Lite най-накрая срещна равен претендент.
жизненоважен
жизненоважен е рамка с много приятен минимален интерфейс. Той е лек, няма JavaScript, а родния е Rogue - синтаксичен светец, базиран на Ruby.
Fontea
Fontea е безплатно приложение за Photoshop, което лесно управлява и прилага стотици шрифтове на Google. Можете да търсите шрифта от Photoshop, да го визуализирате и да приложите шрифта директно в дизайна - оптимизирайте работния си поток.
ръми
Това е инструмент, който ви позволява да изграждате UI модели или ръководство за стила за вашия уеб сайт. Той ще генерира неща като цветовете, основните стилове или оформление за компонентите, както и кодовия фрагмент. Генератор за стил като ръми ще ви позволи да останете в съответствие със стила на уебсайта си.
интеркулер
InterCoolerJS е JavaScript библиотека, която прави прилагането на AJAX на вашия сайт толкова лесно, колкото добавянето на атрибути HTML. Той идва с обширно ръководство и много примери, които да ви помогнат да започнете да използвате инструмента.
Picla
Picla е плъгин jQuery, който показва етикетите на изображенията, получени от изображението н
атрибут. Той предлага няколко опции, които ви позволяват да добавяте персонализиран стил и движение към етикета. Picla може да се инсталира като зависимост от сайта ви с Bower.
IziModal
Ето един jQuery плъгин за показване модален изскачащи прозорци. IziModal има много опции за персонализация. Можете например да персонализирате анимацията, текстовото съдържание, цветовете. Той е лек, отзивчив и готов за ретина.
MegaBoilerplate
MegaBoilerplate е генератор, който бързо настройва стека за развитие. Отидете на уебсайта и изберете кои инструменти и библиотеки (Node.js, HTML5, Vanilla JavaScript и Electron) ще използвате като база за уебсайта си. Той ще компилира и конфигурира всички неща, от които се нуждаете, в компресиран пакет, готов за изтегляне.
бисер
Библиотека на JavaScript за показване на модерен аудио плейър с помощта на Web Audio API, бисер работи в стари браузъри като IE9 и поддържа много аудио кодеци като MP3, WEBM, WAV. Много функции, модулни и работи без външна библиотека.
SuperEmbed
SuperEmbed е малка библиотека на JavaScript, която прави вградените обекти отзивчиви, като запазва първоначалното съотношение. Той поддържа широк спектър от източници, включително Youtube, Flickr, Vine, VideoPress и DailyMotion. Вижте демото.
CleaveJS
поря е JavaScript библиотека, която автоматично форматира стойностите във входа. Той може например да добави разделителя за хиляди във входа на валутата, да добави място в входа с номера на кредитна карта или да добави /
в датата на въвеждане. Използвайте тази библиотека, за да обслужвате по-добре потребителите.
Обличане типично
FlippingTypical ви позволява да видите всички шрифтове, инсталирани на вашата система. Смятам, че това приложение е по-удобно от това FontBook app в macOS. Въвеждам произволен текст и виждам кои от шрифтовете в системата ми изглеждат най-добре.
LightTable
Нова IDE, която мисля, че си струва да се проучи. Стартира като проект KickStarter, подкрепен от Мат Мъленвег (основател на WordPress), и накрая излезе с отворен код. Можете да гледате това видео, за да получите представа за това колко готин е този IDE.
компресор
компресор е уеб приложение, което компресира файлове с изображения до най-малкия размер, без да губи визуално качество. Той поддържа и JPG, GIF, PNG и SVG. Това приложение е безплатно.
Сканиране на сайта в Microsoft
Това е удобен инструмент от Microsoft за анализиране на уебсайта ви за проблеми като съвместимост с браузъра и достъпност. Инструментът ще изведе доклад, който ви казва, ако нещо не е наред за вашия уебсайт и как можете да продължите с решаването на проблема. Пробвам!
Деактивирайте Blogging
Този плъгин, както подсказва името, ще премахне функции за блогове като публикации, коментари и емисии. Това е правилният плъгин за вас, ако не се нуждаете от функцията за блогове в WordPress.