Свежи ресурси за веб дизајнере и програмере (март 2019)

Много тога се десило у последњих неколико месеци у свету веб развоја. Прво, ново уредник у блоку, под кодним именом Гутенберг, напокон је спојен у ВордПресс 5.0. То је заиста велика промена од њеног оснивања јер поставља нове темеље за ВордПресс да се развија у будућности и промениће начин на који се програмери проширују за ВордПресс функционалности.

Друго, неколико наших колега програмера је створило неке заиста корисне алате као што је онај који дозвољава погледај ЈСОН у терминалу и неколико Реацт библиотека које могу бити од велике помоћи у веб дизајну и развојним пројектима.

И на крају, неке од најефикаснијих ресурси, референце и додаци су покренути како би вам помогли да ажурирате своје пројекте у складу са новим трендовима.

Хајде да погледамо најсвеобухватнију листу свежих ресурса за веб развој.

Гутенберг Хандбоок

Службени ВордПресс приручник гдје можете потражити референце за дизајн, примери кода за креирање блокова и други и водич за допринос пројекту. То је ваша прва референца за развој са Гутенбергом.

Блоцк Сцаффолд

Са блоковским уређивачем, ВП-ЦЛИ сада пружа згодан начин за почетак креирање Гутенберг блока са новом ЦЛИ командом, вп сцаффолд блоцк. Можете га креирати и укључити у постојеће додатке и теме.

ЦГБ

Још један начин да се лако покрене Гутенберг блок је Цреате Гутен Блоцк (ЦГБ) генеришемо предлог да развије Гутенберг блок. Састоји се од модерних алата као што су Реацт.јс, Вебпацк, ЕСЛинт, Бабел, итд. Најбољи дио је да ви не морате да конфигуришете ниједан од ових алата тако да можете једноставно да се фокусирате на писање кода.

Елементор блокови за Гутенберг

ВордПресс плугин који вам омогућава уметните било које Елементор шаблоне и прегледајте је у уређивачу. Додатак долази са многим другим компатибилностима које пружају беспрекорно искуство уређивања између Елементора и Гутенберга. Погледајте овај видео да бисте видели како то ради у акцији.

Атомиц Блоцкс

Гутенбергови блокови са све већим бројем колекција. У време овог писања, он обезбеђује “Пост Грид Блоцк” што вам омогућава додајте листу постова свог сајта у распореду мреже. Ту је и а “Тестимониал Блоцк” који, као што име имплицира, да убаците изјаву унутар странице. Погледајте комплетне прегледе блокова на овој страници.

Блоцк Галлери

Блок галерије који вам омогућава да убаците галерију слика обезбеђује беспрекорно искуство додавања слика у ваш пост. Једноставно испустите слике, стилизирајте приказ галерије (Масонри-стиле, Цароусел или Фуллсцреен), и све је спремно. То је, у овом тренутку, само најбољи Блок Галерија за ВордПресс.

ЦоБлоцкс

Пакет блокова од истог аутора који је развио горе поменуту галерију блокова, ЦоБлоцкс се састоји од одређеног броја блокова који ће побољшати садржај вашег сајта са Хармоника, Табела цена, Гиф, Цлицк-то-Твеет, и више Блокова које треба додати.

СтагБлоцкс

Још један пакет Гутенберг блокова. Додатак доноси бројне занимљиве блокове које би многи од вас ценили. То укључује Стат Блоцк који вам омогућава да прилагодите статистику унутар ваших постова и страница. Блок веб сајта који ће превиев вебсите у фанци Цард-стилу. Кодни блок који ће приказати код са истакнутом бојом.

Оттер Блоцкс

Такође, колекција Гутенберг блокова као што је “Блок Гоогле мапа” да бисте убацили мапу, “Наш сервисни блок” до убаците листу услуга са дугметом у приказу мреже, и “Тестимониалс Ареа Блоцк” да убаците листу сведочења. Оттер Блоцк је колекција Гутенбергових блокова које би пословни субјекти и програмери теме ценили.

Напредни Гутенберг Блоцкс

