РАБОТА для Фрилансеров и Дизайнеров
787 subscribers
14.8K links
Download Telegram
https://vk.com/wall-77986122_51034

Идеальное Vue приложение на Typescript 😉

Автор статьи приводит пример, как существующие проекты на Vue 2 подружить с TypeScript, сделав упор на code style, пропагандируя vue style guide и прочие обычно не значащие вещи, которые были придуманы умными людьми.

Читать: https://habr.com/ru/post/540798/

#статья@tpverstak
https://vk.com/wall-77986122_51149

Что разработчику нужно знать о работе с дизайном/дизайнером 🤝🏻

На дворе 2021 год, и уже давно наступило время, когда дизайнеры и программисты стали работать совместно над одним продуктом. Сейчас уже почти не встретишь команду разработки, в которой нет дизайнера. Этому способствовало массовое переселение тогдашних “Операторов ЭВМ” на графические интерфейсы. Теперь операторы - это невероятное количество разновидностей менеджеров, которые занимаются управлением различными бизнес процессами в их организациях - начиная от формирования документации, заканчивая управлением станками по сборке техники.

Читать: https://habr.com/ru/post/541966/

#статья@tpverstak
https://vk.com/wall-77986122_51188

React: лучшие практики

Когда дело касается структуры приложения или его внешнего вида (дизайна), сложно назвать какие-то универсальные подходы. Вместе с тем, существуют определенные приемы написания кода, которые позволяют обеспечить возможность долгосрочной поддержки и масштабируемости создаваемых проектов. Данная статья представляет собой своего рода набор правил разработки React-приложений.

Читать: https://habr.com/ru/post/541320/

#статья@tpverstak
https://vk.com/wall-77986122_51214

Пришло время попрощаться с единицей измерения px 🎉

Если вы занимаетесь дизайном сайтов или их разработкой — не используйте абсолютные единицы измерения. Это плохо в плане доступности и отзывчивости контента. Если взглянуть на все абсолютные единицы измерения, то окажется, что лишь px упрямо не желает нас покидать. Изначально px предназначались для представления физических пикселей на экранах устройств, но они больше не привязаны к этому определению. Современные браузеры могут рендерить элементы, измеряемые в сотых долях пикселя.

Читать: https://habr.com/ru/company/ruvds/blog/541506/

#статья@tpverstak
https://vk.com/wall-77986122_51235

Figma — делаем дизайн компонентов, пригодный для экспорта в код 😎

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

Читать: https://habr.com/ru/post/542394/

#статья@tpverstak
https://vk.com/wall-77986122_51340

HTML ⟹ PDF @ Python 🐍

Наверняка не очень редко возникает задача печати HTML-документов с какого-то сервера в точности как задумано автором этого сервера. Делать это лучше всего не в надежде на браузер клиента, а на стороне сервера. А если на сервере крутится нечто на питоне (Django/Flask/тысячи их), то хорошо бы оценить во что это обойдется.

Читать: https://habr.com/ru/post/540756/

#статья@tpverstak
https://vk.com/wall-77986122_51742

Python & EEL. Просто на Python’е, красиво на JS 🐍

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

Читать: https://habr.com/ru/post/550426/

#статья@tpverstak
https://vk.com/wall-77986122_51893

CSS: работа с текстом на изображениях 🗻

Вы можете встретить компонент пользовательского интерфейса, у которого есть текст над изображением. В некоторых случаях в зависимости от используемого изображения текст будет трудно прочитать. У этой проблемы есть несколько различных решений, таких как добавление градиента или затемнение изображения, наложение тени на текст и другие. Этот прием будет полезен не только frontend и веб-разработчикам, но и ui/ux-дизайнерам.

Читать: https://habr.com/ru/company/skillfactory/blog/551850/

#статья@tpverstak
https://vk.com/wall-77986122_51923

Нестандартные шрифты: как подключить и оптимизировать 💱

Чаще всего дизайн макета не позволяет обойтись веб-безопасным шрифтом, а требует использовать какой-то нестандартный. В этом случае при загрузке страницы файл со шрифтом нужно подгружать с сервера по той же схеме, что и остальные ресурсы — CSS-файлы, изображения и так далее. Он может весить довольно много, именно поэтому для быстрой загрузки страницы выгоднее сначала рассмотреть возможность использования стандартных шрифтов. Но даже с нестандартными шрифтами можно избежать большинства проблем, если уделить внимание оптимизации.

Читать: https://habr.com/ru/company/htmlacademy/blog/552388/

#статья@tpverstak
https://vk.com/wall-77986122_52061

Адаптивный дизайн как антипаттерн 😎

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

Читать: https://habr.com/ru/company/macloud/blog/554650/

#статья@tpverstak
https://vk.com/wall-77986122_52073

Как обеспечить глассморфизм с помощью HTML и CSS 😎

Вы, наверное, подумаете — ну вот еще один тренд дизайна? Разве они у нас не каждый год появляются или около того?

В прошлом году мы познакомились с нейморфизмом, который до сих пор является довольно спорным трендом, который так и не получил широкого распространения. Реакция была неоднозначной, кому-то это очень понравилось, а кому-то совершенно не понравилось.

Но давайте поговорим немного больше о глассморфизме.

Читать: https://habr.com/ru/company/otus/blog/554646/

#статья@tpverstak
https://vk.com/wall-77986122_52133

Примеры применения переменных CSS на практике 😎

