Для удобной работы с картинками я использую плагин Paperclip. Сам процесс установки плагина описан на официальном сайте. Ниже я описал процесс установки.

  1. Модель:
    has_attached_file :photo, :styles => { :small => "150x150>" },
                      :url  => "/images/model_name/:id/:style/:basename.:extension",
                      :path => ":rails_root/public/images/model_name/:id/:style/:basename.:extension"
    
    validates_attachment_presence :photo
    validates_attachment_size :photo, :less_than => 2.megabytes #Ограничение размер файла 2Mb
    validates_attachment_content_type :photo, :content_type => ['image/jpg', 'image/jpeg', 'image/gif', 'image/png'] #Ограничение типа файла (только jpeg, jpg, gif, png)
    
  2. Миграция:
    add_column :table_name, :photo_file_name,    :string
    add_column :table_name, :photo_content_type, :string
    add_column :table_name, :photo_file_size,    :integer
    add_column :table_name, :photo_updated_at,   :datetime
    
  3. Форма для закачки:
    form_for :user, :html => { :multipart => true } do |form|
        form.file_field :photo
    end
    
  4. Контроллер:
    def create
      @user_photo = Model_name.create(params[:user])
    end
    
  5. Обзор:
    image_tag @user.photo.url #Оригинальный размер
    image_tag @user.photo.url(:small) #Размер, указанный в модели
    

Недавно я начал разработку проекта «Кушай вовремя». Изначально я планировал сделать версию для своего мобильного телефона Nokia e52, используя технологию WRT(Web Runtime), с помошью которой можно делать приложение на HTML, CSS и JavaScript. Плюс к этому я решил попробовать Jquery Mobile, который мне показался очень привлекательным. К сожаления он не поддерживает Symbian более старые версии, в то чисте и мой мобильник. Поэтому я планирую использовать Guarana UI, разработанную специально для Nokia и основанная на jQuery. Также я захотел, что бы не только пользователи symbian смогли пользоваться приложением. И выход нашелся — Phonegap. Он позваляет бесплатно конвертировать приложение под iOS, Android, Blackberry, WebOS, Symbian. Подробнее о Phonegap и разработке приложения под Android читайте на Хабре.

Технологии:
  1. Jquery Mobile — Javascript фреймворк для «смартфонов» и «таблеток»
  2. Nokia Web Runtime — для телефонов на Sybmian
  3. Guarana UI — для телефонов на Sybmian более старой версии
  4. Phonegap — для создание кроссплатформенного мобильного приложения
Планы:
  • Кроссбраузерность
  • Возможность расчитать локальное время по восходу и заходу солнца
  • Возможность расчитать локальное время по названию города с использование Google Maps
  • Приложение под Symbian на Jquery Mobile (новые версии Symbian)
  • Приложение под Symbian на Gurana UI (более старые версии Symbian)
  • Приложение под остальные платформы с использование Phonegap
Если у вас есть предложения по улучшению или хотите высказать своё мнение, то пишите.

Что бы каждый раз не искать нужный «помошник» (так я назвал слово «сервис» по-русски), я решил создать список полезных помошников для создателя «сайтов» в паутине. Данный список постоянно обновляеться.

Работа с CSS3
  1. CSS3Generator.com — просто и большой выбор
  2. CSS3.me — всё в одном + поддержка IE 7-8
  3. CSS3maker.com — куча настроек, много всего
  4. SpriteGen.website-performance.org — отличный генератор спрайтов с широкими возможностями настройки
Решение проблем с кроссбраузерностью
  1. CSS3pie.com — всё в одном, решает многие проблемы, но много весить (хотя для пользователей IE нежалко)
  2. Habrahabr.ru/blogs/css/125396 — подборка CSS хаков для IE, Safari, Opera, Chrome, Firefox
  3. Modernizr.com — определение возможностей браузера
Скриншоты с разных браузеров
  1. Browsershots.org — медленно, но самый большой выбор браузеров
  2. Browserlab.adobe.com — быстро, все популярные браузеры
  3. Ipinfo.info/netrenderer — только IE 5.5-9
Редактор JS, CSS, HTML
  1. JSfiddle.net — отличный редактор, для отладки частей старницы
Поисковики иконок
  1. IconFinder.com — удобный интерфейс, много иконок и подборок
  2. FindIcons.com — фильтр по цвету
Редактор/компилятор
  1. CodePad.org — PHP, Ruby и еще десяток, возможность делиться
Оптимизация CSS
  1. Codebeautifier.com — много настроек, простой дизайн
Оптимизация JavaScript
  1. JScompress.com — качественно

Генерация HTML+CSS страницы

  1. СSSTemplater.com — просто, быстро и удобно
Шрифы
  1. Fontsquirrel.com/fontface/generator — кроссбраузерный генератор шрифтов
  2. Google.com/webfonts — большой набор шрифтов
  3. CssFontStack.com — список кроссплатформенных шрифтов для css font-family
Генераторы favicon
  1. Favicon.cc — можно рисовать самому, плохо обрабатывает загруженую картинку
  2. Favicon-generator.org — простой + HTML код
  3. Favicon.htmlkit.com — много настроек
  4. Tools.dynamicdrive.com/favicon — хорошая обработка картинки

З.Ы. последние обновление 24 Августа

Пришлось искать место, где можно хранить видео для публикации в интернете. Youtube не подошел, т.к. там максимум можно 10 мин на одно видео. Я нашел 2 популярных сервиса и решил сравнить, где качество будет лучше. Судите сами. Лично мне больше понравился vimeo, т.к. красочный и простой интерфейс.