Овај додатак долази са прегршт напредни блокови који обогаћују ваш садржај као што је аутоматски генерисан садржај, “Гипхи Блоцкс” да укључите ГИФ слику са Гипхи.цом, “Унспласх Блоцк” да убаците слике са Унспласх.цом, “Баннер Ад Блоцк”, ВооЦоммерце “Адд-то-Царт Буттон Блоцк”, и много више.

Блоцк Лаб

Блок Лаб олакшава програмерима да креирају Гутенберг блок. Додатак вам омогућава региструјте нови блок са корисничким интерфејсом и предлошци у ПХП-у. Не морате чак ни да учите Реацт.јс.

ЕДД Блоцкс

Плугин који вам омогућава да прикажете Еаси Дигитал Довнлоадс производе у Гутенберг уређивачу. За разлику од коришћења кратког кода, блок ће приказати приказе производа.

Тест Гутенберг

Нисте спремни да инсталирате Гутенберг плугин или ажурирате свој сајт на ВордПресс 5.0? Можете једноставно учитајте овај сајт да бисте испробали нови едитор.

Гутенберг Цлоуд

То је као АппСторе за Гутенбергове блокове. Централно место где можете добити Гутенберг Блокови који се могу користити у ВордПресс-у и Друпал-у. Да, Друпал ће такође усвојити Гутенберг уредника за свог уредника.

Гутенберг Примјери

Гитхуб спремиште узорака кода за креирање Гутенберг блокова. Овде можете пронаћи најједноставнији блок на комплекснији пример, као што је онај за стварање а “Реципе Блоцк” која поставља шаблон у уређивачу за кориснике за додавање реципе садржаја. Добра референца за оне који више воле да уче од стварних примјера, а не текстуалне књиге.

ГутенбергЈС

Верзија Гутенберга само за ЈаваСцрипт. Доступан је као НПМ пакет који вам омогућава да интегрирате Гутенберг у било коју ЈаваСцрипт апликацију.

Онемогући Гутенберг

Иако Гутенберг доноси нове могућности за ВордПресс, али нису сви спремни за то. Ако ваше постојеће локације не раде добро са Гутенбергом, можете инсталирати овај додатак. То вам омогућава онемогућите Гутенберг уредника за одређене постове, врсте постова, корисничке улоге, теме, као и онемогућавање Гутенберг стилова стилова у предњем делу.

Цлассиц Едитор

Алтернативно, можете инсталирати овај додатак тако да можете наставити да се ажурирате на ВордПресс 5.0 док наставите да користите стари класични едитор. Овај додатак ће бити подржан до 2022.

ЦлассицПресс

Друга алтернатива је прелазак на ВордПресс вилицу, ЦлассицПресс. ЦлассицПресс фокус је укључен стабилност и сигурност. Компатибилан је са ВордПресс плугиновима и планира да донесе нове занимљиве карактеристике у својим будућим издањима. Цхецк-оут наш пост: ЦлассицПресс: Алтернатива ВордПресс-у без Гутенберг & Реацт.јс

Убрзајте ВордПресс

Како је ВордПресс постао тако велик; више од платформе за блогање. Гутенберг, посебно, додао је неке додатне количине, кодове, датотеке на ваш сајт које могу успорити ваш сајт. Ово је детаљ који можете упутити да би вам помогао да идентификујете тачке боли на вашем сајту и да му адресирате најновије најбоље праксе у индустрији.

Преглед Висуал Цоде кода прегледача

Уређивач визуалног кода који додаје прави претраживач који покреће Цхроме без главе унутар Висуал Студио кода. То вам омогућава прегледајте свој рад у реалном времену директно у уређивачу кода и омогућава функције као што је отклањање грешака у уређивачу.

Бундлесизе

Бундлесизе је алат за задржите ЈаваСцрипт датотеку бундлинг величину под контролом. Можете да дефинишете максималну величину сваке од ваших датотека у пакету и да ће вас упозорити када се ради о одређеној максималној величини. Бундлесизе може бити интегрисан са ЦИ услугама као што су ТрависЦИ и ЦирцлеЦИ за беспријекорну имплементацију тијека рада у вашем пројекту.

ВП Емерге

