Web-мастеринг

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

200 конструкций эффективных заголовков

Март, 06th 2014

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

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

  1. ___ причин воспользоваться ____
  2. Почему ____ пользуется популярностью у десятков тысяч покупателей?
  3. ___ ответов на вопрос _____
  4. НОВИНКА! _________
  5. СЕНСАЦИЯ! _________
  6. СЛУЧИЛОСЬ НЕВЕРОЯТНОЕ! ________
  7. БЕСПЛАТНО! ___________
  8. ВНИМАНИЕ! ___________
  9. ОСТОРОЖНО! __________
  10. ЭТО НЕВЕРОЯТНО! _________
  11. ТАКОГО ЕЩЕ НЕ БЫЛО! ________
  12. А Вы _______?
  13. Как я _______
  14. Найдены секреты ______
  15. Кто еще хочет ______?
  16. Узнай, как я _______
  17. Дайте мне ____, и я _______
  18. Как сделать _____ собственными руками?
  19. Как увеличить ______ в несколько раз?
  20. Раньше я тоже думал, что _________
  21. читать полностью →

Slider Kit - лёгкий и мультифункциональный jQuery плагин на все случаи жизни

Февраль, 25th 2014

Slider Kit - лёгкий и мультифункциональный jQuery плагин

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

Есть одно "но", необходимы хотя бы начальные знания и представления о том как работает jQuery, понимание построения правил CSS. В этом случае, вы получаете поистине уникальный инструмент, который позволяет делать эффектные слайдеры и представления ваших данных.

К сожалению, официальная страничка плагина сейчас не открывается http://www.kyrielles.net/sliderkit/sliderkit_en.html

Плагин можно скачать с гугла https://code.google.com/p/sliderkit/, тем более в архиве присутствуют все примеры и полное описание.

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

Тема оформления админки для MaxSite CMS

Февраль, 12th 2014

Решил поделиться своей темой оформления административной панели для MaxSite CMS. За основу была взята тема Николая Громова (nicotin), в которой понравились иконки и реализация адаптивного бокового меню. При размере окна в 1024px и меньше пункты меню становятся значками.

Остальное оформление переделано, чтобы глаз радовало. Шаблон очень легкий. Общий стиль выдержан в светлых тонах, кроме страницы авторизации. Тестирование проводилось в Safari и Chrome под управлением MaxSite CMS (версии 0.74). Это, так сказать, пилотная версия шаблона и он будет дорабатывать, по мере наличия свободного времени.

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

За что я не люблю Битрикс или CMS от маркетологов

Февраль, 07th 2014

Битрикс

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

Недостатки системы не просто замалчиваются, а выдаются за достоинства: говорят, что система простая и удобная, а это не так, что она быстрая и безопасная, и это снова не так, достаточно сравнить требования к хостингу Битрикса и, к примеру, ModX. Почитайте форумы, где обычные клиенты, купившиеся на обещания простоты и удобства, ищут тех, кто им её теперь настроит и будет дальше деньги сосать. Да можно жопу порвать, пока разберешься в их терминологии и интерфейсе. Или предполагается, что все клиенты профессиональные веб-разработчики?

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

Инструменты организации и приведения в порядок кода 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-разработчиков — ОГРОМНОЕ количество различных устройств, способных осуществлять выход в интернет. Такими темпами скоро чайники с утюгами будут читать ленты новостей и отправлять твиты о результатах своей трудовой деятельности. Всё это смешно до той поры пока не появится желание создать новый сайт или переделать существующий под адаптивную вёрстку.

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