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 (он воссоздается как только сайт заработает).

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