Рейтинг
+2.30
голосов:
2
avatar

Сайтостроительство  

10 преступлений юзабилити топик-ссылка

Искал недолго, но решил все-таки добавить в наши закладки и себе в избранное.

Появляющийся пробел в IE при верстке.


1. Часто при верстке используется значение both для свойства clear, которое запрещает обтекатение элемента.
Для этого в файле стилей обычно создают класс:
.clear{clear:both;}

, который элегантно) садится на нашу верстку:
<div class="clear"></div>

2. Еще пару месяцев назад вычислил появляющийся пробел между слоями при использовании этого свойства и всемирный разум подсказал решение:
.clear{
  clear:both;
  height:0;
  overflow: hidden;   
  }

3. Спустя время заношу этот момент в наши закладки на programilla.com Но не могу воссоздать ситуацию, при которой ie дает такой эффект! Если кто знает причину и следствие этой проблемы прошу отписаться.
Спасибо за внимание.

Связанные динамичные списки Select без перезагрузки страницы

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

Однажды познакомился с $.ajax (JQuery), который может передавать данные методами GET или POST и понял, что связанные списки, это проще простого.

Ниже описан метод с использованием базы данных. Вся красота решения состоит в написании двух маленьких (похожих друг на друга) функций на JavaScript и одного исполняемого файла на PHP с кодом в 20 строк алгоритма переключения и генерации.

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



( Решение проблемы )

Маленькие хитрости на JavaScript. Изменение Font Size

На многих сайтах можно встретить сервис изменения (увеличения или уменьшения) Font Size для основного блока информации, развёрнутого текста заметки или статьи. Делается это очень просто:
<a href="javascript: changeFontSize('150%');">Увеличить</a>
<a href="javascript: changeFontSize('100%');">Уменьшить</a>

<p id="content_">Основной текст.</p>

<script type="text/javascript">
function changeFontSize(size) {
	document.getElementById('content_').style.fontSize=size;
};
</script>

Еженедельный бесплатный журнал по JavaScript топик-ссылка

Ссылка ведёт на сайт, который состоит из одной страницы с формой введения адреса электронной почты, на который будут приходить материалы и публикации журнала. Присутствует выбор интересующих технологий: JQuery, Prototype, node.js, YUI, Webkit, CoffeeScript. Отмечаем чекбоксами что интересует и получаем рассылку!

Самая простая капча на JavaScript

Предлагаю поставить жирную точку в капчах (я уже писал о самой простой капче, вот предлагаю более простой и усовершенствованный вариант). В этот раз необходимо человеку вписать сумму двух чисел, которые не изображены на картинке, но вставлены в блок посредством innerHTML и всё сделано только на JavaScript, без использования PHP. Суть капчи в том, что случайным образом генерируются два числа, а следовательно при просмотре страницы в исходном коде невозможно (ни явно, ни косвенно) определить выражение.

Самый главный вопрос в поиске аналога функции PHP и JavaScript для передачи контрольной суммы. Этот вопрос решается благодаря одному из самых распространённых в интернете алгоритмов шифрования MD5. Эта функция есть и в PHP, и написана на JavaScript, и! без труда находится по поиску в интернете.

( Читать дальше )

Вопрос необычного обтекания слоя в верстке div'ами (обтекаемый блок снизу справа)



С рисунка думаю вопрос понятен.
Если есть решения — жду с нетерпением!
ВОПРОС РАССМОТРЕН, ЧИТАЕМ ДАЛЬШЕ.


( Читать дальше )

Самая простая капча

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

Вид капчи будет в виде строки с арифметическим действием (в данном случае сложение) между двумя цифрами. Код на PHP следующий:

( Читать дальше )

Вопросы chmod'ов при переносе на хостинг.

Вопрос и решения нашлись, когда я внось стал использовать Denwer. Т.к. chmod'ов в винде не имеется, то при переносе на хост необходимо их задавать заново, если вы вдруг не линуксоид с апачем на борту.
Задачу можно сократить, если принять в учет то обстоятельство, что большинство папок и файлов должно иметь примерно одинаковый доступ.
И как решение такого вопроса привожу два листинга возможных решений:


( Читать дальше )

Класс для загрузки изображений на сервер. Часть 2

Продолжаю статью для совместного перевода. Пишите либо в комментах, либо в личку. Я по-ходу дела буду обновлять саму статью.

( Под катом установки для манипуляций с подключенной библиотекой GD2+. )
Не забываем смотреть статистику:

Яндекс цитирования