Пресни ресурси за уеб дизайнери и разработчици (октомври 2018 г.)

За разлика от всяка друга индустрия уеб разработка се променя от скокове и граници. Има нови инструменти, методи и рамки, разработени почти всеки ден, за да се погрижат за тях нови тенденции и технологичен напредък в уеб индустрията.

Ето списък на най-новите инструменти и ресурси, включително PHP рамка, която лесно да се изпълнява E2E тестване за вашето PHP приложение, инструмент за генериране на цветове, които отговарят на стандартите за достъпност на W3C и няколко разширения на Vue.js. Нека скочим, за да видим пълния списък.

Ключови кадри App

Уеб-базирано приложение предоставяне на хубав графичен интерфейс за съставяне на CSS анимация и визуализирайте анимацията с времева линия. Приложението също така ви позволява да изтеглите изхода на CSS, след като сте доволни. CSS keyframes не е най-лесният спец. В CSS, така че да имаш приложение като това определено ще е чат.

Симфони Пантера

“Симфони Пантера” е невероятна PHP рамка от Symfony за извършване на тест E2E (от край до край). Той идва с неговия вграден уеб сървър и може да използва Chrome, инсталиран на компютъра ви, за да извърши теста E2E.

Освен това, той поддържа Изпълнения на JavaScript, улавяне на екранни снимки, потребителски драйвер за Selenium, Chrome и клиентът на Firefox. Като самостоятелна рамка, можете да включите Panther във всички PHP проекти, като например WordPress, Joomla и т.н..

TrendyPalettes

Колекция от красиви цветови палитри. Колекцията предлага хиляди ръчно подбрани цветови палитри. Потребителите могат да изпратят нова цветова палитра, така че винаги да се добавят нови палитри. TrendyPalettes се предлага и като разширение за Chrome.

Eagle.js

Eagle.js е рамка за създаване на слайдове, изградени върху Vue.js, така че лесно можете да използвате повторно персонализираните Vue.js компоненти в слайдовете. Плъзгачът също поддържа навигация с клавиатура и мишка, персонализиран стил или тематизиране, интерактивни джунджурии и предоставя шаблон, който помага за бързото създаване и представяне на слайда. Тя може да бъде страхотна алтернатива на Reveal.js, особено ако вече сте запознати с Vue.js.

Grape.js

GrapeJS е уеб-строител с отворен код, който ви позволява да изграждате уеб страници само чрез плъзгане и пускане на компоненти. Той предоставя някои общи компоненти като текст, изображение, видое, колони, карта, цитат и др. Вижте демото.

банален

Vapid е нова CMS, изградена с Node.js с интересен и уникален подход. Повечето CMS, ако приемем, че искате да включите нов тип данни, ще трябва първо да дефинирате персонализирания вход в областта на таблото за управление / администриране.

С Vapid е точно обратното, тъй като можете да дефинирате шаблона, а Vapid автоматично ще генерира входа в областта на таблото / администратора. Той е наличен като NPM пакет.

Уведомление за WP CLI

Името казва всичко. Това е персонализиран WP-CLI пакет за показване на OS уведомления, когато WP-CLI вече е изпълнено. Доста фантазия.

CSSGr.id

Уеб-базирано приложение за съставяне на CSS грид. Можете да конфигурирате броя на елементите, колоните, разликата между всеки елемент, както и всеки период от време и след това да генерирате HTML и CSS кода. CSS Grid е една от тези CSS спецификации, която не е много лесна за разбиране. Но този инструмент го прави много по-лесно да се справя с него.

Съвет за превъртане

ScrollHint е JavaScript библиотека, която ви позволява да създадете елемент отгоре, за да покажете, че секция на вашата уеб страница може да се превърта. Това е особено полезно, ако имате хоризонтален елемент за превъртане на уеб страницата си, тъй като повечето хора естествено не се придвижват наляво или надясно (или обратно), когато консумират мрежата.

PristineJS

Библиотека на JavaScript за добавяне на потвърждение към вход. HTML5 идва с валидиране на тип вече с “тип = имейл”, и “тип = брой” например. Но ако имате нужда от персонализиран валидатор, който не е реализиран в HTML5, тази JavaScript библиотека ще ви бъде от полза.

SelectionJS

Повечето хора вероятно вече познават как да избират няколко папки или файлове в компютъра си; те обикновено задържат мишката и я плъзгат около файловете или папките, които биха искали да изберат. Ако искате да приложите същия UX на уебсайта си, SelectionJS ще ви бъде от полза.

Webdash

Webdash е инструмент, който може покажете проекта си в GUI интерфейс. Той се свързва чрез package.json на вашия компютър. Така че може да покаже списъка на NPM пакети, актуализирате пакета, регистрираните скриптове, стартирайте скрипта, и визуализиране на README файловете от Webdash. Страхотно!

CanJS

JavaScript рамка за изграждане на уеб интерфейс. Това е подобно на React.js с някои допълнителни функции и идва с маршрутизатор, DOM Utilities и AJAX функция направо от кутията. Тя също има доста активна подкрепа от страна на общността, която осигурява някои разширения.

CheerioJS

Библиотека на JavaScript, която изпълнява jQuery Core спецификация за DOM (Document Object Model) и е проектирана да бъде използвана от страната на сървъра. Ако ти си работа с Node.js, докато също се наслаждавате на синтаксиса на jQuery като addClass (), ATTR (), и намирам(), това е JavaScript, който търсите.

Цветна кутия

Colorbox е инициатива на Lyft за генериране на цветен състав, който отговаря на стандарта Accessiblity. Инструментът се захранва с умен алгоритъм, който ви позволява просто движете се около копчето, променяйте конфигурацията, и ще генерира правилните цветове за вас. Това е просто невероятно.

Въведени свойства в PHP 7.4

PHP7.3 е точно зад ъгъла, както споменахме в предишната версия. Но PHP7.4 вече е в плана. Един от плановете е Typed Property. Това означава, че скоро ще можете да го направите напишете нещо подобно public int $ id; във вашия PHP клас. Това е огромна промяна, която може значително да помогне за намаляване на вашите грешки в PHP приложенията.

шаблон

Компилатор на JavaScript, който улеснява създаването на уеб компоненти с най-новия стандарт. На всичко отгоре StencilJS също добавя някои модерни подходи за уеб разработки в микса, включително JSX поддръжка, реактивност, рутер и управление на състоянието използване на приставка.

Vue Infinite Loading

Разширение Vue за създаване на безкрайна страница за превъртане. Това е удобно за мобилни устройства и съвместим с всеки елемент, който може да се превърта. Той също така поддържа две посоки превъртане, и най-доброто от всичко, това спестява много време.

V клипборд

Потребителско разширение Vue.js, което го прави така лесно да се създаде a “копие” бутон. Можете просто да добавите a V-клипборда атрибут към бутон и сте готови. Това разширение Vue.js работи за всеки съвременен браузър, както и за IE11 и най-новите.

Vue Select

Компонент Vue.js, който предоставя подобна функционалност на Select2. Той е предназначен за Vue.js, който позволява да бъде съвместим с Vuex, Custom Templating, и куп други доброта на Vue.js.