Веб-разработка

Описание рубрики скоро будет здесь!

 

Typedream

Typedream — это конструктор веб-сайтов без кода, разработанный для пользователей, уже знакомых с Notion.

Сайт Typedream
Сайт проекта

(На самом деле слоган платформы звучит так: «Просто, как Notion, красиво, как Webflow».)

Их конструктор веб-сайтов, по сути, создан для преобразования данных Notion в HTML.

После запуска Typedream набрала большую популярность (она заняла первое место в списке продуктов месяца по версии Product Hunt). С тех пор наблюдается устойчивый рост поискового интереса.

На сегодняшний день стартап привлек один раунд финансирования через Y Combinator.

Что дальше по Typedream

Typedream является частью метатренда «Стартапы без кода».

Динамика тренда Typedream
Динамика тренда

Ожидается, что рынок платформ без кода вырастет в 5 раз в течение следующих шести лет.

Бум инструментов без кода изначально был вызван предприятиями, стремящимися снизить затраты на ИТ и разработку.

Однако платформы без кода быстро становятся инструментом де-факто, который стартапы используют для быстрого развертывания MVP.

А учитывая, что рекордное количество людей решили начать новый бизнес (количество новых бизнес-приложений увеличилось на 25% в прошлом году), эта тенденция сохранится.

Больше подробностей на сайте проекта.

Больше трендов: https://tiku.ru/blog/category/trendy/


💬 1 кaммент    

 

Module Federation

Module Federation — это архитектура JavaScript, которая позволяет двум разным базам кода совместно использовать код и зависимости. Архитектура специально используется на микроинтерфейсах.

Module Federation
Module Federation

(Микроинтерфейсы разбивают весь интерфейс приложения на более мелкие, более управляемые части, которые работают вместе.)

Архитектура федерации модулей делает разработку микроинтерфейсов более эффективной, поскольку она может динамически распределять необходимый код между микроинтерфейсами. Это устраняет необходимость дублирования кода или внешнего управления пользовательской библиотекой.

Новая архитектура имеет около 3500 звезд на GitHub.

Что дальше по Module Federation

Федерация модулей является частью метатренда Micro Frontend Revolution.

Тренд проекта
Тренд проекта

Поиски «Micro Frontend» увеличились на 3133% за последние пять лет.

Применение дизайна микроинтерфейса позволяет разработчикам создавать более интерактивные, более управляемые и более масштабируемые интерфейсы.

В частности, микрофронтенды лучше подходят для больших проектов. Вместо того, чтобы работать со всей архитектурой внешнего интерфейса для изменений или обновлений, микроинтерфейсы позволяют разработчикам нацеливаться именно на то, что они хотят изменить, даже не «касаясь» других частей архитектуры.

Вот почему такие компании, как Fiverr, IKEA, Microsoft, Starbucks и другие, все больше полагаются на микроинтерфейсы для своих приложений.

Еще тренды: https://tiku.ru/blog/category/trendy/

Проект на GitHub.


💬 Кaмментить    

 

Новый сайт Data Insight

Data Insight наконец-то запустили новый сайт, получилось очень даже хорошо.

Главная страница сайта Data Insight
Главная страница сайта Data Insight

Особенно хорошо, если сравнивать с тем, что было раньше :) ради справедливости нужно сказать, что страницы самих исследований достаточно скучно сделаны.

Страница исследования на сайте Data Insight
Страница исследования на сайте Data Insight

В целом очень рекомендую эту площадку.

Также интересно:


💬 Кaмментить    

 

ИКС tiku.ru вырос до 20! Юхуууу!

Яндекс поднял индекс качества моего сайта, спасибо #яндекс @yandex

Рост ИКС tiku.ru
Рост ИКС tiku.ru

А какой ИКС у вас?

https://tiku.ru/


💬 1 кaммент    

 

Обновление раздела «Музыка»

Я обновил раздел музыка, теперь в нем появились новые подразделы, которые облегчают навигацию и новый подраздел «Студия».

В подразделе «Студия», я собрал все свое оборудование для написания музыки, в основном это MIDI-контроллеры.

Подраздел «Студия»
Подраздел «Студия»

Все мои миксы уютно разместились в подразделе «DJ Tiku», весёлые были времена!

Миксы диджея Tiku
Миксы диджея Tiku

Конечно, у релизов группы «Deerror» также появился свой подраздел с фирменным фоном нашего будущего.

Deerror — это больше чем музыка!
Deerror — это больше чем музыка!

Музыка нас связала!

Обновленный раздел «Музыка» настоятельно рекомендуется к посещению:

https://tiku.ru/music/


💬 Кaмментить    

 

Новая работа в портфолио — сайт Deerror

Добавил страницу про сайт музыкальной группы Deerror, участником которой я сам являюсь.

Давно не добавлял в портфолио новых работ, а тем более в категорию «Для Интернета» и вот опять.

Сайт Deerror в портфолио.
Сайт Deerror в портфолио.

Работа не новая, но в портфолио место занять заслуживает т. к. сам проект для меня имеет значение.

Дизайн и поддержка сайта группы Deerror
Дизайн и поддержка сайта группы Deerror

Сайт является продолжение моей работы по созданию фирменного стиля для Deerror.

Я не только создал этот сайт, но и активного его поддерживаю и развиваю.

Ссылка на работу в портфолио:

https://tiku.ru/portfolio/web/deerror/

Другие работы для Deerror:


💬 Кaмментить    

 

Новый сайт Resident Advisor

Resident Advisor запустили новый сайт.

Главная страница нового сайта Resident Advisor

Стало современней, но мне прошлый больше нравился, новый стал какой-то обычный, стандартный.

Как бы потерял свой неповторимый стиль.

Наверное я консерватор, главное чтобы контент остался на уровне.

https://ra.co/


💬 Кaмментить    

 

InstagramFeed + WordPress

Решил написать пост дополнение к моему видео о том как вывести ленту Instagram на сайте бесплатно и без API.

Вот видео :)

Как вывести ленту Instagram на сайте бесплатно и без API

Дело в том, что у меня была потребность вывести ленту именно на статичной HTML / CSS странице и я думал, что те кто использует WordPress этим не заинтересуется и скорей найдут для себя удобный плагин, чем будут заморачиваться с HTML / CSS / JS.

Но мне написали с вопросом, как вывести ленту этим методом именно внутри поста WordPress и оказалось, что это достаточно просто.

Все делается внутри редактора поста, через блок HTML.

Стандартный виджет HTML WordPress

В блок вставляем вот такой код (это мой пример), а параметры меняем на свои.

В моем примере кода вывод сделан три раза т. к. я использую три варианта вывода под разные устройства — настольный компьютер, планшет и смартфон, для обеспечения адаптивности верстки.

<script src="https://tiku.ru/js/jquery.instagramFeed.min.js"></script>
<script>
    (function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'ttiikkuu',
                'container': "#instfeed",
                'display_profile': false,
                'display_biography': false,
                'display_gallery': true,
                'callback': null,
                'styling': true,
                'items': 100,
                'items_per_row': 6,
                'margin': 0.25
            });
        });
    })(jQuery);
    (function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'ttiikkuu',
                'container': "#instfeed2",
                'display_profile': false,
                'display_biography': false,
                'display_gallery': true,
                'callback': null,
                'styling': true,
                'items': 100,
                'items_per_row': 2,
                'margin': 0.25
            });
        });
    })(jQuery);
    (function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'ttiikkuu',
                'container': "#instfeed4",
                'display_profile': false,
                'display_biography': false,
                'display_gallery': true,
                'callback': null,
                'styling': true,
                'items': 100,
                'items_per_row': 4,
                'margin': 0.25
            });
        });
    })(jQuery);
</script>
<!-- Display none none --><div class="display-none-none">
<!-- Display none --><div class="display-none">
<div id="instfeed"></div>
<!-- Display none --></div>
<!-- Display none none --></div>

<!-- Display desctop --><div class="display-desctop">

<!-- Display tablet none --><div class="display-tablet-none">
<div id="instfeed2"></div>
<!-- Display tablet none --></div>


<!-- Display none none --><div class="display-none-none">
<div id="instfeed4"></div>
<!-- Display none none --></div>

<!-- Display desctop --></div>

И вот так это выглядит внутри поста WordPress.

Надеюсь кому-то поможет.


💬 Кaмментить    

 




Рекламная пауза!

Все деньги с рекламы не идут
на благотворительность.

 

© Tiku 2010 —



Поделиться

Отправить


Класснуть

Линкануть

Вотсапнуть

Запинить