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

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