Web

Подписаться на эту рубрику по RSS

Инструменты организации и приведения в порядок кода CSS

Январь, 07th 2014

код CSS

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

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

читать полностью →

Первый HTML5-редактор для создания баннеров от Google

Сентябрь, 30th 2013

HTML5 редактор Google Web Designer

Отличная новость для всех web-мастеров! Google выложила в свободный доступ графический HTML5-редактор Google Web Designer для создания рекламных баннеров, тем самым вбив очередной гвоздь в крышку гроба Flash.

Редактор ориентирован на адаптивный дизайн выдавая результатом работы HTML5, CSS3 и JavaScript. Для создания баннеров (ключевая функция редактора) предлагается два режима работы - графический и в текстовый редактор кода. Материалы можно создавать с помощью инструментов рисования, текста и 3D-объектов, а также анимировать их с помощью временной шкалы (timeline). Поддерживаются шаблоны со всеми стандартными форматами и размерами AdMob и DoubleClick.

читать полностью →

На что обратить внимание при заказе сайта, чтобы не было мучительно больно.

Август, 16th 2013

создание web-сайта

Ежедневно на просторах рунета появляются сотни новых сайтов, некоторые из них созданы "хорошим знакомым нашей сотрудницы, который разбирается в компьютерах", другие заказываются в пафосных web-студиях, а кто-то делает всё сам, в меру своих сил и знаний.

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

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

читать полностью →

Лучший движок для блога. На какой CMS остановить свой выбор?

Июль, 24th 2013

выбираем CMS для блога

Уже пару раз собирался написать небольшой обзор о бесплатных движках для блогов, да всё как-то времени не хватало. Решил перед отпуском собраться с силами и совершить этот подвиг. Надо сказать, что при всём, казалось бы, многообразии движков, выбор сводится к трем-четырем вариантам: WordPress, MaxSite CMS, DLE, ModX, TextPattern и новичок - движок Эгея.

Спрашивается, чем отличается этот обзор от кучи подобных в сети? Я пишу о том, с чем лично пришлось поработать и не пару минут, а минимум несколько месяцев. Так что, далее, расскажу о своих впечатлениях, то о чём обычно не пишут в комьюнити любой CMS, постараюсь объективно сравнить возможности и удобство в работе с разными системами управления. Возможно, кому-то статья поможет сделать свой выбор, а уж правильный он или нет, тут каждый решает для себя сам.

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

читать полностью →

Знакомимся с CSS3. Секреты прозрачного фона и модель RGBa

Июль, 17th 2013

наследование CSS

Продолжим знакомство с некоторыми, не совсем очевидными, свойствами CSS3. Одно из таких свойств — прозрачность фонового цвета, заданная в формате RGBa или HSLa.

Не пугайтесь последнего названия HSLa - Hue (оттенок), Saturate (насыщенность) и Lightness (яркость). Буква «A» на конце аббревиатуры означает «альфа» (хорошо знакомо любителям Photoshop) и отвечает за величину прозрачности цвета.

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

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

читать полностью →

Война браузеров в прошлом, но стало ли легче?

Июль, 11th 2013
Контроль над результатом, который есть у дизайнеров в полиграфии, и о котором они часто мечтают в вебе, — это просто результат фиксированного размера печатной страницы. Мы должны принять тот факт, что в вебе нет таких ограничений, и проектировать с учетом этой гибкости. Но для начала мы должны «принять изменчивую природу вещей».

Джон Олсопп, «Дао веб-дизайна»

адаптивный дизайн

Ежедневно мы выходим в Интернет, причем делаем это с разных устройств и доля мобильных устройств с каждым днем становится больше. Чем не повод задуматься об оптимизации сайта?

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

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

читать полностью →

Прием заявок на регистрацию в 160 новых доменных зонах открыт!

Май, 23rd 2013

регистрация в 160 новых доменных зонах

Кто-то еще не в курсе, что уже совсем скоро можно будет зарегистрировать себе доменное имя в одной из 500 новых доменных зонах? Сегодня мне на почту пришло письмо от webnames.ru c предложением сделать предварительную заявку на регистрацию доменного имени.

