Olunka ♥ layout of sites and emails - HTML+CSS верстка, создание веб-интерфейсов, оптимизация сайтов, верстка email-писем

Методы взлома паролей

3 Февраль 2010

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

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

Внутренняя и внешняя оптимизация новостного сайта

17 Сентябрь 2009

Внутренняя и внешняя оптимизация новостного сайта

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

1. Развитие сайта за счет наращивания контента.

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

2. Повышение авторитета сайта.

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

Продолжить чтение →

Русская локализация темы для WP Coraline 1.0.2 от Automattic

18 Июнь 2009 5 комментариев

В настоящее время доступна новая версия данного плагина и его русский перевод.

Сегодня переводила для себя понравившийся шаблон WordPress, выбор пал на Coraline 1.0.2 от Automattic.

Русская локализация темы для WP Coraline 1.3 от Automattic
Шаблон очень удобен своими широкими возможностями настройки сайдбаров. Можно настроить шаблон в две и три колонки, имеются 4 виджета в футере. Также можно заменить картинку в шапке сайта прямо из административной консоли, в стандартном варианте там 3 картинки на выбор.
Скачать шаблон для WordPress Coraline 1.0.2

GPL в России

16 Май 2009

General Public License (GPL), под которой распространяется большое количество программ, плагинов и приложений (например, Linux, WordPress) противоречит конституции США, так как нарушает законы об авторских правах и патентах. В России разговоры о законности GPL и ее противоречиях с Конституцией РФ начинают появляться с завидной регулярностью и самым холиварным вопросов остается терминология.

Трудности перевода

Одна из основных идей открытой лицензии — это описание принципов использования и распространения программного обеспечения на простом разговорном языке без использования юридических терминов, привязанных к законодательству конкретных государств. С одной стороны — это плюс, потому что текст GPL понятен рядовым пользователям весьма далеким от юридических терминов. С другой стороны, отсутствие четкой терминологии вызывает двусмысленные трактовки и расхождение с конкретными законодательными документами. В качестве примера, можно рассмотреть ситуацию, когда слово «воспроизведение», которое многие понимают как проигрывание видео/аудио файла, согласно устаревшему КоАП и действующему Гражданскому кодексу обозначает создание копии, а вовсе не проигрывание.
Продолжить чтение →

Расширенная таблица символов HTML

4 Июль 2008

Изображение	Символ	Код	Описание
Специальные символы
			неразрывный пробел
	&ensp;		узкий пробел (еn-шириной в букву n)
	&emsp;		широкий пробел (em-шириной в букву m)
–	–	–	узкое тире (en-тире)
—	—	—	широкое тире (em -тире)
			мягкий перенос

