Свежие ресурсы для веб-дизайнеров и разработчиков (декабрь 2017 г.)
“Безголовая CMS” привлекает большое внимание в эти дни. В двух словах, “безголовая CMS” не имеет дело с интерфейсом; только CMS выставляет содержание обычно в форме RESTful API в то время как разработчики могут использовать все, что они предпочитают, для визуализации контента. С ростом популярности этой практики, появляются новые фреймворки для быстрой настройки и запуска.
Итак, в этом обзоре я собрал несколько таких платформ вместе с некоторыми другими полезными инструментами, которые стоит проверить.
Безголовый WP Starter
Это начальная тема WordPress, но в отличие от других, эта начальная тема использует WP-API для получения контента и его рендеринга в статический HTML используя Node и React, делая ваш сайт “без головы”.
VueStoreFront
VueStoreFront является еще одним “Безголовая CMS” фреймворк. Построен на вершине Vue.js и Node, VueStoreFront и предназначен для платформ электронной коммерции, таких как Magento, Prestashop и Shopware через API. Он также включает в себя подход PWA, который позволяет использовать сайт не в сети.
GatsbyJS
Гэтсби это статический генератор сайта построен с React.js. Вы можете использовать CMS с такими API, как WordPress, Markdown, JSON для подачи контента. Точно так же он использует некоторые новейшие технологии, такие как Node, PWA и React, которые позволяют ему загружаться невероятно быстро.
DustPress
DustPress - это WordPress стартовая тема с современным подходом к разработке. Используя язык шаблонов Dust.js, DustPress отделяет макет шаблона HTML от логики PHP, что позволяет разработчикам создавать более чистый код. Это также делает разработка происходит быстрее, удобнее в обслуживании и придает теме организованную структуру.
VSCode Иконки
Visual Studio Code быстро стал одним из самых популярных редакторов кода. это легкий, имеет множество плагинов, и теперь он имеет выбор различных иконок. Если вам по умолчанию скучно значок кода Visual Studio, переключитесь на любой из этих значков..
TailWindCSS
TailWindCSS - это еще один CSS-фреймворк. Но он отличается от популярных CSS-фреймворков, таких как Bootstrap и Foundation, тем, что не предоставляет компонентов пользовательского интерфейса. Вместо, TailWindCSS поставляется с небольшими кусочками классов CSS, которые позволяют вам создавать свой собственный интерфейс.
Traefik
Я экспериментировал с Docker и задавался вопросом, как перенаправить доменное имя в несколько разных контейнеров на одной машине. Затем я нашел Traefik, современный HTTP обратный прокси и балансировщик нагрузки. Помимо Docker, он также поддерживает другие сервисы, такие как Kubernetes, Rancher и Amazon Elastic Container..
CubeUI
Построенный поверх Vue.js, CubeUI является фантастический компонент пользовательского интерфейса для создания мобильных приложений. Состоит из множества компонентов, таких как Button, Popup, TimePicker, Slide и Checkbox. Каждый компонент поставляется с TestUnit, обеспечивающим непрерывную интеграцию, а также минимизация ошибок на каждом компоненте.
Воздух
Air - минимальная начальная тема WordPress. Расширяя _s, Air добавляет некоторые дополнительные компоненты, такие как Слайды, Липкая панель навигации и WooCommerce-ready.
EmptyStates
EmptyStates является коллекция пустых страниц состояния в Интернете и мобильных приложениях для вдохновения. Пустая страница состояния - это та страница, которую часто упускают из виду..
Ярлык Дизайн
Этот сайт предоставляет коллекция ярлыков популярных приложений и инструменты, используемые разработчиками и дизайнерами. Здесь вы найдете ярлыки для Sketch, Photoshop, InDesign, Sublime Text, WordPress и многих других. список в настоящее время содержит только ярлыки для macOS, но было бы здорово увидеть ярлыки Windows, которые также будут добавлены в.
Uppy
Уппи это Фреймворки JavaScript для создания интерфейса загрузки файлов. С помощью Uppy вы можете извлекать файлы не только с локального диска, но и с внешнего хранилища, такого как Google Drive, Dropbox, Instagram и других служб. Это легкий, модульный и расширяемый с помощью пользовательских плагинов.
VuetifyJS
VuetifyJS - это инициатива Джона Лейдера по построить Material Design вокруг Vue.js. Google имеет аналогичную инициативу с MDL или Material Design Lite, но, похоже, не получает достаточного влияния в сообществе и развитие, кажется, продвигается очень медленно в последние пару месяцев. Так что если вы ищете альтернативу, VuetifyJS может быть правильным выбором.
WP ULike
WP Ulike - это Плагин WordPress для добавления “подобно” к вашему контенту будь то во встроенном типе сообщений WordPress, пользовательских типах сообщений и bbPress, а также BuddyPress. Он также поставляется с некоторыми другими интересными функциями, такими как Система уведомлений, аналитика и виджеты что делает его одним из самых привлекательных “подобно” система для вашего сайта WordPress.
Ви Валидат
Vee Validate - это библиотека JavaScript для добавить поле ввода со встроенной проверкой. Он поддерживает множество типов ввода, таких как электронная почта, номер, даты, URL, IP-адрес и т. Д..
Vue Data Tables
Еще один удобный плагин Vue.js. VueDataTables - простой плагин для сборки настраиваемая и настраиваемая таблица с Vue.js. Плагин построен с учетом масштаба, что он может без проблем отображать массивные данные на столе. Он также поставляется с некоторые дополнительные компоненты для включения вашей таблицы, такие как Pagination, Searchbox и Filter.
Googler
Гуглер это CLI, который позволяет выполнять поиск в Google через командные строки. Подобно интерфейсу, он также будет извлекать заголовок, описание, URL и нумерацию страниц. Это удобный инструмент для опытных пользователей MacOS и Linux.
Болт CMS
Bolt - это CMS, построенная на PHP. это быстрая настройка, использует Twig в качестве движка шаблонов, полностью поддерживает PHP7, легко настраивается через простой файл YAML. В целом это выглядит интересно для меня; Я определенно потрачу некоторое время, чтобы изучить его дальше, когда у меня есть шанс.
телетайп
Teletype - это новая инициатива от редактора Atom. Эта новая функция позволяет вам сотрудничать с коллегами по написанию кода. Чтобы использовать его, вам нужно установить официальный плагин Teletype.
Plyr
Plyr (произносится как игрок) является современная медиаплеерная библиотека размером всего 10 КБ. При этом вы сможете настроить HTML-видео и аудио плеер, Youtube и Vimeo, а также потоковое мультимедиа в реальном времени. Это в активном развитии с большим количеством запланированных будут добавлены функции, включая поддержку встроенного видео Wistia и Facebook.
