Зачем использовать конструктор сайтов даже если ты опытный разработчик
#веб #разработка #frontend #tilda #nocode
Последний год я занимаюсь разработкой и продвижением своего продукта. Из-за нехватки ресурсов для создания сайта я решил использовать конструктор вместо того, чтобы писать свой сайт с нуля — несмотря на то, что у меня есть опыт и возможность это сделать.
Есть множество конструкторов сайтов, самые популярные из китовых: Webflow, Wix, Squarespace и… Tilda. Мой выбор пал на последний в частности из-за двух аспектов: цена и простота пользования. Мнение, естественно, субъективное, но если говорить честно, то у меня просто не было времени и желания тщательно оценивать все опции.
Для меня важно было с минимальными усилиями собрать красивый лендинг.
В этом основная суть конструкторов — в них есть готовые блоки, которые подчиняются единой дизайн системе.
Хорошо, я собрал сайт… а потом оказалось, что там есть блок T123. Это такая штука, в которую можно вставлять любой HTML, CSS и JavaScript код! 🤩
И здесь проснулся во мне маленький экспериментатор, который давным-давно в начале своего пути делал то же самое, редактируя сайты на ucoz! Блок T123 — это один в один редактор кода в ucoz!
Интересно, как такая достаточно банальная функция, как добавление своего кода на готовую платформу позволяет увеличить гибкость конструктора в разы. Это как раз тот случай, когда заявление сервиса о «бесконечных возможностях» — чистая правда.
Ведь с помощью своего кода можно менять не только визуальную составляющую сайта, а также разрабатывать сложные интеграции с существующим функционалом платформы.
Здесь нужно отдать команде Tilda должное за то, что они по сути предоставляют публичный API к своему функционалу на фронтенде.
Да, это не документировано, не соответствует текущим трендам разработки и может в любой момент сломаться. Но какой простор для творчества это дает!
По сути в вашем распоряжении находится одновременно и CMS, и CRM, и целый набор готовых интеграций (платежи, рассылки, сервисы доставки). И все это вы можете кастомизировать на фронтенде практически как угодно. А самое главное — это экономит время и ресурсы на разработку, потому что вам легче найти разработчика на поддержку сайта, поскольку это известная платформа с уже сформированным рынком вокруг нее.
Для кого-то Tilda сейчас дает возможность войти в сферу веб-разработки точно также как мне дал эту возможность ucoz в свое время.
Круто, что такие инструменты оказываются полезными не только новичкам, но и профессионалам в данной области.
#веб #разработка #frontend #tilda #nocode
Последний год я занимаюсь разработкой и продвижением своего продукта. Из-за нехватки ресурсов для создания сайта я решил использовать конструктор вместо того, чтобы писать свой сайт с нуля — несмотря на то, что у меня есть опыт и возможность это сделать.
Есть множество конструкторов сайтов, самые популярные из китовых: Webflow, Wix, Squarespace и… Tilda. Мой выбор пал на последний в частности из-за двух аспектов: цена и простота пользования. Мнение, естественно, субъективное, но если говорить честно, то у меня просто не было времени и желания тщательно оценивать все опции.
Для меня важно было с минимальными усилиями собрать красивый лендинг.
В этом основная суть конструкторов — в них есть готовые блоки, которые подчиняются единой дизайн системе.
Хорошо, я собрал сайт… а потом оказалось, что там есть блок T123. Это такая штука, в которую можно вставлять любой HTML, CSS и JavaScript код! 🤩
И здесь проснулся во мне маленький экспериментатор, который давным-давно в начале своего пути делал то же самое, редактируя сайты на ucoz! Блок T123 — это один в один редактор кода в ucoz!
Интересно, как такая достаточно банальная функция, как добавление своего кода на готовую платформу позволяет увеличить гибкость конструктора в разы. Это как раз тот случай, когда заявление сервиса о «бесконечных возможностях» — чистая правда.
Ведь с помощью своего кода можно менять не только визуальную составляющую сайта, а также разрабатывать сложные интеграции с существующим функционалом платформы.
Здесь нужно отдать команде Tilda должное за то, что они по сути предоставляют публичный API к своему функционалу на фронтенде.
Да, это не документировано, не соответствует текущим трендам разработки и может в любой момент сломаться. Но какой простор для творчества это дает!
По сути в вашем распоряжении находится одновременно и CMS, и CRM, и целый набор готовых интеграций (платежи, рассылки, сервисы доставки). И все это вы можете кастомизировать на фронтенде практически как угодно. А самое главное — это экономит время и ресурсы на разработку, потому что вам легче найти разработчика на поддержку сайта, поскольку это известная платформа с уже сформированным рынком вокруг нее.
Для кого-то Tilda сейчас дает возможность войти в сферу веб-разработки точно также как мне дал эту возможность ucoz в свое время.
Круто, что такие инструменты оказываются полезными не только новичкам, но и профессионалам в данной области.
🔥1
#веб #тильда #хакинг #frontend
В очередной раз я погрузился в недра исходников Тильды при разработке казалось бы простой модификации.
Ранее я уже упоминал, что сейчас часто работаю с Tilda. Мне нужно было сделать отправку формы, а вместе с формой отправить информацию о товаре в обход экрана с корзиной, что невозможно сделать стандартными средствами.
У Tilda есть JS API, которое открыто, но не документировано. Это части большого набора функций, которые Tilda использует под капотом в своих готовых блоках.
и вот тут разгорелся мой хакерский азарт
Оказывается за отправку товара вместе с формой отвечает атрибут
С помощью доступного JS API можно заставить Tilda отправить информацию о товаре вместе с остальными полями формы. Тогда Tilda создаст новый заказ и свяжет его с товаром — в обход интерфейса корзины.
В очередной раз я погрузился в недра исходников Тильды при разработке казалось бы простой модификации.
Ранее я уже упоминал, что сейчас часто работаю с Tilda. Мне нужно было сделать отправку формы, а вместе с формой отправить информацию о товаре в обход экрана с корзиной, что невозможно сделать стандартными средствами.
У Tilda есть JS API, которое открыто, но не документировано. Это части большого набора функций, которые Tilda использует под капотом в своих готовых блоках.
и вот тут разгорелся мой хакерский азарт
Оказывается за отправку товара вместе с формой отвечает атрибут
data-formcart="y".Информацию об этом я узнал из исходников Tilda, которые не сильно обфусцированы, а потому достаточно легко читаются
С помощью доступного JS API можно заставить Tilda отправить информацию о товаре вместе с остальными полями формы. Тогда Tilda создаст новый заказ и свяжет его с товаром — в обход интерфейса корзины.
#верстка #веб #frontend
Помимо Тильды я занимаюсь также разработкой сложных веб-приложений с нуля. Часто при старте нового проекта я пытаюсь использовать инструменты, которые уже знаю, чтобы ускорить процесс разработки.
Однако обычно я выбираю одну новую технологию или инструмент для того, чтобы было интереснее 😅, особенно если проект мой.
Последний пример — это TailwindCSS. Это CSS фреймворк, который облегчает верстку страницы за счет того, что в нем уже заданы готовые цвета, отступы и прочие штуки, которые иначе пришлось бы описывать самому с помощью CSS.
Вообще, CSS-фреймворков существует множество, однако разные фреймворки решают разные задачи:
▫️ Дают возможность использовать готовые компоненты, такие как кнопки, карточки, меню и т.п. Например: Bootstrap, Bulma
▫️ Добавляют стили по умолчанию. Достаточно добавить CSS файл на страницу, и к HTML элементам применяются стили без назначения классов. Например: PureCSS, PicoCSS
▫️ Добавляют CSS классы-утилиты для помощи в разработке. Это как конструктор Лего, где есть совсем базовые детали, из которых можно собрать и машину, и дом. Такие утилиты облегчают задание отступов, размеров, цвета и т.п. Именно к таким фреймворкам относится TailwindCSS
Первыми двумя видами фреймворков я пользовался ранее, а вот TailwindCSS я хотел попробовать уже давно. Тут как раз подвернулась хорошая возможность: необходимо было сделать простую и минималистичную страницу с нуля без предварительного дизайна и макета.
Для этого идеально подошел TailwindCSS, потому что за счет того, что в нем уже задана модульная сетка мне не пришлось тратить на это время.
На мой взгляд основная ценность этого фреймворка, особенно для разработчиков, заключается в том, что в нем уже заданы оптимальные параметры отступов, размеров шрифтов и прочего. Это позволяет создавать гармоничный дизайн с соблюдением пропорций без привлечения дизайнера.
Подробнее про плюсы и минусы этого фреймворка я написал в статье на vc.ru:
#верстка #веб #frontend
Помимо Тильды я занимаюсь также разработкой сложных веб-приложений с нуля. Часто при старте нового проекта я пытаюсь использовать инструменты, которые уже знаю, чтобы ускорить процесс разработки.
Однако обычно я выбираю одну новую технологию или инструмент для того, чтобы было интереснее 😅, особенно если проект мой.
Последний пример — это TailwindCSS. Это CSS фреймворк, который облегчает верстку страницы за счет того, что в нем уже заданы готовые цвета, отступы и прочие штуки, которые иначе пришлось бы описывать самому с помощью CSS.
Вообще, CSS-фреймворков существует множество, однако разные фреймворки решают разные задачи:
▫️ Дают возможность использовать готовые компоненты, такие как кнопки, карточки, меню и т.п. Например: Bootstrap, Bulma
▫️ Добавляют стили по умолчанию. Достаточно добавить CSS файл на страницу, и к HTML элементам применяются стили без назначения классов. Например: PureCSS, PicoCSS
▫️ Добавляют CSS классы-утилиты для помощи в разработке. Это как конструктор Лего, где есть совсем базовые детали, из которых можно собрать и машину, и дом. Такие утилиты облегчают задание отступов, размеров, цвета и т.п. Именно к таким фреймворкам относится TailwindCSS
Первыми двумя видами фреймворков я пользовался ранее, а вот TailwindCSS я хотел попробовать уже давно. Тут как раз подвернулась хорошая возможность: необходимо было сделать простую и минималистичную страницу с нуля без предварительного дизайна и макета.
Для этого идеально подошел TailwindCSS, потому что за счет того, что в нем уже задана модульная сетка мне не пришлось тратить на это время.
На мой взгляд основная ценность этого фреймворка, особенно для разработчиков, заключается в том, что в нем уже заданы оптимальные параметры отступов, размеров шрифтов и прочего. Это позволяет создавать гармоничный дизайн с соблюдением пропорций без привлечения дизайнера.
Подробнее про плюсы и минусы этого фреймворка я написал в статье на vc.ru:
vc.ru
Как принять TailwindCSS и начать жить — Разработка на vc.ru
Алексей Разработка 12 дек
🔥2❤1