Веб-дизайн \ Графика

набор иконок

Представляем вам набор из 60 бесплатных иконконок для сайта высокого качества в 64×64px, 48×48px и 32×32px, имеющиеся в .EPS и .PNG форматах. Комплект разработан талантливыми людьми из IconEden. Целью набора бесплатных иконок для сайта, является предоставления ваших проектов стильными, четкимим и привлекательными с современным интерфейсом. Все иконки в данном наборе (60 иконки в общей сложности) выполнены в форме прямоугольника со скругленными углами.

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

Javascript & Ajax \ jQuery

jquery навигация

От автора: Сегодня мы создаем анимированную навигацию с помощью jQuery для веб-сайта в «акварельном» стиле, где ссылки будут «рисоваться» при проведении над ними мышью. «Акварельная» графика создавалась в Photoshop’е, а для анимации мы воспользуемся популярной базой jQuery JavaScript.


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

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

класс базы данных

От автора: в данном уроке мы рассмотрим простой пример создания собственного класса ООП PHP, для работы с базой данных.

Замечание: данный класс не является эталонным, на который стоит равняться. Цель данного урока показать, как можно все удобно сгруппировать для комфорта создания CMS в будущем.

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

Javascript & Ajax \ jQuery

горизонтальное меню jquery

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

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


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

Javascript & Ajax \ jQuery

панель для сайта

От автора: я не пользуюсь и не собираюсь пользоваться продуктами фирмы apple, но не буду отрицать, что дизайнеры у них баклуши не бьют. Уникальная концепция дизайна и эффектов интерфейса операционной системы Mac OS ничуть не уступает, а во многом даже превосходит другие ОС. Одним из наиболее впечатляющих элементов, я, как и многие, считаю панель быстрого запуска. Правда, удовольствие от этой панели я получаю не в Mac OS, а с тем же успехом в Ubuntu.

И пришла мне идейка: «а не реализовать ли мне подобную панель для веб-интерфейса сайта»?

Сейчас реализуем!

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

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

система авторизации

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


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

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

альтернативный синтаксис php

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

Верстальщику совсем не обязательно знать язык программирования, чтобы изменять дизайн. Для него главное – знание HTML структуры документа. В данном случае разметка более приоритетна, чем сам код программы.


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

Верстка \ HTML&CSS

теги dl dt dd

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

Фактически, используя тэги HTML dl, dt, dd, вы экономите на написании кода и добавляете своему контенту больше семантического значения. Тогда как таблицу лучше всего использовать для табличных данных, и не следует использовать для списка данных, в веб-форме или веб-разметке.

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

Верстка \ HTML5

разметка сайта

От автора: В первой части этой статьи — Создаем разметку сайта без изображений с помощью HTML5/CSS3 – часть 1 мы закончили объяснять все элементы HTML5, используемые в коде нашей демо-страницы index.html и сегодня обсудим свойства CSS, применяемые для того, чтобы сделать ее красивой.

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

Верстка \ HTML5

разметка сайта

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

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