Понимание критических CSS

Обеспечение быстрого и плавного веб-опыта является важной частью создания веб-сайтов сегодня. Большую часть времени, мы разрабатываем веб-сайты, не понимая, что браузер на самом деле делает под капотом. Как именно браузер отображает наши веб-страницы из HTML, CSS и JavaScript, которые мы создаем? Как мы можем использовать эти знания для ускорения рендеринга наших веб-страниц?

Как развернуть WordPress плагины с GitHub использованием переходных

Если вы работали с WordPress на некоторое время, вы, возможно, попробовали свои силы в написании плагина. Многие разработчики начнут создавать плагины для улучшения пользовательской темы или модульной их кода. В конце концов, однако, вы можете распространить ваш плагин для более широкой аудитории.
Хотя у вас всегда есть возможность использовать WordPress Subversion репозиторий, могут быть случаи, когда вы предпочитаете размещать плагин самостоятельно. Возможно, вы предлагаете своим пользователям премиум плагин. Может быть, вам нужен способ синхронизировать код вашего клиента на нескольких сайтах. Это может быть просто, что вы хотите использовать рабочий процесс Git вместо Subversion. Независимо от причины, этот учебник покажет вам, как настроить репозиторий GitHub, чтобы нажать обновления на плагин, где бы он ни находился.

Быстрый фронт-конец прототипирования с WordPress

Прототипирование является одним из лучших вещей, которые могут произойти в рамках проекта, но это очень недостаточно. Прототипирование делает проект более подходящим для пользователей,повышает пользовательский опыт, повышает качество вашего конечного кода и радует клиентов.
Проблема в том, что разработчики часто рассматривают прототипирование как пустую трату времени, так как высококачественные прототипы требуют значительных усилий. Я хочу показать вам, что с помощью WordPress, высоко интерактивные прототипы с большим визуальные эффекты вовсе не так сложно сделать.

Эффективное изображство изображений с Помощью ImageMagick

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

Подробное руководство по пользовательских WordPress Шаблоны страницы

Мне нравится думать о WordPress как шлюз наркотиков веб-разработки. Многие люди, которые начинают использовать платформу, первоначально просто ищут удобный (и бесплатный) способ создания простого веб-сайта. Некоторые поиск в Google и консультации WordPress Codex позже, это делается, и что должно быть. Вроде как «Я просто собираюсь попробовать один раз.

Как использовать автозагрузку и плагин контейнер в WordPress плагины

Строительство и поддержание плагинWordPress может быть сложной задачей. Чем больше кодовая база, тем труднее отслеживать все рабочие части и их связь друг с другом. И вы можете добавить к этому ограничения, введенные при работе в устаревшной версии PHP, 5.2.
В этой статье мы рассмотрим альтернативный способ разработки Плагинов WordPress, используя уроки, извлеченные из большего сообщества PHP, мир за пределами WordPress. Мы будем ходить по шагам создания плагина и исследовать использование автоматической загрузки и плагина контейнера.

Создание передовой системы уведомлений для WordPress

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

Лучший способ для разработки сетчатки в Photoshop

Недавно у меня был проект, в котором мне нужно было производить экраны высокой точности для планшета. Я должен был представить эти экраны на устройстве, а также производить интерактивный прототип. Они должны быть пиксель-идеальный. Хронология была жесткой (как всегда), так что я пошел с моим идти к инструменту, Photoshop. Я использую его в течение более 10 лет, и это дает мне самый быстрый высококачественный выход.
Вы проектируете в photoshop разрешение «Retina»? Если да, то эта статья для вас. Я буду ходить вас через проблемы, с которыми я столкнулся в создании макетов Retina, которые будут отображаться на планшетном устройстве. Затем я объясню способ работы, который легче и дает вам лучшую производительность. Речь идет о моем опыте работы с Photoshop, но она может быть применена к Illustrator и других программ.

Расширение WordPress с пользовательскими типами контента

WordPress делает некоторые довольно удивительные вещи из коробки. Он обрабатывает управление контентом, а также любое другое решение с открытым исходным кодом там — и лучше, чем многие коммерческие решения. Один из лучших атрибутов WordPress является его простота использования. Это легко, потому что нет значительного количества раздуваться с бесконечными колокольчиками и свистками, которые крутят кривую обучения.
С другой стороны, некоторые могут найти WordPress немного … Ну, свет. Он делает много, но не совсем достаточно. Если вы окажетесь взлома WordPress делать то, что вы хотите он будет делать, то шансы высоки, что эта статья для вас. WordPress может быть легко расширен амвье, чтобы соответствовать требованиям пользовательской архитектуры данных. Мы изучим процесс регистрации новых типов данных в полном соответствии с требованиями.

Как создать пользовательскую страницу архива WordPress

Если бы я был спросить вас, что наименее использовать по умолчанию типа страницы в WordPress есть, скорее всего, вы бы сказать, шаблон архива. Или, скорее всего, вы, вероятно, даже не думать о шаблоне архива на всех — вот как непопулярные это. Причина проста. Как велика, как WordPress есть, стандартный способ, в котором он приближается к архиву далеко не удобный. Давайте построим страницу архива для WordPress, что на самом деле полезно. Самая лучшая часть что вы будете использовать его with’any самомоднейшая тема WordPress установленная на вашем вебсайте в настоящее время.

Управление кэшом: использование стороны края включает в лак

Я твердо верю, что лучший способ оптимизировать для быстрой загрузки мобильных сайтов является оптимизация для всех. Мы не знаем, когда кто-то находится на немобильном устройстве, но привязаны к телефону, или просто на ужасном Wi-Fi.
В предыдущей статье для Smashing Magazine Я объяснил, как вы можете ускорить ваши веб-сайты, обслуживая динамические страницы из обратного прокси, как лак. Если вы новичок в Varnish то, что статья является местом для начала, как я буду дайвинг прямо в конфигурации детали здесь. В этой статье я объясню, как вы можете извлечь выгоду из использования лака, даже если Есть части ваших страниц, которые не могут быть кэшированы в течение длительного времени, используя Edge Side Includes.

Исследование использования карусели на мобильных сайтах электронной коммерции

Ли это название сделать вас скептически? Я был бы слишком, прежде чем я увидел исследования, которые привели к этой статье. Спросите любого, и они скажут вам, что карусели являются анти-шаблон. Не используй их. Но, возможно, она не так вырублена и сухая.

Переосмысление ленивых загрузки с ленивым нагрузки XT

Ленивая загрузка — это общий шаблон проектирования программного обеспечения, который откладывает инициализацию объектов до тех пор, пока они не понадобятся. Ленивые загрузки изображений начали становиться популярными в Интернете еще в 2007 году, когда Мика Tuupola черпал вдохновение из YUI ImageLoader утилиты и выпустила плагин j’sry. С тех пор это стало популярным методом оптимизации загрузки страницы и пользовательского опыта. В этой статье я буду обсуждать, почему мы должны и не должны использовать Ленивый нагрузки, и как его реализовать.
Изображения составляют более 60% от размера средней страницы, по данным http Archive. Изображения на веб-странице будут отображаться, как только они будут доступны. Без ленивой загрузки это может привести к большому трафику данных, который не требуется немедленно (например, изображения за пределами порта просмотра) и к более длительному времени ожидания. В чем проблема? Посетители не терпеливы вообще. При ленивой загрузке изображения за пределами порта просмотра загружаются только тогда, когда они будут видны пользователю, экономя тем самым ценные данные и время.

Запутывание черных слов в WordPress с ROT13

Бесчисленное множество алгоритмов шифрования данных существует в информатике. Одним из менее известных и менее распространенных шифрований является ROT13, производная метода шифрования шифров Цезаря.
В этом уроке мы узнаем о шифровании ROT13 и о том, как оно работает. Мы увидим, как текст (или строки) может быть программно закодирован в ROT13 с помощью PHP. Наконец, мы закодировать плагин WordPress, который сканирует сообщение для черных слов и заменяет любой в ROT13 шифрования.

Как выбрать тему WordPress

Экономисты научили нас, что большой выбор не всегда хорошо. Наличие многих вариантов может привести к «анализу паралича» и ощущение перегружены, в связи с увеличением усилий, необходимых и уровень неопределенности в принятии правильного выбора.