Архив тега «css»

Иногда нужно добавить на простенькую страницу немного цветов для лучшего восприятия информации. И сделать это не просто так, а опираясь на саму информацию.

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

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

Недавно мне пришлось столкнуться с одной проблемой: Internet Explorer 6 выдавал ошибку JavaScript в той строке, в которой никакого JavaScript не было. При этом ругался он на «недопустимое значение свойства». В остальных браузерах всё работало нормально.

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

Постановка задачи

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

Поиск решения

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

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

Постановка задачи

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

Техническая литература очень дорогое удовольствие. Стоимость актуальных изданий варьируется от 500р. до 1500р. Это довольно серьёзная сумма, особенно для студентов. Но есть такие книги, которые лучше всего воспринимаются в печатном виде. Например, руководство по CSS.

Как читать?

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