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

ВегаМикс 2

Казуальные, Три в ряд, Головоломки

Играть

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

  • solenakrivetka solenakrivetka 7 постов
  • Animalrescueed Animalrescueed 53 поста
  • ia.panorama ia.panorama 12 постов
Посмотреть весь топ

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

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

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

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

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
0 просмотренных постов скрыто
TECHLiveHACK
TECHLiveHACK

Генерируем цвета для сайта⁠⁠

2 года назад
Генерируем цвета для сайта

Drop-In CSS (https://www.dropincss.com/) - удобное средство, предназначенное для упрощения процесса создания цветовых схем для сайта. С помощью Drop-In CSS вы сможете без труда придать стиль своему веб-проекту, не прибегая к ручному выбору и кодированию цветов.

Drop-In CSS упрощает процесс создания цветовой палитры для сайта. Это идеальное решение для тех, кому нужен быстрый и простой способ придать веб-страницам изысканный вид.

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

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

Источник: https://t.me/TechLiveHack/201

Показать полностью
Технологии Программа Гайд Windows Инновации Верстка Сайт Интернет Цвет Подборка Telegram (ссылка)
0
0
TECHLiveHACK
TECHLiveHACK

Конструктор веб страниц без кода⁠⁠

2 года назад
Конструктор веб страниц без кода

Softr (https://www.softr.io/) – это гибкая и «умная» система с достаточным количеством интеграций, позволяющая создать веб-приложение любого масштаба без знания кода. Конструктор позволяет быстро собирать адаптивные веб-приложения.

Он объединяет в себе мощный бэкенд и интуитивно понятный фронтенд. Это полностью зерокодинговая платформа, интегрированная с облачной базой данных Airtable, таблицами Google Sheets и другими полезными инструментами.

Softr оборудован блочным редактором кода: приложение собирается как конструктор, причем каждый из блоков кастомизируется, можно менять фоны и цвета. Предлагается выбор из 30+ макетов каталога – таблицы, гриды, галерея изображений, карточки товаров и т.д. Доступна кастомизация при помощи HTML и CSS.

Желающие могут попробовать конструктор бесплатно – в триал-пак включены домен, членство для пяти участников, интеграция с БД на 200 строчек и неограниченное количество посетителей приложения. В принципе, этого хватит, чтобы запустить небольшой MVP.

Источник: https://t.me/TechLiveHack/187

Показать полностью
Технологии Гайд Программа Программирование Сайт Верстка Интернет Создание Telegram (ссылка)
1
2
pimarov352

Шаблоны Wordpress. Плагины Wordpress. Wordpress Elementor⁠⁠

2 года назад

Здравствуйте, уважаемые друзья.

Если вдруг кому-нибудь нужна помощь в установке, настройке шаблонов для Wordpress, готов помочь на безвозмездной основе.

Также готов проконсультировать Вас по работе с различными плагинами для Wordpress.

Уже более 3-х лет занимаюсь разработкой сайтов на конструкторе Elementor (Wordpress). За это время накопилось много опыта в работе с конструктором Elementor. Готов помочь, проконсультировать по различным вопросам.

P.S. Попробую заранее ответить на вопросы:

1) Elementor "плохой" вариант? В этом есть доля правды. Поехали.

  1. Избыточная верстка. Да, верстки там много, даже очень много. Сайты, созданные на Элементоре в большинстве своем "тяжелые". Грузятся долго, по сравнению с сайтами, написанные на "чистом коде". Но попробуйте найти контору (или фрилансера), который напишет вам полноценный сайт за копейки. То, что на Элементоре пишется за 2 часа, на "чистом коде" вам будут писать 3-5 дней. Умножайте затраты на человеко-часы в 10-15 раз.

    2). Есть специальные сервисы для создания сайтов (лендингов), зачем тогда Wordpress (Elementor)?

    2. Сервисы есть, и их очень много, и функционала там хватит на любой запрос.

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

    Есть еще очень много тонкостей и преимуществ, которые вы можете бесплатно получить с помощью плагинов Wordpress, работая с этой системой. Их тут все описать невозможно.

    Будут вопросы, задавайте. Спасибо.

Показать полностью
IT Интернет Сайт Программирование Wordpress Верстка Про сайты Создание сайта Текст ДоброВспышка
28
2
OverCode
OverCode

