Продаю канал / Анекдоты

13 782 пдп, доход 28 000 в месяц, срочная продажа

Продаётся канал | Психология

22 056 пдп, доход 46 000 в месяц, цена 54 000 рублей

Telegram Analytics

TGStat хизмати янгиликларидан бохабар бўлиш учун обуна бўл!

Statistika Saralanganlar

Доступная верстка

@creation_website

Kanal geosi va tili: Belarus, Ruscha

Toifa: Texnologiyalar

Учимся верстать сайты, говорим просто о сложном. Используем html , css и js для верстки макетов, рассказываем простым языком как верстать с нуля, а не использовать готовые решения
По всем возникшим вопросам обращайтесь к @salexandervl

Связанные каналы

Kanal geosi va tili

Belarus, Ruscha

Toifa

Texnologiyalar

Statistika

Postlar filtri

O‘chirilganlarni yashirish

Repostlarni yashirish

Доступная верстка

26 Mar, 08:39

Сейчас верстаю не сложный макет, и убедился для себя в том, что:

1) "Гридами" чаще всего проще разбросать контент на странице, чем "флексами". 🤨

2) Сейчас в css появились новые интересные свойства, которые имеют хорошую поддержку!) 😳

3) И еще вопрос к аудитории: может кто знает для фигмы плагин, с помощью которого можно все картинки с макета разом скачать?)

372 0 0 3 2

Доступная верстка

13 Mar, 09:14

belka_63020855_orig_.jpg

Всем привет!
Вот снова я тут... За долгое отсутствие прошу прощения, просто, я сейчас перешел в разработку💻, поэтому решил, что будет нечестно вести канал по верстке, когда я сам не практикую...📝

Однако, все чаще приходят ко мне таски, где надо работать с версткой: либо правки, либо с нуля. А если меня верстка не отпускает, и она мне нравится, то стоит еще поработать!)🖐

В общем, буду пробовать оживить канал, всем, кто остался, большое спасибо!)) 😎

И сразу спрошу вас, дорогая аудитория моего канала: 1️⃣ что сейчас происходит в мире верстки ? Я лишь читал статьи и иногда посматривал как другие верстают, но пришло время вернуться))

2️⃣ Возможно, кто-то поделиться в комментах какие сборки используете для верстки!)

3️⃣ jQuery жив или сегодня уже vue лучше использовать?)

442 0 0 10

Доступная верстка

29 Mar 2023, 20:07

всем привет!

Слышали \ пробовали такое свойство как border-image ?)

Оказывается очень прикольная и функциональная штука))

1.3k 0 6 4 8

Доступная верстка

10 Feb 2023, 07:01

Отцентрировать элемент относительно родителя, кажется, ведь , типовая задача!

Хочешь флексами, хочеш абсолютом, на гридах равняй)

Недавно познакомился с таким свойством:

.parent {
display: grid;
place-items: center;
}

Где класс parent - это 1 блок.

1.5k 0 10 5 18

Доступная верстка

30 Jan 2023, 07:00

Приветствую!

Недавно столкнулся с работой с календарями. Оказывается, есть разные наработки, но иногда задачи требуют своего функционала. Пока что, самое интересное, что нашел, и достаточно гибкое, это DatePicker. Вот одна из интересных ссылочек с дополнительными фишками:

https://duetds.github.io/date-picker/

1.3k 0 9 10

Доступная верстка

10 Jan 2023, 06:55

Всем привет в Новом году!)

Начинаю год с анимаций около svg и js, не очень сложные, много работы с координатами, есть чутка математики, но итог интересный:

1) рейтинг анимированный (еще в процессе доработки):

https://codepen.io/salexvl/pen/OJEoKQq

2) залипалка с шариком (просто так):

https://codepen.io/salexvl/pen/XWBMNzg

3) "то ду лист" - куда же без него (пока что без удаления):

https://codepen.io/salexvl/pen/yLqMVpa

4) Работа с диаграммой:

https://codepen.io/salexvl/pen/poKxzOd

1.2k 0 3 4

Доступная верстка

31 Dec 2022, 09:25

Всем привет!

Прежде всего, всех поздравляю с рождественскими и новогодними праздниками! Очередная дата, очередной рубеж, чтобы подвести итоги своей деятельности, сделать выводы, а после отдыха приступить за дело !)

Все, что я говорил, и о чем писал, весь материал ждет своей публикации) Спасибо всем, кто тут есть! Кто смотрит, читает, оставляет обратную связь, это все помогает развиваться, становится лучше, умнее. Так гораздо интереснее!)

Увидимся в следующем году!)

959 0 0 13

Доступная верстка

8 Dec 2022, 10:23

Сегодня сделал подборочку ресурсов для рfботы с некоторыми фишками css.

Удобно, автоматически, только код надо скопировать )

1. Работаем с свг

https://haikei.app/

2. Работа с тенью:

https://shadows.brumm.af/

https://neumorphism.io/#e0e0e0

3. Работа с волной

https://getwaves.io/

954 0 10 4

Доступная верстка

2 Dec 2022, 08:30

image_2022-12-02_08-30-10.png

Привет всем)

Тут недавно откликнулся на вакансию, дали заполнить опросник и сделать тестовое (как получу фидбек запилю видос что там). Так вот, в опроснике была ссылка на тесты, которые надо выполнить (пожелание). Решил попробовать, так там, оказывается, есть что поделать)

Вот ссылка https://gb.ru/tests

