основы веб-дизайна

основы веб-дизайна

@webdesignbasics
Изображение канала: основы веб-дизайна
2 411 подписчиков
18 постов
Посты
#insprrrrr
https://twomuch.studio/ год начинаем с обновленного сайта тумач. взрыв и тридэхи были давно, публиковал их еще в двадцать первом а обновилось полностью меню. и это восторг. начиная с этих асинхронных челиков, которые как два кота лениво наблюдают за твоими действиями то и дело отвлекаясь на что-то. заканчивая всеми микроанимациями на ховерха или просто ну и конечно стилек на прямоугольных подложках набирает обороты
Video is not supported
#insprrrrr
https://vetrabikes.com/ веб дизайн бейсикс сайт оф зе йеар твенти твенти фо серьёзно. я думал отдам эту победу pral.club. но здесь всё тоже, только ещё круче. сами велики, графика на великах, микрографика на сайте и ещё более нарочито упрощенный лейаут но главное вебстилек, который мне дико нравится ещё со времён того нереализованного проекта ребят los caballos двадцать второго года, с этими квадратными боксами текста и скромной типографикой так что да, победитель
Video is not supported
https://content.desigram.ru/static/a5c74215-add0-416f-9906-f30fe1c17f7e.jpg
https://content.desigram.ru/static/87b6483d-0727-4ec7-9304-3396f185a56b.jpg
#tool
https://codepen.io/plashch/pen/qEWmNYG начал капаться и: во-первых похоже, что у hidden это скорее баг во-вторых браузеры не дают доступа к событию 'Copy Image', а значит не отловить его но зато можно отловить событие ‘Сontext Menu’, а значит можно решить задачу положив прозрачную картинку поверх видимой и по вызову контекстного меню подставить линк на нужную куртинку. и при каждом клике разную накидал простой код. пользуемся (и в редике тоже можно, но вероятно чуть запарнее)
Video is not supported
#insprrrrr
https://hiddenppf.com/ (archive) сначала подумал: о забавно, что при копировании любой картинки копируется голубь. он еще мог бы быть гифкой. жаль всегда только голубь, можно было бы каждый раз что-то другое подставлять. хотя бы несколько вариаций но оказалось, что при перегрузке страницы просто рандомная картинка становится той, которая копируется в буфер. не так весело кажется, у этой механики более широкий потенциал. берем на вооружение
Video is not supported
а еще в пэдээфке на главной, можно подсмотреть ставки дизайнеров
синьор дизайнер пятьдесят в час, между прочим. а я переживал, что двадцать пять это я много прошу
https://content.desigram.ru/static/7c3aa395-c5b7-4f4c-bf6b-c0d75b6f8450.jpg
#insprrrrr
https://i-dont-get-it.studio because normal is safe, but novel is unforgettable очень приятный сайт студии. примечательно, что начинается он не с проектов, а с объемного манифеста. такой прицел на качество, а не количество. что сложно представить у студий, ориентированных на наш внутренний рынок. скорее черта международных ребят дружелюбная страница команды тоже очень. про доверие, как у ешей когда-то. ну и отсутствие логотип эта новый тренд, который я поддерживаю и приветствую и пёсель клевый. любовь
Video is not supported
со свой стороны могу только продублировать то, что писал Роме Белякову на этот счет еще в начале конкурса
https://content.desigram.ru/static/f21920f7-6e4b-4406-9c5e-d2c38fdc1613.jpg
Изображение канала: основы веб-дизайна
#insprrrrr
https://volvox.observer/archive/LHO вспомнил, что из похожего еще у меня когда-то было в напочитать (скоро тысяча подписчиков), где друзья во времена ковида рассказываю о своих жилищах. в тч и Лорел Швульст там почитайте если нет, давольно любопытно и тепло
Video is not supported
Изображение канала: основы веб-дизайна
#insprrrrr
https://jipark.org/myfriendsarereading/ в продолжение темы сайтов для друзей или вокруг друзей. а делать для друзей это, конечно, в тысячу раз круче, чем сайты для выдуманных клиентов или чего-то абстрактного есть у вас в портфолио что-то такое? или знаете какие-то примеры еще у других? делимся в комментах ↓
Video is not supported
Изображение канала: основы веб-дизайна
#insprrrrr
https://choong.city/sheepclub/">https://choong.city/ а во-вторых, я решил посмотреть, что там еще у автора есть. а там есть: история интернета от рождества христова (то, что нужно эти цифры листать супер кайф), вопросы ответы для близких друзей, кладбище веб проектов, дерево удачи (генерятся случайные числа и нужно нажимать на них), какие-то двери и замки, книжная полка и еще и еще и все это очень просто, остроумно и человечно. любовь
Video is not supported
Изображение канала: основы веб-дизайна
https://readymag.com/websites-of-the-year/
еще одна неожиданная новость. портфолио, которое я делал для Ази попало в шортлист редимэг сайт оф зе йеар (да опять) так что отсыпаем сердец неистово. это можно делать раз в стуки, так что буду напоминать. расчитываю на вас
Video is not supported
Изображение канала: основы веб-дизайна
https://laaskar.webflow.io/
итак, рад поделиться тем, что проект над которым я трудился в коллабе с легендой polinochka_fields__________ для творческого объединения аудио-художников Laaskar подошел к концу. ура и, что круто: во-первых, это моя первая коллаборация, а, во-вторых, мой первый проект на webflow осталось отловить, как можно больше багов и собрать всякие мелкие правки. и один я не справлюсь, поэтому прошу вас, перейти, потыкать, покликать, поресайзить и скинуть в комменты скрины, что сломалось. ну или просто какие-нибудь замечания написать. буду благодарен так что с меня проект, с вас респекты и помощь, как и обещал
Video is not supported
Изображение канала: основы веб-дизайна
#insprrrrr #prtfffff
https://bui.baoanhpro.vip/ ещё сегодня утром залипал в портфолио вьетнамского дизйанера Bao Anh Bui основное, что цепляет сразу, это интересная подача проектов. во-первых все содержание разбито на островки, что упрощает считывание, во-вторых само повествование идет через личный лор, а не сухую подачу фактов например он пишет: мой третий подход к сайту портфолио начался с вопроса ‘какого хера я всё ещё ищу постоянную работу’ и задается вопросом, что не так с его текущим сайтом (тоже посмотрите) и действительно ли проблема в том, что он слишком арти и нужно сбивать градус дальше рассказывает, что вдохновлялся сайтом Лорел Швульст. и тут тоже можно понять, сам я тоже давно в неё вкрашен ну короче. . это очень живо и просто интересно читать. вообще рекомендую, как минимум про обновление сайта ещё там на центральной странице можно оставить свое послание в коде (пока записывал скрин оставил три) и жалко почему-то не работает основная фишка сайта: ASCII-копия страниц в инструменте разработчика (!даже видео отрисовывались символами), но всё равно круто ну и, конечно, домен .vip это сразу плюс сто очков
Video is not supported
Изображение канала: основы веб-дизайна
#insprrrrr
https://www.quentinvilleret.com/ снова мои любимые квадратные плашечки с конденстнутым текстом внутри. но без агрессии, как у pral.club. скоро начнет надоедать, но пока нет страница инфо с ее клиновидной версткой и пустотой в центре любовь и опять вместо логотипа просто текст. . с другой стороны зачем студии вообще логотип? только для мерча? хоть одна клеит свой лого, как на апельсины, на свои продукты? чтобы не просто где-то там скромно в подвале микро текстом 'сделали мы’. почему нет, кстати?
Video is not supported
Изображение канала: основы веб-дизайна
супер не хватает такой галочки в тг. типа как уйти хлопнув дверью
https://content.desigram.ru/static/0d433b95-ba2b-45c2-9c8c-51837b9ec2c9.jpg
Изображение канала: основы веб-дизайна
#insprrrrr
https://www.pral.club/ это вау. супер стилевый сайт. даже наверно самый стилевый за последнее время. от логотипа до цветных плашек под текстом. еще эти карточки режиссеров супер. и на странице эбаут иллюстрация с кругами восторг. ну и проекты серьезные (строго пламенные сердца)
Video is not supported