Очередное тестовое задание на работе. Сделать на javascript простенький налоговый календарь. Собственно вот что вышло.

В рамках очередной рабочей аттестации было дано задание сделать на js/jquery список с возможностью редактирования и подгрузкой его по json. С последним никогда и не сталкивался. Собственно как обычно "гугл - наше все". В принципе как оказалось задача в целом не сложная. Во всем - главное практика. Решение.

Попалась на работе интересная задача. Решил поделиться. Проблема была в том, что над ховером и активным классом меню должна была бы быть прозрачная полоса. А т.к. header и весь content абсолютно разные блоки, сделать это только с помощью css не представлялось возможным. Ну собственно на помощь пришел jquery. За основу взят пример. Можно было бы сделать на его основе. Линию сделать прозрачной, псевдоблоками создать белые блоки, сдвинуть их вправо и влево относительно родительского ...

HTML и CSS - это большой механизм предоставления контента во многих отношениях — эти технологии просты в изучении, они достаточно гибкие и мощные. Однако, есть одна вещь, в которой они никогда не преуспевали — это макет документа. Если вы хотите создать макет для простого типографского эссе, в котором будет одно или два обтекаемых текстом изображения, то всё хорошо. Но создавать сложную многоколоночную вёрстку всегда было неудобно, приходилось вставлять много костылей. А в конце вас ждало ...

Когда вы размещаете элемент на странице в разметке и не задаете для него никаких особых стилей, то он, в большинстве случаев, займет именно то место, которое и занимает визуально. Другими словами, если вы разместили на своей странице бокс размером 200px на 200px, то все, что вы расположите в коде после него, если не добавлять других стилей, займет место ниже зеленого бокса или рядом с ним, вне его границ. Однако не все на HTML-странице занимает место, учитываемое соседними элементами. Я ...

Photobox - это красивая галерея изображений, созданная с использованием CSS3 и jQuery. Она довольно "легкая", скрипт и CSS-файл "весят" всего лишь по 7Кб каждый. Галерея использует сглаживание, аппаратное ускорение, CSS3 переходы и анимацию для лучшей производительности. Она также работает в IE9+, но все же не так хорошо, как в нормальных браузерах. Изображение может быть увеличено или уменьшено с помощью колесика мыши, что очень удобно при просмотре фотографий на экранах различных ...

Думаю, что не только я, но и другие пользователи Chrome под Windows, на многих сайтах замечали проблемы c отображением нестандартных шрифтов. Читать текст на таких сайтах можно, но глазам больно. Я бы так все это и продолжал терпеть, но на одном из недавних собственных проектов этот вопрос встал буквально ребром. Решил разобраться во всем досконально. Разница в этих двух фрагментах очевидна. Первый сделан со случайно выбранного сайта adaptive-images, а второй с его локальной копии, в css ...

Набор красивых качественных, а главное бесплатных иконок. Скачать на сайте.

Типографика на песню Bob Dylan'а "Subterranean Homesick Blues" Я долго думал о личном проекте, в котором я смог бы отойти от компьютера не на долго, хотел получить удовольствие от того, что я могу сделать собственными руками. Вернулся к основам. Я был вдохновлен клипом Subterranean Homesick Blues Bob Dylan'а, где менялись карты со словами песни, пока она играла. Я решил воссоздать эти надписи. Я сделал все слова, а не некоторые, как было в клипе Dylan'а. Источник

Недавно Крис Койер отвечал на вопросы читателей Smashing Magazine. Один из вопросов был о том, как распознать код CSS с «душком»: Как можно определить, что ваш CSS пованивает? Какие признаки указывают на то, что код неоптимален или что разработчик писал его спустя рукава? На что вы смотрите в первую очередь, чтобы определить, плох или хорош код? Я подумал, что могу расширить и дополнить ответ Криса исходя из собственного опыта. Я работаю в BSkyB. Я делаю большие сайты — над последним ...