Свежие ресурсы для веб-дизайнеров и разработчиков (ноябрь 2020 г.)

Мы почти подошли к концу 2020 года. В этом году произошло много беспрецедентных вещей, но это не мешает нам делиться свежими ресурсами для наших коллег-разработчиков.

В этом раунде серии мы собрали ресурсы, которые могут помочь разработчикам улучшить их понимание Интернета, такие как руководство по DOM (объектной модели документа), JavaScript и Hacklang, а также инструменты, которые помогут сделать их более продуктивными. Давайте перейдем к полному списку.

Понимание DOM
DOM – это API, предоставляемый браузерами, который позволяет вам получить доступ к HTML на веб-странице. Эта книга поможет вам понять DOM и направит вас по доступу к древовидной структуре DOM и перемещению, а также по изменению элементов, атрибутов, классов, стилей и событий для создания интерактивных веб-сайтов.
Pwned пароли Laravel
Расширение Laravel, которое позволяет проверить, был ли пароль взломан и небезопасно ли его использовать. Удобное расширение, которое мы можем использовать, чтобы гарантировать, что у всех зарегистрированных пользователей есть надежный и надежный пароль.
Поиск оператора
Возможно, вы знакомы с некоторыми операторами JavaScript, такими как ==,! = И <=. Но задумывались ли вы, что это за || =, ?? = и% =? На этом веб-сайте представлен полный список этих операторов и краткое его пояснение с некоторыми примерами. Отличный ресурс, который поможет вам глубже понять JavaScript.
Reqres.in
Предоставляет фиктивный API для моделирования сценария приложения, такого как получение данных, аутентификация пользователя и состояние загрузки. Очень полезно для быстрого создания прототипа идеи или демонстрации демонстрации без необходимости настраивать API с нуля.
Q
Новая тема WordPress для демонстрации экспериментальной функции редактирования всего сайта в WordPress. После Гутенберга это будет новый сдвиг парадигмы в WordPress, поскольку он позволяет пользователям редактировать контент, виджеты, меню и многие другие вещи прямо из интерфейса. Если вы хотите испытать будущее WordPress, вы можете установить эту тему.
Отзывчиво.app
Приложение, в котором вы можете создавать несколько настроек устройства и просматривать их в одном окне бок о бок. Это позволяет быстрее разрабатывать и тестировать адаптивный веб-дизайн.
Фавикон
Делает создание значка простым и быстрым. Вы можете выбрать форму, размер, цвет и даже смайлики для добавления в значок. Этот инструмент автоматически сгенерирует HTML-код ссылки и SVG.
MathJax
Библиотека JavaScript для отображения нотаций LaTeX, MathML и AsciiMath, доступная и работающая в современных браузерах. Он предоставляет обширную конфигурацию для изменения вывода, такого как форматирование вывода, шрифт и разрыв строки.
Безумие
Родное приложение Windows для векторного дизайна от Icons8. Он имеет встроенный доступ к ресурсам, таким как значки, фотографии, векторные иллюстрации. По сравнению с другими аналогичными приложениями Lunacy работает в два раза быстрее и совершенно бесплатно.
Saaze
WordPress – мощная CMS для создания практически любого веб-сайта. Но создание «статического» сайта обычно требует крутого обучения и инструментов, чтобы заставить его работать. Вот где приходит Saaze. Это просто и просто работает. Работает на PHP, поэтому вы можете разместить его на любом хостинге с поддержкой PHP.
Hacklang в Slack
Hacklang или также известный как HHVM – это расширенный набор PHP, разработанный для создания более надежного и производительного PHP, используемого в Facebook. Затем он прекращает поддержку PHP в 2018 году, что позволяет добавить множество интересных функций программирования, которые в настоящее время отсутствуют в PHP, такие как Универсальный, Async, Awaitable, Shape и более совершенная система типов и т. Д. Посмотрите, как Hacklang поддерживает одно из самых популярных приложений, Слабина.
Инструменты разработчика VSCode Edge
Расширение, которое позволяет запускать и использовать Microsoft Edge DevTools, позволяющие видеть структуру HTML, изменять ее макет, исправлять проблемы со стилями, а также сетевые запросы из редактора кода VS.
Laravel Breeze
Минимальный шаблон для создания приложения Laravel со встроенной аутентификацией, Tailwind для стилей и Blade для шаблонов. Если вы чувствуете, что Laravel Jetstream ошеломляет, Laravel Breeze будет хорошей альтернативой.
Faker.js
Библиотека JavaScript для создания поддельных данных. С его помощью мы можем генерировать такие данные, как имена, адреса, номера, электронные письма, изображения и даже аватары, и многие другие. Очень удобно для тестирования вашего веб-приложения.
Я л
Приложение для мониторинга состояния macOS, в котором вы можете проверять использование ЦП, использование памяти, использование батареи, работу вентилятора, а также подключение и отключение сети. Eul, созданный на основе SwiftUI, совместим с macOS Big Sur и темным режимом.
Winapps
Приложение для Linux, позволяющее запускать приложения Windows, такие как Microsoft Office. Приложение будет работать, как если бы оно было частью ОС, включая взаимодействие с приложением, например щелчок правой кнопкой мыши. Это отличная альтернатива Вино.
Бутон
Создайте интерфейс командной строки для создания новых блоков редактора WordPress, также известных как Gutenberg, которые настраивают все зависимости и настройку для создания, чтобы вы могли немедленно сосредоточиться на разработке.
Рыночный текст
Простой редактор разметки с упором на скорость и удобство использования. Он поддерживает несколько разновидностей Markdown, включая CommonMark, GFM, а также Пандок.
Локи
Дополнительный инструмент для StoryBook это упрощает выполнение теста «визуальной регрессии» в вашей библиотеке пользовательского интерфейса. Вкратце, «визуальный регрессионный тест» позволяет нам увидеть изменения с помощью снимков экрана и сравнения содержимого этих снимков экрана.
Статический анализ
Огромный набор инструментов для статического анализа для любого языка программирования, включая Python, Ruby, C и PHP. Инструмент статического анализа кода позволяет нам обнаруживать потенциальную ошибку в коде, не выполняя код. Это удобный инструмент, который поможет вам поддерживать качество кода, сводя к минимуму ошибки в кодах.