Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Это захватывающая 2D рогалик, аркадный шутер и динамичная игра. Исследуйте уникальные уровни, уничтожайте врагов, собирайте монеты и прокачивайте своего персонажа.

Подземелье дизлайков

Экшены, Аркады, Шутер

Играть

Топ прошлой недели

  • AlexKud AlexKud 40 постов
  • unimas unimas 13 постов
  • hapaevilya hapaevilya 2 поста
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
0 просмотренных постов скрыто
2163
BHD2R
BHD2R
3 года назад
IT-юмор

Хэлло, кто-нибудь!⁠⁠

Хэлло, кто-нибудь!
Юмор IT IT юмор Frontend Backend Скриншот
35
0
DELETED
3 года назад

Создаем простой слайдер в Drupal 8⁠⁠

Устанавливаем и включаем модуль slick views:

composer require drupal/slick_views ; drush en slick_views -y ; drush en slick_ui -y

Композер сам найдет и установит дополнительные модули: slick, slick ui.


Заходим на страницу Отчет о состоянии:

/admin/reports/status

Slick требует установки библиотек.

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

В терминале заходим в папку libraries, что в корне сайта.

cd ~/user/site/libraries

Если ее нет, то создаем.

mkdir ~/user/site/libraries

Переходим на страницу каждой библиотеки, нажимаем кнопку Clone or download и копируем путь:

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Находясь в папке libraries, клонируем библиотеки:

git clone https://github.com/dinbror/blazy.git ;
git clone https://github.com/kenwheeler/slick.git

Заходим на страницу настроек модуля Slick и делаем дубликат шаблона.

/admin/config/media/slick
Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Меняем название и машинное имя и сразу же сохраняем. Для простого слайдера стандартных настроек достаточно.


Создаем новое представление и меняем формат с Неформатированный список в Slick Carousel.

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Нажимаем галку Vanilla Slick, меняем Optionset main на созданный ранее Slider и сохраняем.

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

В настройках представления указываем что выводить, сколько и как:

Я вывожу статьи, две штуки в режиме отображения анонс.

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Сохраняем представление.


Результат в теме Bartik

Создаем простой слайдер в Drupal 8 Разработка, Программирование, IT, Программист, Drupal, Backend, Web, Web-программирование, Carousel, Софт, Разработчики, Frontend, Слайдер, Гифка, Длиннопост

Вот и все. Если вам нужна карусель из нескольких столбцов или даже рядов, то вы можете самостоятельно в настройках Optionset поменять их количество.

Показать полностью 6
[моё] Разработка Программирование IT Программист Drupal Backend Web Web-программирование Carousel Софт Разработчики Frontend Слайдер Гифка Длиннопост
1
ByTeRoK
ByTeRoK
3 года назад
Лига программистов

Android-разработка или Frontend web⁠⁠

Всем привет!!!

Мой первый пост получается)))

Помогите, пожалуйста, определиться с выбором: нативная Android-разработка приложений или же Frontend web c возможностью в будущем научиться делать кросплатформенные приложения в React Native. На данный момент учу Android программировать(читать книжки по java и kotlin и то раньше начал) где-то месяца 2-3 назад, но чувствую, что как то туго идет.

IT Программирование Frontend Текст
35
5
echo0x00
echo0x00
3 года назад
Online Tutorials | Web 3.0

Эффект со сложенными карточками на чистом CSS⁠⁠

Источник

CSS Программирование Frontend IT Видео Без звука
4
1245
stavropol
stavropol
3 года назад
IT-юмор

Когда бэкендеру приходится работать с CSS⁠⁠

Источник: localhost

Telegram-канал IT-юмор

IT юмор Backend Frontend CSS Веб-разработка Видео Вертикальное видео Дети
171
92
romanzhivo
3 года назад

Политизация IT⁠⁠

Всем привет!


Занимаясь разработкой, решил провести небольшой эксперимент (конечно, не в строгом научном смысле, а, скорее, просто ради любопытства) на базе одного весьма популярного проекта, а именно библиотеки для разработки фронтенда React.


Для ЛЛ:


1) на сайте русскоязычной версии документации популярной фронтенд-библиотеки с открытым исходным кодом React есть баннер с призывом к россиянам "не молчать и поддержать Украину", он был добавлен 2.03.2022:

Политизация IT Политика, Россия, Россия и Украина, Антироссийская политика, Русские, IT, Программирование, Ненависть, Любовь, Мир, Мат, React, Frontend, Разработка, Михаил Лермонтов

2) вчера мною было сделано предложение внести изменения в основную ветку проекта (pull-request) с призывом поддержать Россию и пожеланием всем мира:

Политизация IT Политика, Россия, Россия и Украина, Антироссийская политика, Русские, IT, Программирование, Ненависть, Любовь, Мир, Мат, React, Frontend, Разработка, Михаил Лермонтов

