<MyRusakov.ru />

Профессиональная Web-разработка. Дизайн, код и автоматизация

Профессиональная Web-разработка. Дизайн, код и автоматизация

Это очень подробный курс из разряда "всё включено". Разбираются следующие темы: HTML, CSS, SCSS, JavaScript, PHP, SQL, Laravel, Nginx, PostCSS, npm, Vite, Vitest, Composer, PHPUnit, Prettier, Stylelint, ESLint, Pint, Larastan, Git, Agile, Scrum, Docker, Supervisord, Figma, Stitch AI, Confluence, Jira.

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

Помимо самой теории, Вы увидите пример создания Web-проекта на 20 000 строк кода: от идеи и документации на Confluence через планирование на Jira, fullstack-разработку до деплоя на VPS.

Помимо уроков, курс содержит упражнения для закрепления знаний и финальное тестирование. А ещё Вы получите 5 полноценных Бонусных курсов: «GitLab под ключ», «Вёрстка сайта с нуля 2.0», «JavaScript с Нуля до Гуру 2.0», «PHP и MySQL с Нуля до Гуру 3.0» и «Laravel от А до Я».

Подробнее
Уроки и статьи
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Форум сайта MyRusakov.ru

Дизайнерские фишки
20.06.2013 17:22:48 Дизайнерские фишки Сообщение #1
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

Сегодня увидел сайт с интересным фоном. По моему это градиентная заливка. Но как ее создать с помощью CSS? *** Неужели это одина сплошная картинка?
Профиль
20.06.2013 21:40:42 Дизайнерские фишки Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Там обычная картинка 100 на 100, которая размножена.
Профиль
21.06.2013 10:58:04 Дизайнерские фишки Сообщение #3
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

А как тогда сделать такой перелив? Низ светлее чем верх. Вверху по центру тоже светлое петно.
Профиль
21.06.2013 11:20:45 Дизайнерские фишки Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Сверху идёт второй фон, который является градиентом, и он ещё слегка прозрачный.
Профиль
21.06.2013 11:31:46 Дизайнерские фишки Сообщение #5
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

Теперь понял) CSS значит тут вообще ни причем. Получается все такие эффекты получаются путем наложения. А какие эффекты тогда можно сделать с помощью CSS? Кроме теней.
Профиль
21.06.2013 12:38:03 Дизайнерские фишки Сообщение #6
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Это наложение и делается в CSS.
Профиль
21.06.2013 12:43:35 Дизайнерские фишки Сообщение #7
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

Да, т.е. просто вставляется background, но эффектом это не назовешь.
Профиль
16.07.2013 07:42:17 Дизайнерские фишки Сообщение #8
samisite

samisite

Новичок

Новичок

Дата регистрации:
10.03.2013 06:13:59

Сообщений: 7

Каждый делает это по своему, можно взять картинку с градиентом и сделать её фоном, можно самому вырезать понравившийся градиент и растиражировать его на весь задний фон сайта или на шапку сайта.

Можно обратиться к сервису бесплатных градиентов и взять градиент там.

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

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

Подробнее здесь:
http://samisite.ru/vhod_css/str1.html
Профиль
19.07.2013 17:02:49 Дизайнерские фишки Сообщение #9
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

Что на счет вот такой записи:

background: #111;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#0F6, #111);

Разве плохо создавать градиенты в CSS ? Постоянно создовать растровые картинки а потом репитить как то глупо на мой взгляд. К тому же растр гораздо тяжелее вектора (в мб.) Изображения создаваемые в коде состоят из векторной графики, что гораздо лучше для скорости сайта. И гораздо проще делать.
Профиль
24.09.2013 16:13:05 Дизайнерские фишки Сообщение #10
♥Konovalova♥

♥Konovalova♥

Новичок

Новичок

Дата регистрации:
24.09.2013 16:07:23

Сообщений: 3

Подскажите пожалуйста, как сделать, чтобы шапка и сам сйт были в рамочке?
Примерно как тут: http://the-vampire-diaries.ru
Профиль