Правильное использование переменных CSS позволяет существенно сократить время и трудозатраты на решение определённых задач в CSS. Данная статься делится с вами описанием практического использования переменных CSS помимо их применения для создания маркеров дизайна, таких как цвета. Если вы ещё не работали с переменными CSS, эта статья будет полезна, чтобы познакомиться с ними. Как только вы их освоите, работа станет намного проще.

Читать: https://habr.com/ru/company/skillfactory/blog/554440/

#статья@tpverstak
https://vk.com/wall-77986122_52614

Темизация. История, причины, реализация 🤔

Когда веб только зарождался – единственной его целью было размещение контента, чтобы у пользователей из всемирной паутины был к нему доступ. В то время не могло идти и речи о дизайне, ведь зачем нужен дизайн страницам с научными публикациями, разве они станут от этого полезнее. Времена меняются и сегодня во всемирной паутине далеко не только научные публикации. Блоги, сервисы, социальные сети и многое, многое другое. Каждый сайт нуждается в своей индивидуальности, ему необходимо заинтересовывать и привлекать пользователей. Наука становится доступнее, а сайты преобразуются в приложения с удобным и приятным интерфейсом.

Читать: https://habr.com/ru/post/563572/

#статья@tpverstak
https://vk.com/wall-77986122_52619

DIV должен уйти: улучшаем HTML 🤔

Во многих домах есть комната, существующая только потому, что вокруг неё возвели четыре стены, и теперь ей нужно какое-то предназначение. Тег div во многом напоминает такие комнаты. Он является чистым листом. Он подходит для любого потока, позволяет управлять своими функциями, и может становиться всем, что мы пожелаем. Целые веб-сайты могут создаваться (и создаются) почти исключительно на одних div. Загуглите «single div designs», и вы найдёте бесчисленное множество дизайнеров, демонстрирующих свои навыки владения CSS, превращая один div в любую форму, которая им понадобится.

Читать: https://habr.com/ru/company/vdsina/blog/563094/

#статья@tpverstak
https://vk.com/wall-77986122_53465

Устаревшие пропсы и дочерние зомби-элементы в Redux 💀

Читая документацию по react-redux v7, вы могли обратить внимание на предупреждение о проблеме устаревших пропсов и дочерних зомби-элементов. Этот раздел может показаться слегка запутанным, если читатель ещё не сталкивался с проблемой сам. Цель данной статьи — как следует разобраться с проблемой устаревших пропсов и её решением в react-redux.

Читать: https://habr.com/ru/post/574536/

#статья@tpverstak
https://vk.com/wall-77986122_53492

Как оценить дизайн-проект на старте, чтобы не прогореть на финише?🤑

Когда дело доходит до расчета стоимости проекта, важно правильно выбрать форму взаимодействия между заказчиком и исполнителем. Обычно выделяют две модели оплаты: Time & Material — когда заказчик оплачивает часы по факту выполненных работ, и Fixed-Price — когда стороны заранее утверждают бюджет и точные сроки сдачи проекта.
Большинство заказчиков предпочитают вторую модель, так как она дает представление о финальной стоимости проекта — конечно, если исполнитель знает суммарные трудозатраты и составляет реалистичный и обоснованный бюджет. Но как оценить дизайн-проект сайта или приложения, ничего не зная о его будущей структуре?

Читать: https://habr.com/ru/post/575832/

#статья@tpverstak
https://vk.com/wall-166604565_39208

💥ВАКАНСИЯ💥
Вы учились или преподавали в школе\колледже\ВУЗе?
Решали контрольные или писали курсовые работы себе и своим друзьям?
Вы хотите помогать другим студентам в учебе и на этом зарабатывать?

Пишите на почту raspred.tex5@yandex.ru или в личные сообщения!

👍🏻Мы предлагаем высокий заработок, свободный график работы и личный кабинет!

Ищем специалистов в области гуманитарных, технических, прикладных, естественных, юридических и экономических дисциплин!
#автор#репетитор#реферат#контрольная#курсовая#диплом#аттестат#отличник#технарь#гуманитарий#вуз#колледж#работа#удаленка#зарплата#сессия#педагог#преподаватель#учитель#лабораторная#рерайт#копирайт#статья

Написать автору: https://vk.me/id539293986
https://vk.com/wall-77986122_53724

Миниморфизм — новое направление в веб-дизайне 😎

Существует огромное множество стилей веб-дизайна, но глобально их можно разделить на два больших направления: минимализм и морфизм.
Минимализм подразумевает чистый дизайн с акцентом на контенте и практически полным отсутствием элементов оформления. Это хорошо с точки зрения юзабилити, однако проекты, сделанные в этом стиле, часто получаются скучными, безликими и однообразными.
В противовес минимализму существуют различные морфизмы (скевоморфизм, неоморфизм, глассморфизм и т. д.). Подобные стили делают упор на необычность, креатив и запоминаемость, причем часто в ущерб смысловой нагрузке и функциональности.

Читать: https://habr.com/ru/post/579168/

#статья@tpverstak
https://vk.com/wall-77986122_53860

Опасность редизайна для позиций вашего сайта 🤔

Всегда ли обновление дизайна — это хорошо для сайта с точки зрения SEO? Нет, не всегда. Более того, часто редизайн влечет за собой только ухудшение позиций. Так может, лучше не трогать то, что и так работает?
Опыт показывает, что изменение и обновление дизайна сайта раз в несколько лет — решение в целом правильное. Оно помогает улучшить юзабилити, увеличить конверсии и поднять позиции. Но почему тогда многие владельцы сайтов сталкиваются с совершенно обратным эффектом?

Читать: https://habr.com/ru/post/582332/

#статья@tpverstak