Предварительная заявка — реальный шанс оказаться в числе первых!
Webnames.ru будет самостоятельно отслеживать запуск каждой доменной зоны, вовремя проинформирует вас о сроках и тарифах, зарегистрирует домен на ваше имя в период открытой регистрации.

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

читать полностью →

Кнопка «Вверх» для сайта на jQuery от Яндекса

Май, 23rd 2013
наверх

Привет! Сегодня расскажу о том, как легко прикрутить к любому блогу или форуму кнопку "ВВЕРХ" как у меня на сайте. Удобства и интерактивности никогда не бывает много, тем более, когда это не занимает много времени. Этот простой и легкий скрипт на jQuery я подсмотрел на Yandex и сделал себе аналогичный.

Вообще, в настоящее время, разработка сайтов всё больше напоминает конструктор. В сети полно готовых скриптов и модулей, которые остается только грамотно скомпоновать на своем сайте. Но, для этого, всё-таки, необходимо иметь начальные знания и представления о CSS, PHP и JavaScript.

Понадобится всего пара минут времени для создания красивой и работающей кнопочки "Наверх"! (единственное условие - у вас должна быть подключена библиотека jQuery).

читать полностью →

Избранные jQuery галереи и слайдеры

Май, 21st 2013

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

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


TN3 Gallery

jQuery галерея и слайд-шоу. TN3 Gallery

читать полностью →

ModX Revo. Перенос сайта на другой хостинг

Май, 16th 2013

логотип ModX

Понадобилось перенести сайта на ModX Revo на другой хостинг. Решил записать на будущее, как осуществить такой перенос без переустановки самого ModX, вдруг кому еще понадобится.

Процесс переноса можно поделить на 3 этапа:

  1. Архивируем данные на старом хостинге и экспортируем базу данных MySQL через phpMyAdmin.
  2. Загружаем полученные данные на новый хостинг, импортируем БД.
  3. Удаляем старый кэш и правим файлы конфигурации ModX

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

Первым делом удаляем содержимое старого кэша сайта /core/caсhe/. Удалить можно и сам каталог cache (он воссоздается как только сайт заработает).

читать полностью →

MODX: modx due to too many failed logins

Апрель, 08th 2013

Каким-то образом в modx заблокировалась учетка (сам не пойму как такое вышло, поставил движок, сделал несколько страничек - вышел, войти не смог). Невнимательно вводил пароль, да суть не в этом - имеем что имеем, а именно, при вводе пароля получаем:

MODX modx due to too many failed logins

Можно конечно подождать 5 минут или больше? Разбираться сколько там таймаут длится времени не было (не наш это метод искать легкие пути), дела не ждут, а потому лучше слазить в базу:

  1. Открываем phpMyAdmin и находим нашу БД
  2. В таблице [префикс]_user_attributes находим нужный логин и в полях `blocked` и `blockeduntil` меняем значения на `0`

Блокировка снята, можно авторизоваться.

З.Ы.: вот почему так? хочу написать что-то нужное, а получаются какие-то статьи про экзотику... ну кто так будет извращаться?

Ускоряем сайт. Логирование медленных запросов MySQL

Март, 19th 2013

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

Один из них, использует коммерческий движок Bitrix, где работа сводится к полной переделке шаблона сайта (разработчикам стоило бы для начала ознакомиться с документацией по Bitrix, прежде чем клепать сайт), а также чистке web-страниц от мусора, которым их щедро наделил WISIWIG редактор, этого самого битрикса.

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

Так что продолжим тему оптимизации, начатую в статье Как посчитать время выполнения скрипта и количество запросов к MySQL.

читать полностью →

Как посчитать время выполнения скрипта и количество запросов к MySQL?

Март, 09th 2013

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

Все было более-менее спокойно до той поры, пока посещаемость сайта была совсем низкой. И вот сайт начал оживать, приближаясь к первой тысяче уников в день… Однако радость была не долгой - движок сайта начал конкретно тупить. Хостер грозит пальцем за чрезмерную нагрузку на MySQL и требует перевести его на выделенный сервер. Я конечно предупреждал своего товарища, что код движка ужасен, и вот решил показать масштабы бедствия наглядно.

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

читать полностью →

MODX. Планы на ближайшее будущее.

