Тъй като имейл HTML не зачита HTML5 и CSS3 в неговата цялост, той изисква множество вложени таблици, за да накара нещо да се подравнява добре и да включва отзивчивост за мобилни приложения. Когато започнете да изграждате сложни шаблони за имейли с множество източници, вграден код и различни оформления, лесно можете да се изгубите във вашия код.
Използвайки 250okтестовете за проектиране, бих могъл да проверя, че нашите E-mail бюлетин изглеждаше добре във всички настолни и мобилни клиенти. Наскоро преместих нашата Подкасти на Martech на нов домакин, който изисква редактиране на бюлетина. Освен това актуализирах бюлетина с нашия маркетингови бележки. Докато правех тези редакции на основния ни шаблон, обърках кода и започнах да виждам проблем, при който имейлът ни беше прекъснат ... една част от него беше центрирана, а след това останалите бяха оправдани.
В избрания от мен редактор на код липсваше една ключова функция, сгъване на съдържание, това щеше да ми позволи лесно да установя къде е проблемът ми с гнездене. Сгъването на съдържание организира вашата структура в страничната лента, където можете да разгънете и да преминете директно към раздела, който искате да редактирате. Изтеглих доста редактори през последната седмица, търсейки страхотна платформа и кацнах Еспресо.
Сгъване на съдържание
След като отворих имейла в Espresso, открих проблема и успях да го поправя в рамките на няколко секунди (бях забравил да затворя маса). Можете да видите как работи на екранната снимка по-долу ... кодът е вляво, но навигатор за сгъване на съдържание е вдясно. Това е коригираната таблица, но можете да видите как бих могъл бързо да идентифицирам вложен или йерархичен проблем със структурата на моя имейл шаблон!
Espresso не е само за редактиране на имейли, това е мощен редактор за Apple OSX със следните функции:
- откъси - преките пътища ви позволяват да комбинирате и разширявате съкращения въз основа на тагове и персонализирани фрагменти.
- Любими в лентата с инструменти - Персонализирайте лентата с инструменти с контекстни действия, фрагменти и менюта за бърз достъп.
- Отстъпете отново - Чао, чао, разхвърлян код. Приложете персонализиран интервал чрез пример. Работи за HTML, CSS и JavaScript.
- Шаблони - За файлове, папки или проекти. Използвайте вграден или запазете битовете си за многократна употреба. Истинско спестяване на време.
- Работно пространство - Сега с гъвкавостта на разделите, като същевременно се интегрира още по-гладко с вашите проектни файлове.
- Отворете бързо - Превключвайте между документи, без да изваждате пръсти от клавиатурата. Време е.
- Твърди основи - Zippy редактиране. CodeSense. Сгъване. Ръководства за отстъп. Балансиране на скоби. Всички там, тихо помагат.
- Мулти редактиране - Правете много промени наведнъж, не една промяна много пъти. Множеството селекции правят преименуването на нещата леки.
- Навигатор - Няма просто меню с функции. Лесно навигирайте в структурата на кода си с групи, визуализации на стилове и Бърз филтър.
- Езикова поддръжка - Извън кутията: HTML, (S) CSS, LESS, JS, CoffeeScript, PHP, Ruby, Python, Apache и XML.
- Фантастична находка - Игла и купа сено вече няма. Проектът „Намери и замени“, „Бърз филтър“ и цветното регулярно изражение правят търсенето през файлове или текст лек бриз.
- Включване на захранването - Espresso се предлага с обширен плъгин API за действия, синтаксиси, форматиране и др.
Еспресо има езикови приставки които поддържат C, Clojure, ConfigParser, ConvertLinebreaks, Erlang, ExtJS, Flash, French Press (JavaScript beautifier), Haskell, HTMLBundle, INI, jQuery, Latex, Lua, Objective-C, Perl, Prefixr, Regex, Smarty, SQL, Textile и YAML.
Невероятно съм доволен от Espresso и вече се отказах от стария си редактор на кодове за него! Цената на инструмента ми спести много пари по този първи проблем, който лесно успях да диагностицирам и коригирам.