Съдържание
- 01. Може да не ви е необходим JavaScript
- 02. HTML имейл
- 03. Прежда
- 04. Отворен цвят
- 05. Клуб FramerJS
- 06. Юго
- 07. Фукол
- 08. Изтегляне на уебсайтове
- 09. Модели на герои
- 10. Google Noto шрифтове
В наши дни много от нас работят върху сайтове, които включват сложна плетеница от зависимости; ако това сте вие, този месец има няколко инструмента, които могат да ви помогнат - независимо дали това е под формата на мениджър на зависимости, за да поддържате всичко организирано, или ресурси, които ви помагат да ги избегнете изобщо.
Има и малка Flexbox-базирана мрежова система, която е умалена само до 93 байта, изтеглящ уебсайт, SVG модели и ново семейство шрифтове от Google.
01. Може да не ви е необходим JavaScript
Защо да създавате допълнителна зависимост за себе си, когато не се нуждаете от нея? Този сайт ви показва как да направите неща, които може да се изкушите да изградите с JavaScript, използвайки HTML, CSS или Sass. Примерите включват плъзгач на изображение, превключвател на изглед, избор на цвят, формуляри, качване на файлове и др.
02. HTML имейл
Ако някога сте се опитвали да създавате HTML имейли, ще знаете колко трудно е всичко да се показва правилно във всеки клиент. Включете мобилния телефон в картината, където тези дни ще бъдат отворени половината от имейлите ви и това е ужасна работа. Тези имейл шаблони са тествани във всички основни клиенти за електронна поща, за да ви спестят неприятностите да го направите сами. Ако искате да опитате безплатна алтернатива, изпробвайте шаблоните на общността на Litmus.
03. Прежда
Преждата е бърз, надежден и сигурен мениджър на зависимостите. Той кешира пакети, така че те се изтеглят само веднъж; проверява всеки от тях преди да изпълни какъвто и да е код; и инсталира зависимости по детерминиран начин, така че ако в дадена инсталация работи на една система, тя ще работи на друга.
04. Отворен цвят
Open Color е цветова схема, която е тествана за два вида далтонизъм и е установена, че е подходяща за използване в потребителски интерфейси. Има дванадесет цвята и един сив и се предлага като CSS, SCSS, LESS, Stylus, библиотека на Adobe, образци Photoshop / Illustrator и палитра Sketch.
05. Клуб FramerJS
Разгледайте какво правят всички с FramerJS в FramerJS Club, витрина на прототипи. Много от тях водят до публикации в блогове от създателите, обясняващи какво са направили и защо.
06. Юго
Hugo е бърз и модерен статичен двигател на уебсайтове. Но защо бихте използвали това вместо Jekyll? Едно от предимствата е, че има само един двоичен файл, така че не е нужно да поддържате пълен стек Ruby. Също така се казва, че е много по-бърз от Jekyll при генерирането на вашия сайт, така че само това може да е причина за превключване. Ето публикация в блога за преживяването на един потребител.
07. Фукол
Тази впечатляващо малка Flexbox-базирана мрежа мрежа е само 93 байта минимизирана! Той се разгражда до оформление с една колона на места, където Flexbox не се поддържа и вместо да използва точки на прекъсване, използва техника за заявка на елементи, така че елементите да растат, за да запълнят наличното пространство. Можете да си поиграете с него на CodePen тук.
08. Изтегляне на уебсайтове
Този браузър, базиран на браузър на сайтове, грабва всеки актив и целия изходен код от целевия сайт и пресъздава структурата на папките на вашия твърд диск. Всички връзки се преобразуват, така че насочват към съответните локални файлове, вместо към онлайн версиите.
09. Модели на герои
С нарастването на популярността на SVG започваме да виждаме още няколко ресурси. Тези повторяеми, персонализируеми SVG фонови модели изглеждат удобни за нас и са напълно безплатни.
10. Google Noto шрифтове
Когато устройството няма шрифт за показване на определени символи, те се появяват като мръсни полета, известни като тофу. Noto означава "няма повече тофу" и е семейство шрифтове, предназначено да поддържа всички езици и да се надяваме да сложи край на тофу.