Archive

You are currently browsing the CompuPro - веб дизайн, Ajax, jQuery blog archives for Декабрь, 2008.

Дек

31

Photoshop - популярные быстрые клавиши

By masster

1. Пошаговый откат Ctrl + Alt + Z (Внимание! Здесь и далее + не нажимается - он просто указывает, что клавиши идут в комбинации)
2. Рука/Перемещение [Пробел]
3. Смена окон Ctrl + Tab
4. Новый слой Ctrl + Shift +N (c диалоговым окном)
Ctrl + Shift +Alt + N (без диалогового окна)
5. Копировать слой Ctrl + Alt+ J  (c диалоговым окном)
Ctrl + J (без диалогового окна)
6. Масштаб

Ctrl + = приблизить
Ctrl + -  удалить
Ctrl + 0 в размер окна

Дек

28

Генератор CSS меню -по вертикали и по горизонтали

By masster

Весьма корректно работающий генератор CSS меню. Предлагает на выбор несколько дизайн-решений как для горизонтальной раскладки, так и для вертикальной. Очень просто, очень быстро, очень качественно. Идея этого генератора очень проста - превратить ненумерованный список <ul></ul> в форматированное с помощью CSS меню. На выходе - HTML и CSS код.

Дек

25

CSS - как сделать фон размытым

By masster

Иногда очень необычные и весьма оригинальные эффекты достигаются весьма простыми средствами. Особенно приятно, когда эти эффекты незаезжены. Пример тому - статья, помещенная на любимом мной сайте http://css-tricks.com, в которой приводится рецепт, как размыть часть фона, находящегося по слоем. Идея в использовании двух изображений для фона - одно изображение обычное, резкое, а другое - размытое, как бы не в фокусе. Резкое изображение через CSS свойство background помещается в тег <body>:

body	 {
  background: url(images/bg-solid.jpg) no-repeat;
}

Размытое изображение помещается служит фоном для главного слоя-контейнера:

#page-wrap {

  background: url(images/bg-blurry.jpg) no-repeat fixed;

  width: 500px; margin: 40px auto;

}

Здесь используется CSS свойство background-attachment , значение которого устанавливается fixed

Демо

Скачать файлы

Дек

21

Крутится-вертится или как создать индикатор загрузки для Ajax

By masster

Если вы пишете приложения, использующие Ajax, то я думаю, вы наверняка сталкивались с проблемой создания оригинального “спиннера” или индикатора процесса. Чтобы было понятно, о чем речь, приведу как образец вот этот:

ajax-loader

ajax-loader

1. http://www.ajaxload.info/ - здесь находится довольной мощный генератор индикаторов - можно выбирать цвет фона и цвет самого индикатора. На выбор - большой выбор картинок - на любой вкус!

Приведенный выше индикатор как раз был получен с помощью этого онлайн генератора.

2. http://loadinfo.net/ - это другой подход к идее генерации индикаторов. Здесь перед вами сразу открывается панорама всех возможных образцов:

Щелкнув по любому из них, можно настроить цвет фона и цвет самого индикатора.

Все работает - проверено!

Дек

14

CSS генераторы

By masster

Генераторы, которые автоматически что-то создают, я раньше недолюбливал. Всегда хотелось “дойти до самой сути”, понять, как устроен мир и все делать своими руками. Недолюбливал их еще и за то, что качество генерируемого кода оставляло желать лучшего. Так было еще недавно. Но время шло, и мой скепсис по отношению к автоматам потихоньку улетучивался. Я начинал находить в сети довольно качественные генераторы кода, которые учитывали многие нюансы и современные тенденции,  и сегодня в своей коллекции ссылок я имею несколько закладок, которые реально стали “рабочими лошадками”. Именно с этими лошадками я и хочу вас познакомить.

1. Генератор формирования блоков со скругленными углами (http://www.neuroticweb.com)


2. Генератор форм (http://www.jotform.com)

3. Гнератор CSS шаблона для веб-страницы (http://csscreator.com/?q=tools/layout)

Дек

13

Плагины для WordPress изнутри

By masster

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