©	©	©	копирайт
®	®	®	знак зарегистрированной торговой марки
™	™	™	знак торговой марки
º	º	º	копье Марса
ª	ª	ª	зеркало Венеры
‰	&permil;	‰	промилле
π	π	π	пи (используйте Times New Roman)
¦	¦	¦	вертикальный пунктир
§	§	§	параграф
°	°	°	градус
µ	µ	µ	знак «микро»
¶	¶	¶	знак абзаца
…	…	…	многоточие
‾	&oline;	‾	надчеркивание
´	´	´	знак ударения
№		№	знак номера
Знаки арифметических и математических операций
×	×	×	умножить
÷	÷	÷	разделить
<	<	<	меньше
>	>	>	больше
±	±	±	плюс/минус
¹	¹	¹	степень 1
²	²	²	степень 2
³	³	³	степень 3
¬	¬	¬	отрицание
¼	¼	¼	одна четвертая
½	½	½	одна вторая
¾	¾	¾	три четверти
⁄	frasl;	⁄	дробная черта
−	minus;	−	минус
≤	≤	≤	меньше или равно
≥	≥	≥	больше или равно
≈	≈	≈	приблизительно (почти) равно
≠	≠	≠	не равно
≡	&equiv;	≡	тождественно
√	√	√	квадратный корень (радикал)
∞	∞	∞	бесконечность
∑	∑	∑	знак суммирования
∏	∏	∏	знак произведения
∂	∂	∂	частичный дифференциал
∫	∫	∫	интеграл
∀	∀	∀	для всех (видно только если жирным шрифтом)
∃	∃	∃	существует
∅	∅	∅	пустое множество
Ø	Ø	Ø	диаметр
∈	∈	∈	принадлежит
∉	∉	∉	не принадлежит
∋	&ni;	∗	содержит
⊂	⊂	⊂	является подмножеством
⊃	⊃	⊃	является надмножеством
⊄	&nsub;	⊄	не является подмножеством
⊆	&sube;	⊆	является подмножеством либо равно
⊇	&supe;	⊇	является надмножеством либо равно
⊕	&oplus;	⊕	плюс в кружке
⊗	&otimes;	⊗	знак умножения в кружке
⊥	&perp;	⊥	перпендикулярно
∠	&ang;	∠	угол
∧	&and;	∧	логическое И
∨	&or;	∨	логическое ИЛИ
∩	∩	∩	пересечение
∪	∪	∪	объединение
Знаки валют
€	€	€	Евро
¢	¢	¢	Цент
£	£	£	Фунт
¤	&current;	¤	Знак валюты
¥	¥	¥	Знак йены и юаня
ƒ	&fnof;	ƒ	Знак флорина
Маркеры
•	•	•	простой маркер
○		○	круг
·	·	·	средняя точка
†		†	крестик
‡		‡	двойной крестик
♠	&spades;	♠	пики
♣	&clubs;	♣	трефы
♥	&hearts;	♥	червы
♦	&diams;	♦	бубны
◊	&loz;	◊	ромб
Кавычки
«	"	"	двойная кавычка
&	&	&	амперсанд
«	«	«	левая типографская кавычка (кавычка-елочка)
»	»	»	правая типографская кавычка (кавычка-елочка)
′	′	′	штрих (минуты, футы)
″	″	″	двойной штрих (секунды, дюймы)
‘	‘	‘	левая верхняя одинарная кавычка
’	’	’	правая верхняя одинарная кавычка
‚	&sbquo;	‚	правая нижняя одинарная кавычка
“	“	“	кавычка-лапка левая
”	”	”	кавычка-лапка правая верхняя
„	&bdquo;	„	кавычка-лапка правая нижняя
‹		‹	одинарная угловая кавычка открывающая
›		›	одинарная угловая кавычка закрывающая
стрелки
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево и вправо
↕		↕	стрелка вверх и вниз
⇐	⇐	⇐	двойная стрелка влево
⇑	&uArr;	⇑	двойная стрелка вверх
⇒	⇒	⇒	двойная стрелка вправо
⇓	&dArr;	⇓	двойная стрелка вниз
⇔	⇔	⇔	двойная стрелка влево и вправо
⇕		⇕	двойная стрелка вверх и вниз
Звездочки, снежинки
☃		☃	Снеговик
❄		❄	Снежинка
❅		❅	Зажатая трилистниками снежинка
❆		❆	Жирная остроугольная снежинка
★		★	Закрашенная звезда
☆		☆	Незакрашенная звезда
✪		✪	Незакрашенная звезда в закрашенном круге
✫		✫	Закрашенная звезда с незакрашенным кругом внутри
✯		✯	Вращающаяся звезда
⚝		⚝	Начерченная белая звезда
⚪		⚪	Средний незакрашенный круг
⚫		⚫	Средний закрашенный круг
⚹		⚹	Секстиле (типа снежинка)
✵		✵	Восьмиконечная вращающаяся звезда
❉		❉	Звёздочка с шарообразными окончаниями
❋		❋	Жирная воьмиконечная каплеобразная звёздочка-пропеллер
✺		✺	Шестнадцатиконечная звёздочка
✹		✹	Двенадцатиконечная закрашенная звезда
✸		✸	Жирная восьмиконечная прямолинейная закрашенная звезда
✶		✶	Шестиконечная закрашенная звезда
✷		✷	Восьмиконечная прямолинейная закрашенная звезда
✴		✴	Восьмиконечная зкарашенная звезда
✳		✳	Восьмиконечная звёздочка
✲		✲	Звёздочка с незакрашенным центром
✱		✱	Жирная звёздочка
✧		✧	Заострённая четырёхконечная незакрашенная звезда
✦		✦	Заострённая четырёхконечная закрашенная звезда
⍟		⍟	Звезда в круге
⊛		⊛	Снежинка в круге

Решаем проблему с кодировкой при использовании UTF-8