Модерно ВордПресс тематски оквир заснован на МВЦ обрасцу. Ако сте навикли да радите са ПХП оквиром попут Ларавел-а и Слим-а, сигуран сам да ћете заиста цијенити овај оквир. Можете користити ствари као што су Роутер и Цонтроллер, ДИ Цонтаинер и Миддлерваре.

Лигхтхоусе Бот

Услужни алат који вам омогућава да покренете Лигхтхоусе у ЦИ сервису користећи Доцкер. То је одличан алат аутоматизујте провјеру перформанси Ваше веб локације сваки пут када унесете нову промјену у код ваше веб локације.

Научите Реацт Апп

Научите Реацт Апп је ресурс за учење Реацт.јс. Али, за разлику од других ресурса тамо, то би требало да буде инсталиран локално на вашем рачунару. Она не садржи само материјале за учење, већ и кодове и интерактивне узорке. Најбољи дио је да то можете учинити док сте изван мреже након што је инсталиран.

ВП Аццептанце

ВП Аццептанце је нови алат који вам омогућава да извршите тестове прихватљивости. Једноставно речено, тестови прихватања су серија тестови за опонашање понашања корисника. Постоји више оквира за обављање ове врсте теста.

Међутим, ако првенствено радите са ВордПрессом, цените овај алат за једноставну употребу јер је дизајниран и прилагођен типичним ВордПресс пројектима.

Схини

ЈаваСцрипт библиотека за опонашајте рефлексију осветљења на вашем веб сајту када се гледају на мобилном уређају. Можете погледати демо на хттпс://пкина.нл/схини/. Треба напоменути да ће радити само у мобилним уређајима јер се ослања на одређени АПИ који је доступан само на мобилним уређајима.

Реацт Луцид

РеацтЛуцид је алат који ће вам помоћи дебуг Реацт и ГрапхКЛ апликације на интерактивнији начин. Омогућава вам да видите хијерархију компоненти, промене стања / реквизита унутар ваше Реацт апликације, као и ГрапхКЛ шему, упите и мутације у реалном времену.

ЦСС Феатурес Тоггле

Цхроме проширење које вам омогућава онемогућите одређене ЦСС функције у Цхроме-у. Помоћу овога можете да видите како ће се ваш сајт приказати и понашати када одређене функције не постоје. Врло корисно вам помаже да имплементирате нове ЦСС функције које можда нису имплементиране у свим претраживачима.

Бленди

Алат који вам може помоћи прилагодите ЦСС режиме комбинације позадине са својом сликом. Можете прегледати модове мијешања, мијењати боје и примијенити градијенте. Можете користити слике из програма Унспласх или их учитати са рачунара.

Реацт Елементал

Збирка Реацт елемената који раде директно из кутије. Нема спољног ЦСС-а за увоз или прилагођавање конфигурација за додавање на Вебпацк. Долази са основним компонентама као што су Буттон, Цхецкбок, СелецтЛист, Табс, Тоолтип и још много тога.

ФКС

Ако често радите са ЈСОН форматом, сигуран сам да ћете ценити овај алат. фк је алатка командне линије која вам омогућава да визуализујете ЈСОН податке у терминалу са интерактивним режимом. на начин да можете проширити или сажети податке. фк може се инсталирати преко НПМ или Хомебрев.

Моница

Моница је у својој категорији. То је врста ЦРМ-а (Цустомер Релатионсхип Манагер), али није намењена вашим клијентима већ вашим вољеним особама као што су ваша породица и пријатељи.

Попут ЦРМ-а, он вам омогућава да пратите ствари као што су ваше активности са њима, и када сте их последњи пут позвали итд. Они то називају ПРМ (Персонал Релатионсхип Манагер).

Иониц Фрамеворк

Ионски оквир је већ неко вријеме присутан. Али у последње време, направила је велики скок у својој функционалности. Сада не само да је сада бржа него јонска компатибилан са два оквира за звезде у успону: Реацт.јс и Вуе.јс.

Ово поставља основу за јонску да буде оквирни агностички алат. Дакле, не само да ради за одређене оквире, већ може радити и са новим, јер се развој фронт-енд-а развија у будућности.

Нотабле

