1234 Приходите снова, продолжайте делиться новыми 10 «WOW» веб-ресурсами, коллекция равна изучению ~

внешний интерфейс дизайн внешний фреймворк
1234 Приходите снова, продолжайте делиться новыми 10 «WOW» веб-ресурсами, коллекция равна изучению ~

Предыдущий"Порекомендуйте 10 очень "вау" веб-ресурсов для фронтенд-работников, сбор равен обучению~"Рабочие ответили положительно,Кажется, что все никогда не бывают мягкими на хороших ресурсах!Вау ха-ха!

Поставьте статистику:image.png

А? Сколько стоит количество баллов и количество коллекций? ? ? Позвольте мне Кан Кан, который такой грубый коллега, только собрать, не нравится? ? ? Бамбук Не допускайте этого снова ~~ Эта статья должна! ! 😚 (подсказка)

8BA47D8442A8FC7AC3893CDC30D72A0CE0E60663_size1330_w250_h245.gif

Без лишних слов, в этой статье представлены 10 новых «вау» веб-ресурсов,помчался! ! ! (๑•̀ㅂ•́)و✧🎉

1. responsively

responsivelyДля чего ты ешь? Картинка и вы поймете:

image.png

Вы можете зайти на него на свой веб-сайт и одновременно увидеть производительность адаптивного макета на разных устройствах~

И поддерживает пользовательский выбор устройств, экспорт в виде изображений и т. Д .;Адаптивная верстка, один интерфейс имеет панорамный вид!👀 Больше не нужно возиться с консолью~~

Сестринская газета UI назвала 🐂🍺, когда увидела это! !github star 13k+

68747470733a2f2f726573706f6e736976656c792e6170702f6173736574732f696d672f726573706f6e736976656c792d6170702e676966.gif

2. figlet

Хочешь пошалить на консоли,figletСразуНе следует упускать~~

в проектеnpm install figlet(Различают окружающую среду: узел / Vue / браузер);

image.png

Есть больше элементов конфигурации для изучения;

image.png

Еженедельные загрузки библиотеки стабильны на800kНалево и направо 😍, слишком свирепо! Если вы не будете использовать его в своем проекте в ближайшее время, продакт-менеджер не сможет не похвалиться: «Подробности!»

3. readme.so

Как подсказывает название,readme.soЭто используется для быстрого создания стандартного файла README~

image.png

Правка слева, предварительный просмотр справа, все необходимые элементы README легко доступны;Технические характеристики! стандарт! Приятно!

Он также поддерживает загрузку на локальный сервер, при этом есть ли кто-нибудь, кто не может написать README?

4. smalldev

Такие средства разработки довольно распространены, ноsmalldevПреимущество в том, чтоПолнофункциональный, дорогой, без рекламы😎;

Кровать для совместного использования кода, форматирование JSON, шифрование и дешифрование base64, форматирование HTML/JS/CSS, сжатие SQL, генерация карты-заполнителя, генерация тестовых данных и т. д.;

image.png

5. smartmockups

говорятsmartmockupsДа:Лучший генератор шаблонов продуктов для создания потрясающих шаблонов продуктов!

image.png

Помимо размещения картинок, вы также можете размещать веб-страницы (автоматически захватывать контент);

Поместите на него мою домашнюю страницу, эм, эффект хороший, его нужно использовать так! (Мама, я в телевизоре~) 😄

image.png

6. pfpmaker

Артефакт обработки аватара! Эффект может быть разным!

image.png

Бенгуа сделал аватарку для своего хорошего друга Аджана:

image.png

Фактических результатов обработки намного больше, чем показано на скриншотах, а также поддерживается настройка в зависимости от ваших причудливых предпочтений подбора цветов~~ (❤ ω ❤)

7. storytale

Расширенные иллюстрации, сотни людей не устают;

image.png

Разнообразие стилей рисования, полных веселья;

image.png

Скриншотов больше нет.open the linkпопробуйте это;

Но есть плата за скачивание. . . . . . Но вы также можете нажать Alt+A или PrtSc 🐶

8. type-scale

type-scaleЭтот веб-сайт используется для визуализации разницы между различными размерами шрифта, значениями rem и em и поддерживает предварительный просмотр в реальном времени;

image.png

Он подходит для пользователей внешнего интерфейса с уровнем пикселей с тонкими кнопками или для пользователей внешнего интерфейса, которые хотят увидеть эффект шрифта с родственной бумагой пользовательского интерфейса;

9. remove-bg

Эта дыня - точка кипения первой рекомендации этого сайта, это продолжается уже 2 года 😶

image.png

Сайт переработан, но эффект все равно хороший! 👍

image.png

Пристегните фоновую картинку, ищитеremove-bg!

10. metatags

Вы можете просмотреть эффект отображения вашего сайта на других платформах на этом сайте;

image.png

Хотя в настоящее время он поддерживает иностранные социальные приложения, он также дает нам хорошую идею: «Вы можете скопировать это!» 🐶🐶🐶

Это определенно хороший инструмент для предварительного просмотра производительности ссылки разработчика на других платформах.Нужно!


Ну, выше это обмен, иголкой не ткнули~Надеюсь, вы тоже сможете использовать эти инструменты с удовольствием o( ̄▽ ̄)ブ

image.png

Писать статьи непросто, ставьте лайки и поощряйте 👍👍👍👍👍

Я Энтони Наггетс, вывод раскрывает информацию, техническое понимание жизни, до свидания~