Верстка \ Статьи по верстке

Понимание CSS и современного Веба

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

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

Продолжить чтение

Премиум \ PHP \ Cоздание каталога товаров с помощью PHP, MySQL и jQuery

каталог товаров

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

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

Продолжить чтение

Верстка \ HTML&CSS

Техники адаптивной типографской разметки текста

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

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

Продолжить чтение

Javascript & Ajax \ Ajax

Мини-форма выгрузки файлов AJAX

От автора: Учебник о том, как воссоздать выскальзывающее боковое меню-колонку, которое можно увидеть на вебсайте GoogleNexus 7.

В этом учебнике мы собираемся создать форму выгрузки файлов AJAX, которая позволит пользователям выгружать файлы со своих браузеров, просто перетащив/отпустив или выбрав их индивидуально. В этих целях мы скомбинируем мощный плагин jQuery File Upload с аккуратным jQuery Knob и представим гладкий интерфейс под управлением CSS3/JS.

Продолжить чтение

Веб-дизайн \ Статьи по веб-дизайну

Приемы продвинутой оптимизации изображений

От автора: Для сжатия изображений можно применять инструменты автоматизированной оптимизации. Однако если потратить время на их ручную оптимизацию, то можно еще больше улучшить результаты. Вот пять методик ручной оптимизации изображений.

Продолжить чтение

Web-программирование \ PHP

Передача значений переменных из JavaScript в PHP и наоборот

От автора: в данное время практически каждый сайт использует язык JavaScript и различные библиотеки написанные на нем, к примеру jQuery. И очень часто возникает задача в передаче значений переменных из JavaScript в PHP. Поэтому в данном уроке мы с Вами рассмотрим способы, при помощи которых, можно решить данную задачу. Хочу обратить внимание, что передать можно только значение, а не саму переменную, определенного языка.

Продолжить чтение

Премиум \ PHP \ Cоздание каталога товаров с помощью PHP, MySQL и jQuery

каталог товаров

От автора: в этом уроке мы изменим структуру нашего приложения, отделив друг от друга его составляющие: модели, контроллеры и виды, т.е. наше приложение целиком и полностью будет соответствовать шаблону проектирования MVC.

Для чего мы это делаем? Зачем изменять структуру приложения? Дело в том, что на форуме был задан вопрос, как добавить в каталог ссылки на страницы никак не связанные с самим каталогом. Иными словами нужно не каталог подключать к существующему сайту, а наоборот, — каталог и должен стать ядром будущего сайта, к которому можно подключать дополнительный функционал: страницы, статьи и т.д.

Продолжить чтение

Верстка \ HTML&CSS

Убедитесь, что ваши колонки не сворачиваются по горизонтали

От автора: Вы, возможно, знакомы со сворачиванием элементов по вертикали. Если в нем содержатся только «плавающие» элементы, то родительский элемент свернется до нулевой высоты. Для этого мы часто применяем clear fix. Но если в элементе ничего не содержится, он также может свернуться по горизонтали, что окажется для разметки весьма затруднительно.

Продолжить чтение

Javascript & Ajax \ jQuery

Лучшие плагины jQuery в 2013г

От автора: В ряду «Лучших достижений 2013г.» мы рассматривали бесплатные шрифты и бесплатные PSD. А теперь пора выделить то, что, по нашему мнению, является лучшими плагинами jQuery этого года. Их всегда появляется множество, но мы считаем, что эти выделяются из остальных с точки зрения функциональности.

Картинки в статье ведут на демонстрационные примеры и страницы плагинов.

Продолжить чтение

Web-программирование \ PHP

URL Shortener API - создание коротких ссылок

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

Продолжить чтение