Заполните коллекцию 50 высококачественными веб-ресурсами в интерфейсе ~

Это 15-й день моего участия в ноябрьском испытании обновлений. Узнайте подробности события:Вызов последнего обновления 2021 г.

Эта статья переведена с:en AR.academy/50-tool-oh где...

И снова эта дыня здесь~Для сбора онлайн-ресурсов веб-технологий никогда не сдавайтесь!

Ссылка 🔗 — это новый мир 🌏! Открывай 🏄‍!

1. Browser Default Styles

допустимыйBrowser Default StylesЗапросите стиль элементов HTML по умолчанию в каждом браузере;

2. Clippy

допустимыйClippyОбрежьте изображение и сгенерируйте соответствующее свойство clip-path css;

3. CSS keyframes

CSS keyframesМожет помочь вам создать анимацию кадров CSS;

4. Neumorphism.io

Neumorphism.ioПомочь вам создать новые миметические стили пользовательского интерфейса;

5. CSS Cursors

CSS CursorsСделайте ваш курсор достаточно крутым;

6. CSS Grid Generator

CSS Grid Generator, как следует из названия, для помощи в создании CSS Grid;

7. Placeholder Image Generator

Placeholder Image GeneratorПомогает создать информацию-заполнитель, где изображения не загружены;

8. Htmldom

Htmldom: коллекция чистого нативного кода JS, помогающего манипулировать DOM;

9. HTML5 head elements

HTML5 head elementsЭто самое сильное руководство по установке тега head, действительно сильное;

10. Input Type Sandbox

Установите и подтвердите ввод в поле ввода,Input Type SandboxСуществуют различные типы, специализированные и сложные;

11. Meta Tags

Meta TagsПомочь вам автоматически экспортировать метатеги популярных социальных сетей (таких как Facebook, Twitter, Google...) для использования;

12. Can I Include

Can I IncludeПомогает определить, могут ли элементы HTML быть вложенными;

13. Key codes

Key codesПомочь вам легко найти коды клавиш, соответствующие клавишам клавиатуры, для настройки мониторинга событий;

14. Color contrast checker

Color contrast checkerПомогает вам проверить контраст между двумя цветами в веб-дизайне;

15. Git Command Explorer

Git Command ExplorerПомочь вам полностью понять и изучить команды Git;

16. Make thumbnails

Make thumbnailsПомочь вам легко создавать миниатюры изображений;

17. Can I Email

Can I EmailПомогает вам увидеть, какие свойства HTML и CSS поддерживаются в электронных письмах;

18. Trianglify

TrianglifyСоздавайте красивые фоны для вашего сайта;

19. CSS Layout

CSS LayoutКоллекция популярных макетов CSS, которые помогут вам легко выбрать правильный дизайн веб-сайта;

20. FANCY-BORDER-RADIUS

FANCY-BORDER-RADIUSПомогает создавать объекты, задавая формы с помощью свойства CSS BORDER-RADIUS;

21. 1loc

1locЭто веб-сайт с комплексными решениями, который поможет вам решить различные проблемы, часто возникающие при программировании JS;

22. Color Namer

Color NamerПусть каждый цвет имеет уникальное имя;

23. BrowserFrame

BrowserFrameДобавьте фон браузера на свой сайт;

24. CSS Scan

CSS ScanСобрано множество веб-сайтов с эффектом box-shadow;

25. Favicon

FaviconПомочь вам создать бесплатный FavIcon;

27. Simple CSS Media Query Generator

Simple CSS Media Query GeneratorПомочь вам легко получить медиа-запросы;

28. Mix Font

Mix FontОткрывайте и создавайте новые шрифты веселым и простым способом;

29. Omatsuri

OmatsuriКоллекция дизайнерских инструментов для веб-сайтов, таких как создание треугольников с помощью CSS, создание стилей отображения курсора веб-сайта, HTML-символов и т. д.;

30. Underline Generator

Underline GeneratorПомочь вам создать красивое подчеркивание;

31. Checkboxes & Radios CSS Generator

Checkboxes & Radios CSS GeneratorСоздание флажков и радио;

32. Convert Images to Base64

Convert Images to Base64Преобразуйте изображение в формат base64;

33. Responsively

ResponsivelyПомочь вам просмотреть производительность сайта на нескольких устройствах;

34. UI Design Daily

UI Design Daily: сеть агрегации дизайна пользовательского интерфейса;

35. Devdocs

Devdocs: Сеть агрегации документов развития;

36. Shortcode

ShortcodeПомочь вам решить распространенные проблемы в программировании с короткими кодами;

37. Public-apis

Public-apisПредоставьте бесплатный API для вашего сайта и получите доступ к бесплатным данным;

38. CSS Grid Layout Generator

CSS Grid Layout GeneratorПомочь вам быстро построить сложные системы сетки с помощью CSS;

39. CSS Duotone Generator

CSS Duotone GeneratorПомочь вам установить свойства CSS изображений, такие как расстояние, непрозрачность, размытие, цвет и т. д. изображений;

CSS3 GeneratorПомогает быстро создавать сложные свойства CSS3, такие как тени, градиенты, эффекты перехода и многое другое. Кроме того, для каждого свойства предоставляется подробная информация о поддержке различных браузеров;

41. Box Model

Box ModelПомочь вам более интуитивно проверять настройки отступов, полей и свойств границ веб-объектов;

42. Animated CSS Background Generator

Animated CSS Background GeneratorПомогает создавать анимированные фоны, заимствуя цвета. Кроме того, также предоставляются некоторые другие конфигурации свойств, такие как количество, размер, средняя скорость и т. д.;