3) мне дали понять, что мне не рады, просто закрыли pull-request и заблокировали обсуждение:

Политизация IT Политика, Россия, Россия и Украина, Антироссийская политика, Русские, IT, Программирование, Ненависть, Любовь, Мир, Мат, React, Frontend, Разработка, Михаил Лермонтов

Обо всём по порядку.


В связи с СВО появилось очень много инфошума, политическая повестка стала продвигаться во всех сферах, куча проектов и частных лиц стали в той или иной форме поддерживать Украину, например, платформа Meta временно разрешила использовать "язык вражды" (по сути - оскорбления) в отношении русских солдат или любого, кто упоминает тему "вторжения", или Википедия вывешивает баннер с призывом не допустить её блокирования в России из-за статей вроде этой, притом что редактирование статей запрещено, а их содержание очевидно ангажировано не в пользу России.


К моему сожалению, русских и Россию довольно часто выставляют не в лучшем свете даже там, где, казалось бы, политизация вообще неуместна, а именно в IT, в частности - в OpenSource-проектах (проекты с открытым исходным кодом, код которых в большинстве случаев может использовать, изменять и распространять любой желающий).


React - это, пожалуй, на сегодня самая популярная библиотека (фреймворк) для разработки фронтенда. Она существенно облегчает и ускоряет разработку сайтов, ежедневное её скачивают около 2-х миллионов раз.

Сама библиотека разрабатывается Фейсбуком, и её используют практически все IT-гиганты и крупнейшие компании по всему миру, в том числе и российские Яндекс и Mail.ru.


И на главной странице сайта React (как минимум в англоязычной и русскоязычной версиях) присутствует призыв, о котором упомянуто в начале поста.

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


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


Безусловно, текущая ситуация невероятно трагична как для России, так и для Украины, но слепо ненавидеть абстрактных представителей какого-то народа, на мой взгляд, неправильно.

"Зло порождает зло" - это аксиома.


Всем мир!

Показать полностью 1
[моё] Политика Россия Россия и Украина Антироссийская политика Русские IT Программирование Ненависть Любовь Мир Мат React Frontend Разработка Михаил Лермонтов
59
13
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Циклы в SASS / SCSS ( @each )⁠⁠

Привет, в этом уроке мы разберемся что такое циклы в SASS / SCSS на примерах разберем как перебирать структуры данных List и Map и на примерах разберемся как использовать все эти вещи вместе с интерполяцией для динамической генерации стилей. Приятного просмотра.

P.S. Больше уроков у меня на канале

[моё] HTML Html 5 Основы HTML CSS Css3 Javascript Frontend Верстка Верстальщик Программирование Программист Разработка Разработчики IT Баг Собеседование Видео YouTube
2
Партнёрский материал Реклама
specials
specials

Помните своего тамагочи?⁠⁠

Если не помните или у вас его не было, то вы где-то потеряли кусочек сердца… но все можно исправить. С тамагочи можно поиграть прямо сейчас.

ГДЕ МОЙ ТАМАГОЧИ

Игры Награда Тамагочи Ностальгия Текст
DELETED
3 года назад

Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu⁠⁠

Рассмотрим один из самых простых способов создать мобильное меню в Drupal 8. Для этого используем модуль Responsive and off-canvas menu.

Устанавливаем через Composer:

composer require drupal/responsive_menu ; drush en responsive_menu -y

Скачиваем библиотеку mmenu.

cd ~/site_root/libraries/ ; git clone https://github.com/FrDH/jQuery.mmenu.git && mv jQuery.mmenu mmenu

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


Переходим на страницу настроек модуля «Responsive Menu»:

/admin/config/user-interface/responsive-menu

В разделе OFF CANVAS указываем машинное имя меню.

Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu Разработка, Программирование, IT, Программист, Обучение, Урок, Drupal, Backend, Меню, Мобильное, Hamburger, Web, Web-программирование, Frontend, Jquery, Модуль

Если нужна «Основная навигация» — оставляйте main.

Остальные настройки можно оставить по умолчанию.

Переходим на страницу «Схема блоков»:

/admin/structure/block

Располагаем в нужном регионе гамбургер:

Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu Разработка, Программирование, IT, Программист, Обучение, Урок, Drupal, Backend, Меню, Мобильное, Hamburger, Web, Web-программирование, Frontend, Jquery, Модуль

Название блока с гамбургером — Responsive menu mobile icon

Переходим на главную страницу и нажимаем на гамбургер.

Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu Разработка, Программирование, IT, Программист, Обучение, Урок, Drupal, Backend, Меню, Мобильное, Hamburger, Web, Web-программирование, Frontend, Jquery, Модуль

На ширине 320px мобильное меню будет выглядеть так

Показать полностью 2
[моё] Разработка Программирование IT Программист Обучение Урок Drupal Backend Меню Мобильное Hamburger Web Web-программирование Frontend Jquery Модуль
3
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии