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

50 Креативных примеров использования иллюстраций в веб-дизайне

Использование изображений в веб-дизайне, дает возможность дизайнеру передать свой личный и неповторимый стиль, дает возможность сказать «это мой сайт, посмотрите, что я могу делать». Очень не многие дизайны дают такую возможность.

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

Читать далее

Премиум \ PHP \ Создание облака тегов на языках PHP и jQuery

облако тегов

От автора: очень часто возникает необходимость связывать данные сайта с определенными ключевыми словами (облако тегов), раскрывающими тему и направление материалов. Соответственно, если существуют такие ключевые слова, то очень уместно было бы вывести их на экран, чтобы обеспечить легкий доступ пользователей к материалам определенной темы. Для этого и используются облака тегов, которые позволяют вывести ключевые слова в удобном для нас виде.

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

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

Читать далее

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

Введение в базу данных Sqlite

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

Читать далее

Верстка \ HTML&CSS

jPaginator версии CSS3

От автора: jPaginator – это стильный плагин jQuery от Реми Элазара (Remy Elazare), сочетающий при простом пользовательском интерфейсе нумерацию страниц и прокрутку. Реми недавно спросил меня, не хотел бы я применить его для чего-нибудь на Webdesigntuts+ и я решил, что он стал бы отличным кандидатом для создания нового стиля.

Читать далее

Javascript & Ajax \ Javascript

Вертикальное навигационное меню Ормана Кларка

От автора: следующее в серии кодированных Орманом Кларком (Orman Clark) PSD – его потрясающее Вертикальное навигационное меню. Мы воссоздадим его с помощью CSS3 и jQuery, используя минимально возможное количество изображений.

Читать далее

Сайтостроение \ Статьи по сайтостроению

Файлы .htaccess для всех

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

Читать далее

Javascript & Ajax \ jQuery

Создание анимированной гистограммы с помощью HTML, CSS и jQuery

От автора: люди, по всему миру заседающие в советах директоров, любят хорошие диаграммы. Они сходят с ума по PowerPoint’у, маркированным спискам и фразам типа «запустить идею и посмотреть, что выйдет», «незамутненное мышление» и «легкая добыча», и чтобы все всегда «двигалось вперед». Обратно – не альтернатива для тех, кто способствует сдвигу парадигм в духе времени. Графики финансовых прогнозов, цифры квартальных продаж и насыщения рынка – мечты управляющего среднего звена.

Читать далее

Премиум \ WordPress \ CMS WordPress

уроки по wordpress

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

И действительно, практически всегда можно использовать функцию comments_temlate() без параметров, вызывая тем самым вывод WordPress комментариев на странице и формы их добавления. Все остальное делается стилевыми оформлениями. В уроке мы покажем несколько вариантов работы с комментариями — как только через стили, так и используя шаблон comments.php.

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

Из урока №6 курса WordPress, Вы узнаете ответ на следующий вопрос:

Как создавать комментарии WordPress на странице и применять к ним собственное стилевое оформление?

Читать далее

Верстка \ HTML&CSS

Позиционирование в CSS

От автора: одним из наиболее полезных инструментов в CSS, на мой взгляд, является позиционирование элементов документа. Под термином «позиционирование» понимается возможность расположить элемент (блок, картинку и др.) в абсолютно любом месте документа.

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

Читать далее

Верстка \ CSS 3

создание тизера с помощью CSS3

От автора: из этого учебника вы узнаете, как создать страницу с тизером (кратким рекламным объявлением завлекательного, интригующего характера – прим. перев.) при помощи одного лишь CSS, без изображений и даже без дизайна от Photoshop’а. Многие вебсайты через страницы-тизеры становятся очень популярными, поэтому добавить эту концепцию в свой инструментарий очень полезно. Применяйте ее к любому приложению или вебсайту, готовящемуся к запуску.

Читать далее