Свіжі ресурси для веб-дизайнерів і розробників (липень 2018)
Липень - це місяць, який приносить висоту літа, тому для партії свіжих ресурсів цього місяця у нас є гарячі нові інструменти від деяких добре зарекомендували себе як розробників, так і розробників.
Список має досить цікаве поєднання інструментів, починаючи від бібліотеки Sketch спільноти WordPress, яка дозволить вам створити прототип інтерфейсу WordPress, кілька інструменти розширення React.js і Vue.js, і кілька посилань, щоб вирівняти свої навички розвитку. Давайте перевіримо їх.
WPRIG
Все-в-одному запуск WordPress тема створена Мортен Ренд-Hendriksenand оснащений побудувати попередній процес з використанням сучасних інструментів як Gulp, Babel, ESLint і інтеграція Visual Studio Code. Це допоможе вам створити чудову тему WP без клопоту налаштування навколишніх інструментів розробки.
VueNative
Структура, заснована на Vue.js для побудови крос-платформного мобільного додатка, що дозволяє писати код за допомогою специфікації Vue.js. Інструмент буде скомпілюйте його до рідної React і виконайте магічну роботу за вами за сценою vue-рідний
CLI. Якщо ви вже знайомі з Vue.js, це може бути a відповідний фреймворк для побудови мобільного додатку.
SketchPress
Люди в 10up тільки що випустили SketchPress, який є Ескіз шаблон для швидкого створення WordPress адміністратора інтерфейс макети і конструкції. Він упакований з загальним інтерфейсом адміністратора, як головна кнопка, панель меню, Dashicons, Metabox, і т.д..
Docz
Docz - це генератор документації на основі MDX який був показаний в останньому турі цієї серії. Цей інструмент дозволить вам імпортувати та включати користувальницький компонент JSX у мікс із синтаксисом Markdown, як і написання документа JSX.
Animista
CSS Animation приносить життя в Інтернет. Однак не завжди легко створювати CSS-анімацію з урахуванням префіксів браузера для сумісності, параметрів і термінів анімації. Animasta спрощує цю справу, генеруючи код для вас. Ти можеш налаштувати анімацію в зручному для користувача інтерфейсі, звідки можна просто скопіювати код.
GridToFlex
Кілька прикладів спільного веб-макета, побудованого з використанням рідної CSS-мережі, і використання Flexbox як резервного для браузера, який ще не підтримує його. Перевірте наш пост: Вступ до модуля CSS Grid Layout.
RatioBuddy
Хороший інструмент генерувати коробку з CSS з певним співвідношенням, наприклад, 1: 1
, 3: 4
, Інструмент генерує код у форматі SCSS для копіювання.
Як до GraphQL
GraphQL є альтернативою REST структурі даних і як GraphQL є всебічний ресурс для його вивчення. Це набагато ефективніше, ніж REST, оскільки тільки витягуватимуть потрібні дані, зменшуючи обсяг навантаження та передачу даних.
Зразкова історія
Простий плагін WordPress для показу історії діяльності, виконаної в панелі інструментів WordPress. Він підтримує рідну діяльність WordPress, наприклад, коли користувач створює повідомлення та сторінки, входить до системи та активує або деактивує інші плагіни. Він також може відстежувати інші дії плагінів включаючи розширені спеціальні поля (ACF) і перемикання користувачів. Це відмінний плагін для відстеження внутрішньої активності ваших сайтів.
Transfer.sh
це зручна утиліта для обміну файлами за допомогою команди Shell. Ви можете завантажити будь-який тип файлу до 10 Гб. Він також підтримує шифрування файлів. І я згадав, що це абсолютно безкоштовно?
FB Sonar
Інструмент для налагодження мобільних додатків для iOS і Android. Додаток оснащено деякими інструментами для зручний досвід налагодження такі як журнал перегляду журналів, інтерактивний інспектор компонування та інспектор мережі. Якщо цього недостатньо, можна створити плагін для розширення програми з потрібними функціональними можливостями.
JSUI
Ця програма має багато інструментів, які забезпечують кращий спосіб організації ваших проектів. Ти можеш створити групу, створити новий проект, використовуючи деякі популярні проекти як React, Vue і Angular, встановити залежність від проекту, запустити сервер Node.js і багато іншого. Відмінне додаток для тих, хто керує десятками проектів.
BrainMonkey
Утиліта для тестування модулів PHP, розроблена з використанням певних інструментів для WordPress. Він надає інструменти, які дозволяють макет Функції PHP. Він також надає набір інструментів з коробки, щоб мати справу з деякими функціями WordPress add_action
remove_action
назвати декілька, які взагалі є складно
перевіряти.
Фрактал
Фрактал був розроблений як інструмент центральної документації для розробників у складі команди, щоб звернутися, коли необхідно інтегрувати компонент у проект. Це дозволяє інтегрувати фрагмент коду, відображаючи попередній перегляд, документацію, примітки, і т.д. кожного компонента.
Ant Design Pro
“AntDesign” є одним з популярних фреймворків інтерфейсу на основі React.js, і це його “Pro” Версія призначена для корпоративного застосування. Вона включає в себе кілька додаткових компонентів, які не входять до загального пакета AntDesign, таких як AvatarList, HeaderSearch і TagSelect.
Структура також має вбудовані засоби розробки, такі як інструмент побудови, тестовий набір і розгортання тому ви можете працювати над кодом відразу, а не витрачати час на конфігурацію робочого процесу.
LuminJS
Супер маленький JavaScript бібліотека для виділення тексту на вашому сайті. Вона працює бездоганно зі складною структурою DOM, і вона програмована тим, що ви можете встановити швидкість, стиль і анімацію.
Підказка
Зручний NPM пакет для створення інтерактивних CLI з використанням Node.js. Він підтримує основні підказки, декілька варіантів вибору, динамічну підказку і багато типів входів, таких як пароль, текст, номер і електронна пошта тощо.
Сприйняття
Прохолодний плагін WordPress поліпшити пошук бібліотеки WordPress шляхом класифікації зображень за допомогою Google Cloud Vision API. Наприклад, якщо ви завантажили a “птах” Ви можете шукати зображення за допомогою ключового слова “птах” чи включено ключове слово до назви зображення, імені файлу або метаданих.
DevTube
Колекція відео, витягнуті з Youtube, декількох конференцій розробників як JSConf, Google TechTalk і O'Reilly. Тепер отримайте свій попкорн і вирівняйте свої навички Dev.
Reactive.how
Реактивне програмування на підйомі; нова парадигма в програмуванні, особливо в Інтернеті, де потік даних є достатнім і постійно протікає кожні мілісекунди. Цей ресурс є ініціативою від Cedric Soulas to навчити вас принципам реактивний програмування.