Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты

CSS + HTML

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

Программирование Верстка Javascript IT Web Frontend Сайт Все
393 поста сначала свежее
1

Красивая 3D модель старого компьютера с необычной начинкой внутри⁠⁠

Очень классный 3D объект старого компьютера с необычной начинкой в виде комнаты с подсветкой 😍

Можно крутить мышкой на 360 градусов, все работает это чудо работает на ThreeJS

Скачать

Показать полностью
Разработка 3D моделирование Программирование Веб-дизайн Javascript CSS HTML Компьютер Видео Без звука Telegram (ссылка)
0
3

Создаем генератор пиксельной графики своими руками⁠⁠

Создаем генератор пиксельной графики своими руками Гайд, Web-программирование, Программирование, HTML, CSS, Javascript, Пиксель, Pixel Art, IT, Веб-разработка, Разработка, Видео, YouTube, Telegram (ссылка)

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

Структура папок проекта:

Прежде чем мы начнем кодирование, давайте взглянем на структуру папок проекта. Мы создаем папку проекта под названием «Pixel Art Maker». В этой папке у нас есть три файла: index.html, style.css и script.js. Данные файлы вы можете скачать с моего хранилища нажав сюда.

Видеоурок по созданию:

Всё, теперь у вас есть собственный сайт по отрисовке пиксельных картинок.

Спасибо за лайки, комментарии, подписку и просмотр <3

Показать полностью 1
Гайд Web-программирование Программирование HTML CSS Javascript Пиксель Pixel Art IT Веб-разработка Разработка Видео YouTube Telegram (ссылка)
0
6

How to center a div?⁠⁠

How to center a div? IT юмор, IT, Программирование, HTML, CSS

Источник: "Мемы для айтишников"

[моё] IT юмор IT Программирование HTML CSS
3
11

Посты на Linked in be like⁠⁠

Посты на Linked in be like IT, IT юмор, Программирование, Ui, HTML, CSS, Telegram (ссылка)
Показать полностью 1
IT IT юмор Программирование Ui HTML CSS Telegram (ссылка)
1
0

Ok Google! How to center a div?⁠⁠

Ok Google! How to center a div? IT юмор, Юмор, Программирование, HTML, CSS, Telegram (ссылка)

Телеграм канал с подобными мемами

Показать полностью 1
IT юмор Юмор Программирование HTML CSS Telegram (ссылка)
2
808

Нерассказанная история веб-разработки⁠⁠

  • 1990: HTML придумали

  • 1994: CSS придумали, чтобы пофиксить HTML

  • 1995: JS придумали, чтобы пофиксить HTML/CSS

  • 2006: jQuery придумали, чтобы пофиксить JS

  • 2010: AngularJS придумали, чтобы пофиксить jQuery

  • 2013: React придумали, чтобы пофиксить AngularJS

  • 2014: Vue придумали, чтобы пофиксить React & Angular

  • 2016: Angular 2 придумали, чтобы пофиксить AngularJS & React

  • 2019: Svelte 3 придумали, чтобы пофиксить React, Angular, Vue

  • 2019: React hooks придумали, чтобы пофиксить React

  • 2020: Vue 3 придумали, чтобы пофиксить React hooks

  • 2020: Solid придумали, чтобы пофиксить React, Angular, Svelte, Vue

  • 2020: HTMX 1.0 придумали, чтобы пофиксить React, Angular, Svelte, Vue, Solid

  • 2021: React Suspense придумали, чтобы пофиксить React, снова

  • 2023: Svelte Runes придумали, чтобы пофиксить Svelte

  • 2024: jQuery до сих пор используется на 75% сайтов

Программирование Веб-разработка HTML Javascript CSS Jquery Angularjs Vue React IT юмор Текст
339
3

Необходимый минимум для фронтендера⁠⁠

Скажите честно, что действительно необходимо для того чтобы стать джуном фронтендером. Нужно ли досканально изучать typescript и подобные темы или достаточно основ html/css/js? Расскажите по подробнее что конкретно вы знали, когда устраивались на своё первое рабочее место джуном

Frontend Обучение Javascript React HTML CSS Pikaweb Текст
8
Партнёрский материал

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

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

Попробовать

Ремонт Теплый пол Текст

Стиль кнопки⁠⁠

Всем привет, столкнулся с проблемой в фронтед разработке с следующими стилями:

<style>

.container {

width: 100%;

display: flex;

justify-content: center;

align-items: center;

max-width: 90%;

margin: 0 auto;

padding-bottom: -200px;

}

</style>

<style>

.video {

position: relative;

z-index: 1;

padding-bottom: -200px;

border-radius: 5px;

margin-top: -1px;

width: 100%;

height: 100%;

margin-bottom: -20px;

background: transparent url('/medio/free-icon-play-button-2765018.png')no-repeat center;

background-size: 20%;

padding-top: 56.25%;

}

.video:hover {

cursor: pointer;

}

</style>

<style>

.video iframe {

position: absolute;

top: 0px;

right: 0px;

bottom: 0px;

left: 0px;

width: 100%;

height: 100%;

}

</style>

<style>

.vol{

font-size: 30px;

margin-left: 99px;

margin-bottom: 10px;

}

</style>

<style>

.ready {

padding: 0px;

padding-bottom: -200px;

margin-top: 0px;

}

</style>

<style>

.video.ready{

padding-bottom: 0px;

}

</style>

<style>

span.likebtn-wrapper.lb-loaded.lb-style-drop.lb-popup...-light {

max-width: 50%;

float: left;

margin-top: 50px;

margin-left: 90px;

}

</style>

<style>

.button1 {

width: 50%;

max-height: 100%;

min-height: 100%;

max-width: 10s0%;

margin-top: 0px;

background: green;

border: none;

position: relative;

z-index: 1;

}

</style>

<style>

.cen1 {

margin-bottom: 0px;

padding-bottom: 0px;

}

</style>

<div class="container">

<div class="video">

<center class="cen1">

<button ondblclick="toggleFullScreen()" id="play-button" class="button1"></button>

</center>

</div>

</div>

Кто сможет подсказать почему элемент с классом button1 не принимает значения height: 100%

для элемента container и video.

Кто подскажет большое спасибо.

Показать полностью
HTML CSS Длиннопост Текст
5
Посты не найдены