Пресни ресурси за уеб дизайнери и разработчици (август 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.