Ознакомьтесь со специальным списком бесплатных руководств и учебных пособий по веб-разработке, которые понравятся как веб-дизайнерам, так и веб-разработчикам, и воспользуйтесь преимуществами для улучшения своих способностей в разработке интерфейсов и серверных частей, а также помогут улучшить взаимодействие с пользователем. Разработчики и дизайнеры у них есть несколько общих черт, и тем, и другим приходится работать друг с другом хотя бы время от времени, особенно тем, кто сильно сосредоточен на разработке приложений и веб-интерфейса. Будь то изучение того, как использовать типографику в дизайне ваших приложений, или определение типа устройств, для которых мы должны создавать наш веб-сайт, оба могут учиться друг у друга разными способами.
Веб-дизайнерам часто приходится использовать такие технологии, как HTML5 и CSS3, чтобы совершенствовать свои проекты, в то время как разработчики захотят больше узнать о пользовательском опыте и пользовательском интерфейсе, чтобы убедиться, что создаваемое ими программное обеспечение соответствует стандартным требованиям обоих стандартов. А что с браузером? И дизайнеры, и разработчики тесно связаны с браузером, и это помогает получить некоторые рекомендации и понимание в этой области. могут стать вашими новыми фаворитами из-за того, насколько удобно ими пользоваться.
Список руководств по веб-разработке:
Сеть — это большая концепция, она включает в себя так много, что иногда может быть трудно найти действительно хороший контент о том, как работать с сетью с точки зрения разработчика и/или дизайнера. Ресурс Web Standards Sherpa — это список статей и руководств, в которых рассказывается о CSS, дизайне, контенте, JavaScript, веб-производительности, бизнес-аспектах создания веб-сайтов, а также советы о том, как усовершенствовать рабочий процесс среди множества других тем и категорий. Если вам нужны передовые практики в качестве фронтенда, это место, где их можно получить.
UX-мифы
UX Myths развенчивает ложные представления о пользовательском опыте и дает читателям возможность получить свежий и проницательный взгляд на то, как вы должны подходить к UX в своих приложениях, веб-сайтах и программном обеспечении. Каждый пункт подробно объяснен и приведен ряд примеров, чтобы продемонстрировать обратные возможности.
Карманный справочник по опечаткам
Этот карманный справочник по типографике — идеальный компаньон для дизайнеров, которые хотят изучить тонкости технических аспектов типографики. Это конкретное руководство охватывает основы тире, апострофов, шрифтов, шрифтов и многого другого.
Состояние веб-шрифта
Типографика всегда развивается, а браузер — нет. Это означает, что иногда нам нужно изучить возможности каждой функции в каждом браузере отдельно, и этот ресурс делает это особенно простым. Просто выберите тип функции, с которой вы хотите работать, и изучите ее возможности в разных браузерах.
Причудливый режим
QuirksMode — замечательный справочник по информации о совместимости браузеров в Интернете. Хотя вы не получаете много информации в виде письменного контента, есть много фактов, которые могут быть полезны для изучения, когда дело доходит до веб-разработки. Таблицы совместимости позволяют любому изучить возможности браузера таких технологий, как JavaScript, CSS и HTML.
Фотошоп-этикет
Photoshop, без сомнения, является самым популярным инструментом графического дизайна среди дизайнеров, и даже если вы используете Photoshop последние пару лет, всегда есть что-то новое для изучения и изучения. Руководство Photoshop Etiquette представляет собой руководство из шести глав, в котором рассказывается о нескольких аспектах передового опыта Photoshop, включая такие области, как слои, эффекты и качество дизайна. Все главы имеют разумный размер, так что вы не будете часами изучать что-то новое.
"Мое устройство"
Возникли проблемы с определением размера разрешения экрана вашего устройства? Эта крошечная платформа расскажет вам все подробности, которые вам нужно знать о размере вашего устройства и функциях, которые может выполнять ваш браузер. Отлично подходит для разработчиков, которые постоянно находятся в движении.
Размеры экрана
Размер экрана использует другой подход и вместо этого выводит точные данные о разных размерах экрана, их операционной системе, а также их уникальном соотношении сторон. Вы можете просмотреть одинаковую информацию для планшетов и компьютеров, щелкнув отдельные значки в правом углу. Отлично работает как для веб-дизайнеров, так и для веб-разработчиков.
Метрики устройства
Device Metrics от Google аналогичен двум вышеперечисленным сайтам, но добавляет немного больше устройств в список, а также содержит важную информацию о разработке для каждого устройства. Если вы знаете, для каких устройств вы создаете свои приложения и веб-сайты, знание этой информации может иметь решающее значение.
Секреты инструментов разработчика
Каждый браузер сегодня поставляется с предустановленной вещью, называемой инструментами разработчика. Это отдельная консольная панель для браузера, которая позволяет любому изучить каждый веб-сайт с точки зрения разработчика. Вы можете использовать консоль JavaScript для выполнения пользовательского кода на стороне клиента, вы можете проверять элементы структуры веб-сайта и выполнять такие действия, как мониторинг сети и файловой активности. Инструменты разработчика в каждом браузере разные, и этот ресурс представляет собой определенный список статей и руководств о том, как максимально эффективно использовать инструменты разработчика вашего любимого браузера.
Руководство по CSS
CSS — это покрытие сети. Без CSS сеть голая, как и мы, люди, без одежды. И поскольку вокруг нас так много CSS, важно понимать очень практические основы и стандартные правила, которые гарантируют, что CSS, который мы размещаем в Интернете, оптимизирован и соответствует последним стандартам. Это конкретное руководство по стилю не предназначено для руководство по стилю, а скорее понимание того, как работает стандартизированный CSS и что разработчики и дизайнеры могут делать по-другому, чтобы гарантировать, что создаваемый ими CSS будет максимально высокого качества, что значительно упрощает производство в больших масштабах, а также поддержку .
Шпаргалка по CSS
CSS — это огромный язык сценариев, и он растет с каждым годом. Иногда, в потоке вещей, мы можем забыть самый базовый синтаксис языка, и в этот момент такие сайты, как эта шпаргалка по CSS, могут действительно стать полезными, и вам нужно добавить его в закладки только один раз, чтобы иметь возможность вернуться к нему в любое время. Настоятельно рекомендуется для начинающих.
Браузерные хаки
Интерфейсные веб-разработчики проводят много времени в браузере, экспериментируя, выполняя код, переделывая и многое другое, и по мере того, как каждый разработчик с годами прогрессировал, они оставили после себя несколько интересных фрагментов и приемов, которые каждый может использовать для облегчения работы. рабочий процесс их разработки. Узнайте о хаках для медиа-запросов, селекторах и даже некоторых интересных хаках JavaScript для всех ваших любимых браузеров. Вы также можете поделиться своими собственными советами и рекомендациями, используя запрос на вытягивание GitHub.
Браузерная диета
Текущая тенденция в веб-разработке во многом связана с производительностью; как оптимизировать для достижения наилучшей производительности без потери качества. Именно об этом и говорится в руководстве «Браузерная диета» — о том, как оптимизировать для Интернета. Это список полезных советов и отчетов об опыте, в которых описаны различные функции JavaScript, HTML и CSS, которые можно либо изменить, либо полностью удалить без каких-либо компромиссов.
«»
amp-what — это краткий интерактивный справочник по более чем 30 000 символьных объектов HTML и распространенных символов Unicode, 8859–1 символов, кавычек, знаков пунктуации, символов с диакритическими знаками, символов, математических символов, греческих букв, значков и знаков разметки. символы интернационализации. Это работает следующим образом: вы нажимаете кнопку «Загрузить» в верхней части веб-сайта, а затем используете функцию поиска, чтобы найти тип символов, которые вы хотите использовать для своего проекта или где-либо еще, где вы планировали его использовать. Такой обширный ресурс, что вы можете часами играть с уникальными значками и персонажами, которые могут оживить ваши приложения и дизайн.
Если вы хотите все упростить, вы можете использовать наши темы WordPress и позволить нам разработать все для вас.