P.s.Пока успел пройти первые четыре, один tit не успел, а вот последний не осилил. Если понравится, пишите в комменты как прошло)

938 0 11 2 3

Доступная верстка

1 Dec 2022, 09:46

00:16

Кому знакомо ?)

784 0 3 2 9

Доступная верстка

16 Nov 2022, 13:03

Скрываем скроллбар

Не всегда получается хорошо и ровно скрыть скроллбар, как оказывается. Но взял для себя вот такое решение:

html {
scrollbar-width: none; /* Firefox */
}
body {
-ms-overflow-style: none; /* IE and Edge */
}
body::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}

Стоит знать об этом!

1.1k 0 28 4

Доступная верстка

9 Nov 2022, 09:01

01:36

Video oldindan ko‘rish uchun mavjud emas

Telegram'da ko‘rish

Анимация бордера с градиентом

Если плохо грузится, то смотрите тут:
https://youtu.be/z8feQyzqt9I

906 0 5 3

Доступная верстка

8 Nov 2022, 20:00

Анимация border

Недавно надо было применить бордер с анимацией, сделал вот как:

https://codepen.io/salexvl/pen/eYKBwbV

👍 5

👎

866 0 3

Доступная верстка

7 Nov 2022, 07:01

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

Расскажу сегодня как решал задачу с фиксированным footer, но уже на гридах.

До этого момента я использовал flexbox, и, в принципе, все работало. Однако, на последних проектах стал работать больше с grid, и, по ходу я влюбился..))

Итак, я применил свойства и к html и к body. Потом взял блок как родительский (обертка для всего содержимого, так же делал и с flexbox), и внутри уже header, main и footer.

  Header
  Main
  Footer Content

Остальное лучше сразу на живом примере! 👇🏻

https://codepen.io/salexvl/pen/JjZRpRJ

👍 8

👎 1

818 0 6 1

Доступная верстка

21 Oct 2022, 10:38

Метатеги

А давайте вспомним, с какими метатегами мы сегодня работаем? Важные и не очень. Погнали:

1) title - название документа / страницы, все просто и понятно.

2) favicon link - ссылка на фавиконку для сайта, отображается около названия, тоже ясно.

3) Author, Description, Keywords - это все для описания страницы, для seo очень важно.

4) Open Graph - используются для предоставления вам дополнительной информации о ссылках на веб-сайты, когда они помещаются в различные каналы социальных сетей. Оказывается, полезная и тоже важная часть описания страницы сайта. (если интересно, ставьте палец вверх,Ю более подробно расскажу про него).

Пример использования последнего:

P.s. Пишите в комментариях что еще вы используете у себя 👇

872 0 6 8

Доступная верстка

15 Oct 2022, 11:15

Всем привет!

Несколько правил CSS, о которых вы могли не знать:

#1 — Цвет каретки Это правило устанавливает цвет курсора в редактируемом элементе.

.input {
caret-color:red;
}

#4 — Растяжка шрифта Правило растяжения шрифта выбирает нормальное, сжатое или расширенное начертание из семейства шрифтов.

.stretch {
font-stretch: normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit;
}

# 5 — Макет таблицы Свойство table-layout позволяет исправить макет таблицы, чтобы таблица отображалась намного быстрее. Большие таблицы пользователи не увидят, пока не отобразится вся таблица (целиком). Это может создать впечатление медленной загрузки. Использование свойства table-layout позволит браузеру отображать верхнюю часть, в то время как загружается остальная часть, создавая впечатление более быстрой загрузки.

.table {
table-layout: auto | fixed;
}

P.S. Загляните в комменты, немного рассказал кое чего !) 👇🏻

856 0 7 1 7

Доступная верстка

5 Oct 2022, 10:45

00:03

Всем привет!
Недавно надо было сделать такой слайдер. Вроде - ничего сложного, но вот бегунок скролла заставил попотеть... Но в итоге, нашел очень простое решение.

Пишите в комментариях как бы вы сделали, а завтра я сброшу свое решение )

848 0 0 3

Доступная верстка

29 Sep 2022, 19:04

Всем привет!

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

Планирую в пятницу, 30,09, в 22.00 по Мск начать работать над ним, может даже получится сделать все за вечер !) Если кому интересно, то заходите, ссылку сброшу заранее.

P.s.запись будет :)

1k 0 0 5 6

Доступная верстка

26 Sep 2022, 07:01

picture

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

На мой скромный взгляд это удобно, быстро, и чаще всего устраивает заказчика.

Однако я столкнулся с проблемой, когда начал использовать вместо обычного img тег picture. Если стили писать в файле, то работает все немного не так, как хотелось бы.

Элемент дает нам возможность использовать разные изображения для разных экранов и содержит два тега: один или несколько тегов и один тег . Тег содержит свойства media и srcset. Браузер проверяет медиа-запрос и отображает это изображение, указанное в свойстве srcset.





Как вам такое ?)

931 0 9 4

Доступная верстка

20 Sep 2022, 11:36

Avocode закрывают...

А вы в курсе, что в конце 2022 года avocode закрывают, и теперь не будет такого интересного инструмента... Его выкупила другая компания, они будут делать совместный продукт какой-то интересный. Но теперь есть возможность использовать бесплатный инструмент https://inspect.ceros.com/design-upload

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

874 0 10 8 1

20 ta oxirgi post ko‘rsatilgan.

543

obunachilar

Kanal statistikasi