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

Сегодня достаточно сложно определить, как же выглядит наш проект в различных браузерах. Не всегда под рукой есть целый набор всех существующих браузеров. Проверка в различных браузерах не столько сложна, сколько затратна по времени. Да, согласен, на ранних этапах планирования и разработки вплоть до вывода проекта в свет необходимо все же ручная проверка и прогон по всему, что только есть, от IE 6+ (5й уже паранойя) и сафари, фф и тд.

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

... Читать дальше »

Верстка страниц сайта — это процесс создания веб-страницы из макета дизайна, как правило, в формате PSD, с помощью кода соответствующего языка разметки (HTML, WML), так же состоящий из подключенных к ней стилей оформления (CSS) и подгружаемых скриптов (например, JavaScript) и объектов (например, Flash-анимация).

Блочная верстка создается благодаря семантическим конструкциям разметки, например, <div></div>. Принято считать, что разновидностей верстки три:

1. Табличная верстка — верстка, построенная на таблицах <table><tr><td>;
2. Блочная верстка — верстка в конструкции <div></div>;
3. Смешанная — использование в верстке ... Читать дальше »

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

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

И первым шагом в направлении социальных сетей для меня стало знакомство с facebook, в котором я создал свой личный профиль и несколько профилей для своих проектов.

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

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

Сегодня мы постараемся перечислить самые распространённые техники работы с файлами .htaccess. Каждый использует данный файл по-разному. Как? Ответ в этом уроке!

Используем Mod_rewrite для чистых URL

Всё чаще и чаще мы видим понятные (простому) человеческому глазу URL. Это радует. Как преобразовать свои URL? Ответ:

Кроссбраузерность кода – основное требование для верстальщика практически в любой web-студии. Для достижения этой задачи есть масса способов. Главный из которых – тщательно продуманная структура документа. Однако, если структура html страницы сложна, или придумать структуру так, чтобы она одинаково отображалась во всех браузерах, не удалось, на помощь верстальщику приходят всевозможные css-хаки. Не претендую на оригинальность или уникальность подборки трюков в этой статье, но постараюсь описать как можно больше способов и инструкций по достижению кроссбраузерности. Основная головная боль верстальщика в 99,99% связана с браузерами от Microsoft, т.е. с Internet Explorer. Сайт, одинаково хорошо интерпретируемый Opera, Mozilla, Safari и Chrome, может выглядеть совершенно по-разному в Internet Explor ... Читать дальше »

Эффекты при наведении курсора мыши на объект придают любому сайту динамичный и живой вид. Обычно для них используется код JavaScript, но с наступлением CSS3 можно уже использовать только средства стилей.

Приведенные в данном материале эффекты работают в современных браузерах. Поддержка IE зависит от версии и перед применением в реальном проекте надо провести тщательное тестирование.

 

Подёргивание вверх

Данный эффект отлично работает, когда у вас есть несколько выравненных по горизонтали элементов. Проведение курсора мыши вдоль такой линейки порождает волну.< ... Читать дальше »

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

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

Пишем красивый и чистый программный код

1. Тщательно продумайте логику, перед тем как начать кодить

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

Автор:Е.Попов

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

Сколько времени занимает у вас написание html кода? Все эти теги, атрибуты, кавычки, скобки... Даже если вам помогает ваш текстовой редактор, всё равно вам нужно много писать.

У нас была такая же проблема и в JavaScript, когда нам надо было добраться в какие-то дебри дабы добыть доступ к какому-то элементу. Мы писали огромные JavaScript коды, в которых потом трудно было разобраться. На помощь нам пришли JavaScript фрэймворки, такие как jQuery, Dojo и другие, которые для доступа к элементам используют ... Читать дальше »