10 Февраль 2008

Решаем проблему с кодировкой при использовании UTF-8 При использовании на сайте кодировки шрифта UTF-8 часто можно столкнуться с проблемой «кракозябр» или «абра-кадабры» при отображении кириллицы, то есть некоего хаотичного набора символов вместо вашего замечательного текста.

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

1. Вариант. Исправление кодировки текста с помощью meta -тегов

Пропишите в head каждой страницы вашего сайта такой мета-тег:

1	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

Что такое Joomla! CMS

15 Май 2007

Joomla! CMS – это система управления сайтом с открытым исходным кодом. Первая Joomla! CMS была выпущена в 2005 году разработчиками CMS Mambo, которые оставили проект Mambo и на его основе стали развивать новую систему управления сайтом.

Название Joomla взято из языка Суахили (Jumla – в переводе «единое целое», «все вместе»), оно символично объединяет программистов, дизайнеров, системных администраторов, переводчиков, технических писателей, и что самое важное, конечных пользователей Joomla! CMS, потому что каждый желающий может внести свой вклад в развитие этого проекта. Это стало возможным благодаря Универсальной общедоступной лицензии GNU (GNU GPL) по которой распространяется Joomla! CMS.
Читать про Joomla дальше

TCODE — программа для восстановления кириллических текстов

24 Июль 2006

TCODE - программа для восстановления кириллических текстов Программа TCODE разработана российским программистом Алексеем Бойко для восстановления кириллических текстов испорченных в результате многократных перекодировок. Что такое кодировка и какие бывают кодировки я уже писала.

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

UPD (2014г): к сожалению, последнее обновление программы было в 2006 году и в настоящее время есть более продвинутые программы для восстановления текстов и распознавания неправильной кодировки, подробнее о них читайте тут.

TCODE не требует установки, а после запуска появляется иконкой в трее (в OS Windiws вы увидите иконку в правом нижнем углу экрана). Чтобы восстановить поврежденный перекодированный текст достаточно его скопировать и нажать на иконку в трее, текст сам добавиться в программу.
Получить прямую ссылку на скачивание

Защита сайтов на WordPress с помощью блокировки длинных адресов

4 Июнь 2006

Защита сайтов на WordPress с помощью блокировки длинных адресов

Для взлома сайтов на WordPress злоумышленники часто используют SQL инъекции. Для пресечения подобных попыток взлома предлагаю использовать специальный плагин для WordPress. Чтобы его установить необходимо поместить в директорию wp-content/plugins/ файл с расширением php и следующим содержанием:

< ?php
/*
Plugin Name: Block Bad Queries
Plugin URI: http://perishablepress.com/press/2009/12/22/protect-wordpress-against-malicious-url-requests/
Description: Protect WordPress Against Malicious URL Requests
Author URI: http://perishablepress.com/
Author: Perishable Press
Version: 1.0
*/
global $user_ID; if($user_ID) {
    if(!current_user_can('level_10')) {
        if (strlen($_SERVER['REQUEST_URI']) > 255 ||
            stripos($_SERVER['REQUEST_URI'], "eval(") ||
            stripos($_SERVER['REQUEST_URI'], "CONCAT") ||
            stripos($_SERVER['REQUEST_URI'], "UNION+SELECT") ||
            stripos($_SERVER['REQUEST_URI'], "base64")) {
                @header("HTTP/1.1 414 Request-URI Too Long");
                @header("Status: 414 Request-URI Too Long");
                @header("Connection: Close");
                @exit;
        }
    }
} ?>

Продолжить чтение →

7 советов как разработать дизайн сайта в стиле web 2.0

1 Май 2006

Иллюстрация демонстрирует как не надо делать

1. Разрабатывая дизайн сайта, выбирайте в качестве основных цветов пастельные оттенки.

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

2. При создании отдельных элементов используйте округлые формы.

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

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

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

Продолжить чтение →

1. Развитие сайта за счет наращивания контента.

2. Повышение авторитета сайта.

Трудности перевода

Специальные символы

Знаки арифметических и математических операций

Знаки валют

Маркеры

Кавычки

Звездочки, снежинки

1. Разрабатывая дизайн сайта, выбирайте в качестве основных цветов пастельные оттенки.

2. При создании отдельных элементов используйте округлые формы.

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

Метки