Първи впечатления на мобилния уеб сайт Builder

Една от радостите на управлението на този сайт е да стигна "след моята муза". С това искам да кажа, че играя с много софтуер, който хваща моето внимание. Някои от тях са невероятни, някои от тях са наред, някои от тях изискват степен в "Computer Rocket Scientry", за да разчитат и някои от тях са просто ужасни. След това има софтуер, който попада в категорията "Категория Pioneer". Това са приложенията, които създават изцяло нов клон на творчески инструменти за дизайнера. Например, MacDraw, MacPaint и GraphicWorks от MacroMind се появиха в края на 80-те и поставиха права линия на Photoshop и Affinity Photo днес. Визуални редактори за уеб дизайн като SiteMill и PageMill се появиха в средата на 90-те и тяхната права линия води до Dreamweaver и Adobe Muse. Mobirise има потенциала да се присъедини към тази категория.

Тъй като продължаваме да се движим в уеб дизайнер "Отзивчив Уеб Дизайн" и "Мобилен Първи", много уеб програмисти използват широко такива рамки, като Фондация и Bootstrap 3, за да създадат напълно отговорни сайтове. Трябва да призная, че това са изключително мощни рамки, но за да се възползвате пълноценно от тях, работещи познания за HTML, CSS и JavaScript ще улеснят живота ви.

Мобризе отива в обратната посока, поради което го считам за "категоричен пионер". В много отношения той може да се разглежда като графичен потребителски интерфейс (GUI) за Bootstrap 3, а за кодово предизвикалите или тези от вас, които прегръщат работния поток на Rapid Prototyping и Constant Iteration, който е толкова често срещан в днешната среда за уеб дизайн, Mobrise има потенциала да се превърне в инструмент за постигане на тази цел.

Преди да започнете да се вълнувате от Mobiise, имайте предвид:

Като каза, че наистина трябва да изтеглите копие и да го изпробвате.

Mobirise се предлага в Mac и PC версиите, а инсталационната програма е достъпна директно на началната страница на Mobrise.

Когато стартирате приложението за пръв път, максимизирайте прозореца и кликнете върху бутона + в долния десен ъгъл, за да отворите интерфейса.

Когато интерфейсът се отвори, се появява панел Блоки. Блокерите са елементи "drag and drop", които могат да се разглеждат като компоненти, намиращи се в Bootstrap като Jumbotron, Hero units, Buttons и т.н. Плъзнете блок върху страницата и тя става напълно персонализирана. В горния пример изменях изображението в заглавния блок с един от моите собствени, промених текста в тялото, промених логото на блока от менюта и промених цвета и текста за елементите на менюто.

Промяната на параметрите на блока също е мъртва. Преобръщане на блок и ще видите три икони в блока. Иконите им позволяват да преместите блока в нова позиция на страницата, да изтриете блока, или ако кликнете върху иконата на Gear, отворете панела Параметри за този блок. Ако например добавите медийния блок, съдържащ видеоплейъра, панелът "Параметри" ще ви помоли да въведете URL адреса на видеоклипа в YouTube или Vimeo, дали видеоклипът ще се възпроизвежда автоматично или ще се използва като видеоклип на цял екран на заден план ,

В горната част на страницата има икони за мобилни, таблетни и настолни компютри. Кликнете върху една от тях и повърхността на дизайна се свива до този изглед. Отляво отляво има бутон за визуализация, който ще отвори проекта в браузъра ви по подразбиране. Кликнете върху бутона Публикуване и ще бъдете попитани дали искате да запазите файла локално, да го качите на FTP сървър или на Google устройство.

Отляво, ако преобърнете менюто Index.html, се отваря панелът "Страници". Тук можете да добавяте нови страници или да клонирате съществуващи страници. В долната част на панела можете да отворите нови проекти или съществуващ проект.

Поради факта, че това приложение е толкова ново - то се появи на пазара през май 2015 г., а в Public Beta има някои аспекти на приложението, които наистина се нуждаят от известно внимание. Моите топ 3 искания за функции ще включват:

заключение

Поради новостта си, би било грубо несправедливо да се определи някакъв рейтинг на този продукт. Това е работа в процес на изпълнение с някои много готини черти. Харесва ми, че има интуитивен интерфейс, лесен за управление. По-важен е фактът, че като категория Pioneer, Mobiise е един от тези продукти, който има обещанието да направи рамката Bootstrap 3 достъпна за графични професионалисти, любители и уеб дизайнери, без да се налага да овладеят кодовата база и да използват общата структура и директории за спад. Като казах това, ако Mobiise придобие сцепление, подозирам, че това ще бъде първата стъпка по пътя към отварянето на кода на редактора и работата.

Има и някои дупки в продукта и някои интерфейси "хълцане", които ще трябва да бъдат адресирани по време на бета процеса.

Междувременно ви предлагам да инсталирате приложението и да започнете да играете с него. Може да не е "готов за производство", но ако това се случи, Mobiise ще бъде сред първите, които ще бъдат много Visual Editors за най-важните рамки там.