Веб-студия - производственный ад или благо?⁠⁠

2 года назад

Эх.. Первый пост на данной платформе.
Интересно, получится ли написать что-то интересное?!

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

Сразу хочу ответить, что сам по себе - разработчик средней руки.
Имею в стеке HTML5, CCS3, JS, Node.js, PHP, React.js, SQL, PostgreSQL и Kotlin.
Занимаюсь программированием около 3.5 лет и на данный момент, заканчиваю учебное заведение по специальности. С предисловием - всё. Переходим к самому интересному (возможно, что не очень).

Опустим процесс обучения азам и сразу перейдём к моменту получения первого заказа.
Интересно, что успел его выцепить ещё в то время, когда еле-еле освоил азы HTML и CSS.
Как-то гулял по просторам интернета и попал на биржу «Weblancer». Не могу сказать, что она сильно популярная, но в отличие от аналогов в RU сегменте, хотя бы даёт пару бесплатных откликов и возможность получить реальный заказ, а не спамит кучей фейков от ботов.
Тогда, моим максимумом были простенькие landing-page и формочки. Отправив пару откликов на немногочисленные запросы, которые хотя бы в теории мог выполнить, получил один положительный ответ и сразу же упало сообщение в личку от заказчика. Им оказался мужчина из Киева, который занимался перепродажей БУ стиральных машинок. Стоимость работы была мизерная (как и большинство подобных на фрилансе) - около 4000 рублей, но тогда, мне казалось, что это какие-то космические деньги.

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

Требовался простенький сайт, который должен был включать в себя написанные копирайтером текста и соответствовать заданной стилистике, которая, к слову, была достаточно лёгкой, так как, представляла из себя что-то похожее на сайты прямиком из середины нулевых.
Ох.. Каким же испытанием для меня стала вёрстка этого простенького на данный момент макета и его адаптирование под мобильные устройства. Ушли примерно 2 дня, слёзы, пот, кровь и нервы, но сайт был сделан и функционирует по сей день.

Заказчик был крайне доволен, оставил положительный отзыв и предложил подработать личным репетитором для его сына. Ставку согласовали в размере 500 руб/час (взрыв мозга для меня в 17 лет). Можно ли сказать, что был хорошим репетитором? Думаю, что да, хоть мои знания на тот момент и ограничивались самым базисом, старался подготавливать интересный материал и повторять все необходимые темы к урокам. Потом, парень ушёл на летние каникулы и к сожалению - больше мы не сотрудничали. В этом году, мужчина написал мне в Discord с просьбой помочь разобраться в части кода и мы быстренько разобрали, что там и как. Собственно, больше не контактировали, но опыт оказался интересным и зародил во мне желание найти подобное в будущем.

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

Затем, последовал период проблем в личной жизни и мне пришлось выпасть из всего этого примерно на год. Осознал, что нахожусь в простое и никуда не двигаюсь. Принял волевое решение сутками налегать на документацию и в ускоренном темпе осваивать различные технологии. Так прошло около нескольких месяцев и на меня вышел подрядчик. Мы успели закрыть несколько крупных заказов и несколько landing-page, вошёл во вкус и начал получать удовольствие от профессии - это уже не было таким адом, каким было в момент изучения материала. Сложно передать боль и страдания во время изучения чего-то сложного, когда месяцами не выходишь из дома, смотришь в экран и пытаешься в чём-то разобраться, но предполагаю, что студенты технических ВУЗов смогут понять.

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

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

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

А вот что же будет дальше, Вы, узнаете из последующих постов, которые, уверяю - будут интересными, объёмными и постараются передать Вам наш опыт.

С Вами был OverCode.
Всех благ и до новых встреч!

Веб-студия - производственный ад или благо?
Показать полностью 1
[моё] IT Web-программирование Веб-разработка Верстка Блог Истории из жизни Программирование Интернет Услуги Поиск работы Заказ Бизнес Wordpress CSS Удаленная работа Опыт Фриланс Программа Javascript HTML Длиннопост
12
shaitan.vladimir
shaitan.vladimir
Web-технологии

Композиция тегов HTML⁠⁠

2 года назад

https://youtube.com/shorts/zagqcI3uyck?feature=share

[моё] IT Разработка Интернет HTML Основы HTML Htmlbook Браузер Веб-разработка Frontend Верстка Верстальщик Видео YouTube
6
10
shaitan.vladimir
shaitan.vladimir
Web-технологии

Тип данных String в JavaScript⁠⁠

3 года назад

string - примитивный тип данных, представляет собой цепочку элементов использующую кодировку UTF-16, вне зависимости от кодировки которую использует страница. Больше уроков у меня на канале UTF-16 описывает возможность хранения символов unicode с помощью 16 или 32 битных значений. Любые текстовые данных в JavaScript являются строкой в том числе и JSON.

Можем создавать строки разными способами:

// Одинарные кавычки
const stringExample_1 = 'Hello world #1';

// Двойные кавычки

const stringExample_2 = "Hello world #2";

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

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

const stringExample_3 = 'I am \'not\' sentient';

// Аналогично и с двойными кавычками.
const stringExample_4 = "I am \"not\" sentient";

// Решаем ситуацию проще, используя один тип кавычек внутри другого.
const stringExample_5 = 'I am "not" sentient';

Обратные кавычки


Шаблонные строки или шаблонные литералы.


Внутри обратных кавычек мы можем вычислять какое-то выражения или подставлять значение переменной, предварительно обернув его в ${}, этот функционал доступен только при использовании обратных кавычек.

const stringExample_6 = `Hello world #3`;
const stringExample_7 = `Hello world #${2+2}`;
const helloWorldNumber = 5;
const stringExample_8 = `Hello world #${helloWorldNumber}`;

Важно! То что мы передаем внутрь ${} будет преобразовано в строку.

Мы можем добиться аналогично поведения если будем использовать оператор '+' и одинарные или двойные кавычки. Это операция называет 'конкатенация строк'.

const stringExample_9 = 'Hello world #' + 6;
const stringExample_10 = "Hello world #" + 7;

Для того чтобы узнать количество символов в строке мы можем обратится к ее свойству length.

const stringExample_11 = 'Hello world #';
console.log(stringExample_11.length); // 13 символов

Для того чтобы получить символ из строки вы можете обратиться к нему по его индексу. Индексирование строк начинается с 0 и заканчивается количеством ее символов минус 1.

const stringExample_12 = 'Hello world #9';
const firstChar = stringExample_12[0]; // H
const thirdChar = stringExample_12[2]; // l
const lastChar = stringExample_12[stringExample_12.length - 1]; //9

Иммутабельность строк

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


const stringExample_13 = 'Hello world #10';

// Заменяем первый символ строки.
stringExample_13[0] = 'Q';

console.log(stringExample_13); // 'Hello world #10'

Строка не изменилась

Также в строках мы можем использовать unicode символы

console.log('\u{1F60D}')

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

P.P.S. Файлы с урока

Показать полностью
[моё] Разработка Программирование Баг Программист IT Интернет Собеседование Верстка Javascript Frontend Видео YouTube Длиннопост
26
5
shaitan.vladimir
shaitan.vladimir
Web-технологии

Функции в SASS / SCSS⁠⁠

3 года назад

Привет, в этом уроке мы научимся использовать функции в SASS / SCSS, рассмотри примеры их работы, а также разберемся с новым, для нас, циклом @for. Напишем несколько функций и посмотрим для чего они вообще нужны. Приятного просмотра. Больше уроков у меня на канале.

Показать полностью
[моё] Программирование Программист Разработка IT Баг Интернет Собеседование HTML CSS Javascript Верстка Создание сайта Видео YouTube Scss Sass
2
8
shaitan.vladimir
shaitan.vladimir
Web-технологии

Тег input в HTML⁠⁠

3 года назад

Привет, в рамках этого урока мы познакомимся с тегом input, разберем типы input-ов, рассмотрим атрибуты этого тега, а также познакомимся с тегом label. Больше уроков у меня на канале.

Этот видео-урок является дополнением к посту о input - ссылка на пост
Показать полностью
[моё] Баг Программист Программирование Разработка IT HTML Html 5 Основы HTML CSS Css3 Javascript Верстка Создание сайта Собеседование Интернет Видео YouTube
0
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии