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

Герои Мини-Королевства

Кликер, Стратегии, Мидкорные

Играть

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

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

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

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

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

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

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

HTML

С этим тегом используют

CSS Программирование Javascript Верстка IT Сайт Web Все
966 постов сначала свежее
nfh2860
nfh2860
3 года назад

Выкладываю свою страничку на GitHub⁠⁠

Перед тем как приступить к JavaScript, решил реструктурировать html и css код, благо его немного, да и целесообразно сделать это сейчас , чем разбираться потом. Всё это делаю сейчас ещё и из-за того, что приступая к js, понял, что тема эта займёт много времени и пока буду с ней разбираться, кто-то может подсказать что-то дельное по уже существующему материалу.

Начал понятное дело с html. Постарался дать как кажется более приемлемые названия для классов. Объединил всё в блоки, в которых элементы близки по смыслу, а также выделены физически на фоне других блоков.

По поводу css, настраивал всё только под позиционирование, да и только на одну рамку под свой экран. Считаю что на данный момент нецелесообразно использовать media query, так как ещё не определился по поводу внешнего вида самих страниц. Только когда определюсь с содержимым сайта, я займусь графической стороной, а пока на данный момент все что я узнавал из тем по css, я применял на странице с целью ознакомления и убирал, не видя целесообразности в употребление того или иного свойства. Пока сайтик не будет функциональным с точки зрения его основного предназначения, его оформление будет вычурным и неестественный для контраста работы видимых границ блоков.

По поводу git и GitHub решил сильно не заморачиваться и пользоваться ими не через консоль, а через встроенный инструмент в Visual Studio Code. Для начала чтобы только пушить изменения в репозиторий мне будет достаточно.

Выкладываю свою страничку на GitHub HTML, CSS, Веб-разработка, Github

Вот ссылочка на GitHub https://github.com/Astrodynamic/itakaboom.com

Показать полностью 1
[моё] HTML CSS Веб-разработка Github
13
458
Frutellis
Frutellis
3 года назад
Графический и Веб-дизайн
Серия Gradients.app

Генератор градиентов и палитры по картинкам⁠⁠1

Генератор градиентов и палитры по картинкам Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Длиннопост

Привет, пикабу!

Делюсь своим проектом Gradients.app, занимаюсь им в свободное время и очень жду замечаний и предложений. Проект может пригодиться дизайнерам и иллюстраторам — тут про цвета и градиенты.

Набор градиентов

На сайте можно скачать градиенты разных размеров в PNG, скопировать цвета по отдельности и CSS-коды градиентов. Градиенты сортируются по цветам, скачиваниям и дате. Градиентов на сегодня 87, добавляю их самостоятельно, если у вас есть классные сочетания — буду рад их добавить.

Генератор градиентов и палитры по картинкам Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Длиннопост

Можно провалиться внутрь карточки градиента, там будет больше информации и разные размеры для скачивания. Для веб-дизайнера есть CSS-код градиента, а для иллюстраторов — цвета в RGB, CMYK, HEX и HSL.

Генератор градиентов и палитры по картинкам Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Длиннопост

Генератор градиентов

Можно делать градиенты самим: подбирать цвета, смотреть разные сочетания. Есть возможность выбрать от 1 до 5 цветов, скачивать в FHD, копировать CSS-код и рандомно менять цвета всего градиента или по отдельности.

Генератор градиентов и палитры по картинкам Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Длиннопост

Наборы палитр

Потом я добавил на сайт ещё один раздел — цветовые схемы. Загрузил картинки в разных стилях, с разными палитрами. Эти палитры можно использовать для оформления сайтов, графического дизайна или даже дизайна интерьеров.

Схемы можно отфильтровать по цветам и скопировать HEX-код каждого цвета палитры. На подробной странице схемы цвета применяются к небольшому web-шаблону: блоки, кнопки и другие элементы раскрашиваются под выбранную палитру.

Генератор градиентов и палитры по картинкам Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Длиннопост

Генератор палитры по фото

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

Генератор градиентов и палитры по картинкам Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Длиннопост
Генератор градиентов и палитры по картинкам Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Длиннопост

Проект переведен на английский и частично на китайский язык.


Буду рад критике и идеям, может что-то вышло неудобно и непонятно.

Ссылка на сайт — https://gradients.app/ru


Спасибо, всем!

Показать полностью 6
[моё] Градиент Цвет Сайт Интересные сайты HTML CSS Проект Веб-дизайн Палитра Длиннопост
84
BadMan6241
3 года назад
Web-технологии

Платные курсы по верстке - что выбрать?⁠⁠

В наши дни войти в IT кто только не пытается. И я - один из таких людей. В прошлом году получил инвалидность, из-за чего варианты заработка в и так не богатой провинции сократились до минимума. В принципе, на огромные деньги не претендую, лишь бы на хлеб хватало. Уже почти полгода изучаю html, css, немного js. Теорию учу по классике - сайты http://htmlbook.ru и https://learn.javascript.ru/ очень помогают. Вопрос с практикой - сталкиваюсь с тем, что очень не хватает ментора. В принципе, есть платные курсы, которые по максимальному тарифу предлагают обучение с ментором. Например - html-academy (https://htmlacademy.ru/intensive/htmlcss) или курсы Вадима Прокапчука от 0 до 1 (https://lolz.guru/threads/2022919/). Отзывы восторженные и там, и там (как и у других курсов от других авторов, впрочем). Но вот вопрос - оправдывают ли они себя? Просто набор тем для изучения и там, и там - довольно скудноват. И даже если курс будет освоен на 5+, судя по тенденциям на рынке труда, после этих курсов нужно брать еще как минимум какие-то курсы по js, т.к. простого верстальщика сейчас никто не ищет. Возможно, фрилас нас спасет? (хотя бы на первое время).

Хотелось бы услышать мнения пикабушников - Брал ли кто-нибудь платные курсы - и помогли ли они вам? Можете ли вы что-нибудь сказать про вышеназванные конторы? Получилось ли трудоустроиться?

Спасибо всем заранее за ответы)

Верстка HTML Курсы Помощь Текст
66
7
TayZan
3 года назад

Пост без смысла⁠⁠

Увидел что можно картинку менять и почему-то захотелось...

Пост без смысла HTML, Статистика, Пикабу, Печенька, День рождения Пикабу, Статистика Пикабу
HTML Статистика Пикабу Печенька День рождения Пикабу Статистика Пикабу
2
15
CrazyCoding
CrazyCoding
3 года назад
Web-технологии

Простой календарь на JavaScript⁠⁠

Всем привет, новое видео от меня!


Создаем простой календарь на чистом JavaScript HTML/CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Можно использовать в качестве виджета на любом сайте. При необходимости календарь на чистом JS можно стилизовать под себя.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


CodePen: https://codepen.io/crazycoding21/pen/WNjdMgY

GitHub: https://github.com/CrazyCoding21/CC-JavaScript-39-Simple-Cal...

Web Web-программирование HTML CSS Javascript Верстка Календарь Видео
9
17
CrazyCoding
CrazyCoding
3 года назад
Web-технологии

Анимированный прелоадер HTML CSS⁠⁠

Всем привет, новое видео от меня!


Создаем анимированный прелоадер на чистом HTML + CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Данное решение подойдет под большинство сайтов, где необходим прелоадер. Анимацию можно адаптировать под себя точно также как размер, цвет и форму фигур.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


CodePen: https://codepen.io/crazycoding21/pen/LYyjVWQ

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-20-Loading-Anim...

Показать полностью 1
Web Web-программирование HTML CSS Анимация Прелоадер Видео
5
atrondeus
3 года назад

Ответ на пост «Войти в IT или не знаю чо хочу, хочу всё другое»⁠⁠1

Попытаюсь разложить вопрос "Хочу в IT, но не знаю кем и как "

В принципе, много толковых комментов, но чаще они довольно узкие, каждый кричит из своего болота.
Самый толковый коммент: "Ты хочешь не в IT, а денег"

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

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

ВАЖНЫЙ МОМЕНТ:
Надо возвыситься на холиварами типа "c# vs java" и "python - зло" и взглянуть шире, что оказывается, IT - это не только программисты, но еще и менеджеры, дизайнеры, аналитики, маркетологи.

И все они тоже зарабатывают довольно прилично и в их профессиях есть творческая составляющая.

Я работаю интернет-маркетологом и вижу, что мало кто представляет что может делать маркетолог.
Причем, внутри самой профессии тоже есть развитие.
Лично мне интересна автоматизация, я пишу скрипты и программы для повышения продуктивности на JS и Python, аналитика - изучаю Google Analytics, базу Data Science для анализа данных, более продвинутые инструменты для самой рекламы, типа Ad Manager и CM360.
Зарплата при этом не уступает программистам.

Так что если ты хочешь "войти в IT", то сначала окинь его широким взглядом и подумай, может тебе будет ближе что-то другое, нежели software engineering, который зачем-то отождествили с понятием IT.

Показать полностью
Data Science IT Машинное обучение Программирование Python Javascript CSS HTML Кот Ответ на пост Текст
6
Партнёрский материал Реклама
specials
specials

Сколько нужно времени, чтобы уложить теплый пол?⁠⁠

Точно не скажем, но в нашем проекте с этим можно справиться буквально за минуту одной левой!

Попробовать

Ремонт Теплый пол Текст
14
CrazyCoding
CrazyCoding
3 года назад
Web-технологии

Карточки с градиентом HTML CSS⁠⁠

Всем привет, новое видео от меня!


Создаем карточки с градиентом на чистом HTML + CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Креативное оформление для карточек на вашем сайте. Можно поменять размер, цвета в градиенте и анимацию.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


CodePen: https://codepen.io/crazycoding21/pen/oNWLNeP

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-19-Gradient-Bor...

Показать полностью 1
Программирование Web Веб-разработка HTML CSS Градиент Видео
3
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии