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

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

 

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

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

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

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

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

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

 

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

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

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

https://tiku.ru/

 

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

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

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

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

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

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

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

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

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

https://tiku.ru/music/

 

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

https://ra.co/

 

Решил написать пост дополнение к моему видео о том как вывести ленту 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.

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

 




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

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

 

© Tiku 2010 —



Поделиться

Отправить


Класснуть

Линкануть

Вотсапнуть

Запинить