Исключительно полезный горшочек сервис, позволяющий рисовать схемы онлайн - Glinkr.net. Используя его можно нарисовать... да какую угодно схему можно нарисовать, вот! А если серьезно, то пример ниже нарисован за пару минут:
Сервис позволяет рисовать текстовые блоки, снабдить их заголовками, описаниями, добавить к каждому список ссылок (дорвейщикам и спамерам - попуститься, ссылки непрямые). Также можно указать связи между блоками и раскрасить их в какой-нибудь веселенький цвет.
Навигация интуитивно понятная (это означает, что ничего лишнего, а что в интерфейсе есть - снабжено пиктограммками), фактически можно пользоваться даже если бы сайт был на китайском. Полученную карточку можно вставить на веб-страницу или отослать ссылку на результат на самом сервере, есть возможность совместной работы над схемами, при создании схемы (важно!) сразу указывается - под какой лицензией публикуется матриал.
Регистрация занимает минуту, на обучение уходит 2-3 минуты, с русским языком дружит (в списке также интерлингва, волапюк и точики), позволяет делать экспорт в .xml и обратно - импорт из него же, денег не просит говорит «мама» и писает чистым апельсиновым соком и вполне серьезно претендует на звание самого простого и удобного сервиса года!
На прошлой неделе NetTuts опубликовал подробную статью с описанием создания accordion - эффекта раздвижных дверей. Порывшись в закладках, нашлось несколько вариантов создания эффекта accordion как с помощью различных фреймворков, так и без оных.
Simple javascript Accordion - очень простой вариант вертикальных движущихся слоев. Очень маленький скрипт, 1Kb, не требует фреймворков, работает во всех современных версиях популярных браузеров.
jQuery Accordion Plugin - вертикальный accordion эффект при использовании библиотеки jQuery и плагина dimension.
jQuery Horizontal Accordion - еще один плагин для jQuery с эффектом accordion, на этот раз горизонтальный. В результате получается интерфейс, очень напоминающий XBOX 360.
MooTools Accordion - очень легкий в настройке скрипт популярного в узких кругах фреймворка. Плагинов не нужно, смотрим пример и делаем как автор. Саппорта не обещали правда, но демонстрационная версия работает неплохо.
Horizontal JavaScript Accordion - замечательный скрипт, очень легкий, не требует фреймворков, прекрасное решение для красивого одноуровневого меню.
Accordion v2.0 - скрипт-патриарх, не самый первый, но самый известный из всей серии. Работает при поддержке Prototype и Scriptaculous, позволяет делать как горизонтальные, так и вертикальные эффекты раздвигания, более того - поддерживает вложенность, очень, очень основательная вещь!
EXT Accordion Widget - еще один популярный javascript фреймворк, accordion виджет и много интересных эффектов.
Spry Accordion - десятки настроек и эффектов, продукция Adobe - что еще сказать? Сделан для легкого встраивания в код при работе с Dreamweaver, но если такового нет - то Spry можно скачать на сайте разработчика.
Оригинал записи
Скриптов для генерации календаря великое множество, а методов его верстки вебмастера, похоже знают ровно один - таблица. Не имею ничего против таблиц, но мне всегда казалось, что таблица - это способ хранения двумерных массивов данных. А календарь - это одномерный (сюрприз!) список, просто список дней.
Ребят из CSSnewbie видно тоже интересовали причины такого несоответствия целей средствам, и потом, отображение списка в таблице - это так не семантично!
В итоге, появился новый способ верстки календаря, основанный на использовании ненумерованных списков и стилей CSS:
В примере изображен календарь со стилями в виде более подходящем для оформления органайзера, но немного колдовства с CSS и получаем компактный, элегантный, семантически правильный список дней - календарь. Можно со ссылками или различными tooltips, lightbox - как душе угодно. Enjoy!
Для вебмастеров и дизайнеров - все, что душа пожелает. Переводить все названия не стал, опасаясь бана от поисковиков за чрезмерное употребление этого самого слова :)
Источник
Я, хотя и не считаю себя дизайнером, последние полгода регулярно читаю выпуски уроков для цифровых художников PSDTuts - Photoshop Tutorials and Links - основы работы с популярным пакетом Adobe Photoshop. Кроме потрясающего качества уроков (каждый шаг расписан и проиллюстрирован), мне нравится сама бизнес-идея проекта. Первоначально это было сообщество профессионалов, на добровольных основах пишущих мануалы на произвольную тему. Уроки были и остаются доступными для всех желающих. Росло количество уроков, росла популярность, росла нагрузка. Ребята решились предложить платные услуги - за небольшую месячную абонентскую плату (сейчас 9$) пользователи могут скачивать исходники уроков в формате .psd.
Идея оказалась настолько успешной, что сейчас они ищут еще авторов для написания статей и уроков, причем на платной основе: авторы уже не добровольцы, за каждую принятую статью дизайнер получает 150$, мне кажется - вполне адекватные деньги.
И вот, освоив ниву растровой графики, команда запускает векторный проект: Vectortuts - Illustrator & Vector tutorials:
Также приглашаются авторы и естественно читатели, впрочем в последних недостатка не будет - армия поклонников первых двух проектов (да, совсем забыл дружественный проект этой же команды NETTUTS - Web Develpment Design & Tutorials запущенный в апреле этого года) даст начальную аудиторию, а дальше все будет зависеть от авторов.
Ajax