Январь, 30th 2013

MODX

Иногда жалеешь, что в сутках всего 24 часа и не успеваешь сделать все задуманное. Хотя, время - вещь относительная, особенно когда чего-то очень ждешь. Ну это будет очередной темой для рубрики [Мысли вслух], которую я как-то забросил до лучших времен. А сейчас хотелось бы рассказать о ближайших планах развития блога.

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

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

читать полностью →

В помощь начинающему WEB-мастеру. VertrigoServ

Июль, 20th 2012

начинающему WEB-мастеру

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

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

Сменилась версия Web-сервера Apache - он обновился до версии 2.2.22 (ранее VertrigoServ базировался на первой ветке), что привело к некоторому изменению конфигурации виртуальных серверов. Так что сегодня расскажу как настроить VertrigoServ 2.28 для работы над своими проектами.

Забираем пакет установки с сайта проекта http://vertrigo.sourceforge.net

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

читать полностью →

Выбор лучшего браузера для web-разработки

Март, 07th 2012

сравнение современных браузеров

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

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

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

Претендентов пятеро - Google Chrome, Opera, Mozilla Firefox, Safari и IE8. Как видите, представлены все популярные браузеры на данный момент и с поставленной задачей они справляются, так что сравнение носит скорее эстетический характер. Хотя присутствуют и некоторые отличительные особенности, о которых вы узнаете ниже.

читать полностью →

Sublime Text 3 - текстовый редактор для web-мастера

Январь, 26th 2012

Sublime Text 3 - минималистический текстовый редактор

Уже пару месяцев собирался написать о замечательном текстовом редакторе Sublime Text 3. Именно он заменил мне Notepad++, который использовал ранее для разработки сайтов, а также просмотра и правки всякого рода конфигурационных и текстовых файлов.

Впрочем, вру... Notepad++ остался. На мой взгляд, основным преимуществом Sublime Text 3 над Notepad++ является стильное оформление, подсветка кода на любой вкус и цвет (вот люблю чтобы радовало глаз), а также автозаршение кода и подсказки при написании, как в WeBuilder. Очень не маловажная деталь, Sublime Text 3 работает не только под Windows, но так же на MAC и Linux.

читать полностью →

Блог возвращается в выдачу Yandex

Январь, 21st 2012

Сегодняшний апдейт поисковой базы Yandex очень обрадовал.

БЛОГ НАЧАЛ ВОЗВРАЩАТЬСЯ В ПОИСКОВУЮ ВЫДАЧУ YANDEX!

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

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

P.S. Интересно, а ТИЦ вернется и когда?

P.P.S. Эх, ещё бы google порадовал...

Рождественский "подарок" от Google

Январь, 07th 2012

google заблокировал аккаунт AdSense

Как видите, в рождественские праздники получил "приглашение в баню" от Google.

В сети ходят слухи, что как только AdSense начинает приносить хоть какой-то стабильный доход - пусть маленький, но стабильный, начинается жесткая проверка, причем домен RU попадает в зону особого внимания. Наивно полагал, что меня эта участь минует, но в Google решили иначе... позвольте поручик, ну как же без вас? Вот вам наша "чёрная метка".

читать полностью →

Провал в борьбе с Yandex за права блога

Ноябрь, 18th 2011

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

Подозреваю, что мои сообщения вообще не читались человеком, хоть ответы и приходили через 2-3 дня после того как я писал в техподдержку. Тут видно, что ответы шаблонные и наталкивает на мысль о банальном почтовом боте, а те кто думает, что отвечает им Платон Щукин, сильно заблуждаются.

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

http://help.yandex.ru/webmaster/?id=995342
http://webmaster.ya.ru/replies.xml?item_no=325&ncrnd=2022
http://webmaster.ya.ru/replies.xml?item_no=3772
http://webmaster.ya.ru/replies.xml?item_no=4967&ncrnd=1743
http://company.yandex.ru/rules/optimization/index.xml

Если Вы будете развивать свой сайт для пользователей, размещать на нём уникальную и полезную информацию, следуя нашим рекомендациям, то со временем он будет представлен в поиске большим количеством страниц.
--
С уважением, Платон Щукин
Служба поддержки Яндекса

читать полностью →