Значајна је апликација за писање бележака. За разлику од било које друге сличне апликације, не долази са власничким форматирањем, ВИСИВИГ, или другим типичним звонцима и звиждаљкама. Тхе Апп Едитор је углавном покренут Гитхуб-ом са Маркдовн-ом. Белешке се чувају у равној датотеци .доктор медицине датотеке као и прилог. Само ради и једноставно.

ТипТап

ТипТап је ВИСИВИГ едитор изграђен на врху ПросеМиррор са Вуе.јс. Осим наслеђивања бројних функција из програма ПросеМиррор из кутије, као што је одлична Маркдовн подршка за синтаксу, ТипТап доноси неколико модерних функција као што је Буббле Мену где ће се појавити мени за форматирање када се означава текст, функција Суггестион где можете да означите или наведете особу унутар садржаја и извезите могућност извоза садржаја у ЈСОН форматирању.

Рестплаин

Рестплаин је ВордПресс плугин који вам омогућава да лако генеришете документацију ваших ВордПресс РЕСТ АПИ крајњих тачака, укључујући прилагођене крајње тачке на вашем сајту, као и обављање АПИ позива из докумената. Једна ствар коју треба имати на уму је да се ослања на схему крајње тачке да би генерисала документацију, зато се уверите да сте додали одговарајућу шему за ваше прилагођене крајње тачке..

Реацт Цонтент Лоадер

Реацт Цонтент Лоадер је прилагођена компонента Реацт која вам омогућава да прикажете резервисано место садржаја док се стварни садржај учитава. Сличан је типу утоваривача који видите на Фацебооку и Инстаграму .

Митхиц

Митхиц је ВордПресс почетна тема са савременим најбољим праксама као што су зависност од убризгавања, прикази и контролери, као и модерна алата као што је употреба Вебпацк, Сасс, Линтинг, ПХП7 минимални захтев и БЕМ. То је одлична тема да бисте изравнали своје вештине као програмера теме.

Рефинед Гитхуб

Проширење претраживача за оплемењивање вашег искуства када користите Гитхуб. Додаје неколико практичних хоткеис-а, побољшава неке изгледе и корисничка сучеља, аутоматски додаје везу са проблемима и ПР-овима, и много више.

Отворени ВЦ

Опен ВЦ је скуп алата који вам омогућују да креирате Цустом Веб Цомпонент. Укључује главну библиотеку за израду Веб компоненте, генераторе Иеомана за брзо генерисање “Отворени ВЦ” пројекта, који укључује скелу за тестирање, линтинг, и наставља интеграцију.

Отворени ВЦ може бити добра алтернатива ако желите преферирају имплементацију са изворном веб функцијом радије него да користите оквир попут Вуе.јс или Реацт.јс.

Гридсоме

Гридсоме је алат за израду статичких веб страница и веб апликација са Вуе.јс и ГрапхКЛ. Способан је да обрађује више токова података као што је ЦМС као што су ВордПресс и Друпал, локални фајлови као што су Маркдовн или Иамл, или екстерни АПИ као што је АирТабле и Цонтентфул. Ово је заиста одлична алтернатива за Гатсби.јс, посебно ако преферирате Вуе.јс преко Реацт.јс.

Тхе Бровсер

Ово је прегледник који је замислио сам изумитељ Ворлд Виде Веб-а, Тим Бернерс-Лее. То је једноставан претраживач за приказ ХТМЛ-а и не приказује адресну траку као модеран прегледач, али можете да је прегледате преласком на Документ> Отвори из потпуне референце документа и налепите УРЛ и кликните на Отвори. И тамо ћете видети како ће се ваш сајт приказивати са оригиналним прегледачем.

Растер

Растер је модерни мрежни оквир који је изграђен са модерним ХТМЛ и ЦСС спецификацијама као што је ЦСС Грид, ЦСС Цустом Проперти (Вариабле) и прилагођени елемент. Савршен оквир за оне који воле да живе на ивицама.

Хоопер

Компонента Вуе.јс за додавање карусела или клизача. Доступан је и употребљив преко Тоуцх, Кеибоард, Моусе Вхеел и друге помоћне навигације, подржава РТЛ и вертикални смер, проширива и наравно одговор.