Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Тень для картинки с помощью CSS. Revamped.

CSS *
Навеяно этим: habrahabr.ru/blog/css/36860.html
Для начала напомню, что для создания двойной/нестандартной рамки для изображений нужно {...cut...}, либо положить картинку в контейнер и задать для контейнера отступ и фоновое изображение.

И так далее. There is a better way!
Читать дальше →
Всего голосов 47: ↑38 и ↓9 +29
Просмотры 10K
Комментарии 37

Picfor.Me — наш ответ FFFFound.com

Я пиарюсь

Почитав топик о закладках на картинки и не дождавшись инвайта(invite) от сервиса ffffound.com три хабровца gorp, zinich,newatol решили сделать подобный сервис. Через три недельки родился сайт Picture for Me.

Интерфейс сделан максимально простым, а добавление в закладки не сложным.

Читать дальше →
Всего голосов 103: ↑81.5 и ↓21.5 +60
Просмотры 1.2K
Комментарии 112

Что может сделать стартап за месяц

Я пиарюсь
Picfor.me -закладки на картинки
Это юбилейный пост, которым мы хотим отметить первый месяц работы нашего молодого проекта Picture for me. Ровно месяц назад мы сообщили о наше сервисе закладок для картинок хабра сообществу.
И вот кратко что добавилось за этот месяц:
Читать дальше →
Всего голосов 71: ↑60 и ↓11 +49
Просмотры 507
Комментарии 33

Apple iMac — использование образов диска с расширением .mds — .mdf

Чулан
Так как являюсь начинающий пользователем, соответственно столкнулся с проблемами, которые постепенно пытаюсь решать. Одна из них — невозможность использования на маке образов дисков с расширением .mds — .mdf. Есть мнение, что можно просто переименовать mdf в iso, но как-то отношусь к нему скептически. Иначе зачем весь этот огород с двумя файлами, если всё так просто… Для конвертации нашёл программулину MISO-J. Она подхватывает .mds файл ( соответственно с .mdf ) и конвертит всё в один iso. Дальше — дело техники…

p.s. на маке винды нет, поэтому искал решение именно для мака
Всего голосов 7: ↑5 и ↓2 +3
Просмотры 455
Комментарии 5

Pict.com — новая версия хостинга изображений.

Я пиарюсь
Всем привет!

Сегодня была запущена новая версия бесплатного хостинга изображений Pict.com.
Надеемся, что обновленный Pict.com понравится Хабравчанам.



Итак, вкратце о нововведениях...
Всего голосов 76: ↑66 и ↓10 +56
Просмотры 1.3K
Комментарии 211

CakePHP. Behaviors — измена!

Чулан
Как обычно я не ищу лёгких путей, и как обычно сталкиваюсь с задачами не рассмотренными в book.cakephp.org ;-)

Всегда, самой хлопотной частью проекта для меня являлся paginate и всё что с ним связано (выборки, сортировки).

И вот сейчас, я в очередной раз наступил на грабли, причём ответа на мой вопрос — нет.

Итак, в чём состояла задача:

Model A — hasMany Model B
Model B — belongsTo Model A

Model B — actAs ('Image')

Image — чудесный behavior Евгения Томенко, который служит для связки записи в модели с сохранённой картинкой.

В случае запроса Model B ->… любой формы — behavior срабатывал как часы, и я получал нужные мне данные, в данном случае — картинки.

Однако, когда стала задача построить запрос вида

Model B -> Model -> A ( с условиями, где выборка идёт по полям Model A)

оказалось — что поиск и педжинация работают отлично, однако в результатах связанной Model B — нет и следа работы behavior… Я просто получал поля модели, без нужных мне «искривлений».

Никакие танцы-пляски с Contain, порядком запроса и т.д. — ни к чему не привели. Ответа так же нет и в гуглегруппе.

А сегодня я нашёл ещё одни грабли, но уже с behavior Translate. Если воспользоваться инструкцией, и сделать как там советуется — всё работает отлично, кроме мой любимой педжинации…

А именно — сортировать по полям, расположенным в i18n таблице — нельзя. Не получится. Только по тем полям, которые присутствуют в явном виде. Вот так.

Я, конечно, не хочу сказать, что сортировка построенная через i18n таблицу будет работать быстро, или в принципе будет работать вменяемым образом. Может и не будет. Но в таком случае, если необходимо как-то сортировать результаты кроме id,created — то никаких шансов использовать этот behavior у вас нет. Он не сработает. :(

И если первые грабли можно обойти вторым запросом (сначала получив список id Model B, а потом затребовать непосредственно из Model B все записи (тут-то behavior сработает). То во вторых граблях, единственный способ сортировать — обходиться без коробочного behavior.

2All: Если кто-то решил данные вопросы — поделитесь решением в комментариях. Речь идёт о CakePHP 1.2.3.8166
Всего голосов 3: ↑1 и ↓2 -1
Просмотры 202
Комментарии 8

Манипулируем System.Drawing.Bitmap

.NET *
Класс System.Drawing.Bitmap очень полезен в инфраструктуре .NET, т.к. позволяет считывать и сохранять файлы различных графических форматов. Единственная проблема – это то, что он не очень полезен для попиксельной обработки – например если нужно перевести битмап в ч/б. Под катом – небольшой этюд на эту тему.
Читать дальше...
Всего голосов 38: ↑28 и ↓10 +18
Просмотры 43K
Комментарии 54

Нехватка памяти на хостинге для обработки картинок

PHP *
На моём сайте пользователи загружают картинки, которые уменьшаются до необходимого размера (максимальная сторона — 800 точек). И столкнулся с ограничением памятя для работы PHP скриптов, для обработки фотографий 7 мпикс уже не хватало памяти, а сейчас фотоаппараты и поболее будут, не заставлять же пользователей обрезать фотографии до отправки, многие вообще тогда не будут загружать их.

Ошибка была на строке:
$image = imagecreatefromjpeg($filename);
PHP Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 3072 bytes) in…

Чтобы решить проблему, необходимо уменьшить исходную фотографию. ImageMagick на хостинге не оказалось, поэтому не знаю, можно ли было решить проблему через эту библиотеку.
Зато оказалось что можно выполнить внешнюю команду через exec();

Решение проблемы:
$filename = 'image.jpg';
$maxside = 800;
$size = getimagesize($filename);
if (($size[0] > $maxside) or ($size[1] > $maxside)) {
  exec ('mogrify -resize '.$maxside.'x'.$maxside.' '.$filename);
  $size = getimagesize($filename);
}
$image = imagecreatefromjpeg($filename);

P.S.: Поиск в гугле показал несколько форумов, где проблему предлагали решать в лоб — уменьшением лимита памяти, путём договорённости с админами хостинга.
Всего голосов 16: ↑7 и ↓9 -2
Просмотры 4K
Комментарии 21

Silverlight копипастим картинку из Clipboard

Чулан
Перерыв кучу документации, выяснил, что «No we do not have clipboard support at this time. » :((

Решил только что данную проблему, спешу поделиться :)

Читать дальше →
Всего голосов 14: ↑8 и ↓6 +2
Просмотры 311
Комментарии 10

Image Swirl или новая визуализация поиска изображений

IT-компании
image
Видимо ребята из Google не собираются останавливаться на достигнутых результатах в поиске изображений.
Всего месяц назад механизм Google Similar Images (анализ картинок не по названию, а по содержанию) оценили все пользователи интернет-гиганта.
Теперь же все желающие могут ознакомиться с Водоворотом Изображений. С ним ваши результаты поиска изображений соединены вместе в 12 различных групп.
Google Image Swirl работает приблизительно для 200 000 изображений.

image
Всего голосов 45: ↑40 и ↓5 +35
Просмотры 604
Комментарии 29

Bing + Python, поиск изображений

Python *
Bing+PythonИногда бывает нужно набрать картинок по определённой тематике, чтобы иметь возможность выбрать из существующего набора нужную и т.д. Текущие поисковики дают такую возможность, но надо открывать браузер, переходить по страницам, работать мышкой и, вообщем, заниматься этим. Хотелось бы иметь консольную утилиту «запустил и забыл» для набора нужных картинок. Рассматривается Bing API, начало работы на Python и их связка для поиска изображений.
Читать дальше →
Всего голосов 58: ↑41 и ↓17 +24
Просмотры 15K
Комментарии 29

Сегодня PicFor.Me исполняется 2 года

Я пиарюсь
Вот и опять в стране праздник, нашему детищу Социальные закладки на картинки ДВА года, дату рождения мы считаем тот день когда был написан первый пост о нашем сервисе.

image
За год наша аудитория выросла в 4 раза, а количество закладок уже измеряться миллионами.

Мы добавили регистрацию/авторизаю через twitter, facebook, google.
Наши пользователи могу объединяться в группы, так что можно собирать картинки вместе с другими пользователями, пример такой группы Faces (там более 400 участников ).

Читать дальше →
Всего голосов 7: ↑4 и ↓3 +1
Просмотры 417
Комментарии 14

Firefox 4 beta 5, вероятно, будет поддерживать SVG в качестве простых иллюстраций (img в HTML, image в SVG) и фонов (background-image в CSS)

Firefox
Сравнительно недавно в черновике пособия «Firefox 4 for developers» («Firefox 4 для разработчиков») явилась пометка о том, что Firefox 4 будет поддерживать SVG в HTML-элементах <img>, и в SVG-элементах <image>, и в CSS-свойствах background-image.

Вероятной первой бета-реализацией этой поддержки станет Firefox 4 beta 5, в худшем же случае — одна из последующих бета-версий четвёртого Файерфокса.
Подробности изложены в Багзилле — в багах № 272288 («Allow SVG source for <svg:image>»), № 276431 («external SVG not loaded from img tag») и № 231179 («SVG images in CSS»).
Будущее лучезарно, не правда ли?
Всего голосов 51: ↑38 и ↓13 +25
Просмотры 838
Комментарии 36

Javascript: Отправка изображения на канвасе на сервер

Чулан
Здравствуйте хабровчане.

Решил я сделать отправку изображения с канваса на сервер.
А что из этого получилось смотрите под катом.
Читать дальше →
Всего голосов 24: ↑22 и ↓2 +20
Просмотры 5K
Комментарии 22

ASP.NET MVC: Привязка данных модели, которые содержат изображения

ASP *
Привязка данных(binding) является достаточно удобным средством ASP.NET MVC. Удобно оно в первую очередь тем, что позволяет скрыть реализацию преобразования данных между данными из модели и данными HTTP запроса.
В своих проектах я часто сталкиваюсь с необходимостью сохранять различные данные типа blob и image. В этой статье я бы хотел показать, как можно легко организовать и использовать привязку данных из модели, которые содержат различные изображения. Для примера я взял учебный проект MVC Music Store и решил его подправить — добавить возможность изменять изображение обложки музыкального альбома. При написании данной статьи, я использовал версию APS.NET MVC 3 и Razor.
Читать дальше →
Всего голосов 27: ↑20 и ↓7 +13
Просмотры 8.6K
Комментарии 7

Улучшенный 9-patch редактор

Блог компании ALEE Software
Добрый день, Хабражитель!

imageУверен с форматом nine-patch уже все давным-давно знакомы, вероятно даже не раз пользовались им в своих Android-проектах (а может даже и где-то ещё). Также о нём чуть менее года назад skkap писал небольшую статью о том, что это за формат, и «с чем его едят». Также он описал инструмент, предлагаемый для быстрого редактирования этих самых файлов.

Собственно, прошёл уже почти год с того момента и я, опять наткнувшись на ту статью и вспомнив жалобы знакомых на неудобство этого самого «инструмента», решил посмотреть нет ли каких других вариантов и, к моему большому удивлению, я таковых не нашёл. Вероятно потому, что формат сам из себя ничего сложного и специфичного не представляет (при желании nine-patch файлы можно редактировать почти в любом графическом редакторе поддерживающем png) и тем более уже есть готовый инструмент (пусть и не самый удобный).

Тут я и решил лично взяться за дело…

Читать дальше →
Всего голосов 52: ↑49 и ↓3 +46
Просмотры 44K
Комментарии 49

Google Thumbnail: Получаем миниатюры сайтов

Разработка веб-сайтов *
Думаю все знают что в поиске Google можно предварительно просмотреть сайт открыв его превью.

Сегодня поделюсь с вами одним из методов получения данного изображения.
Читать дальше →
Всего голосов 69: ↑60 и ↓9 +51
Просмотры 7.8K
Комментарии 32

Рисуем карту изображения мышкой

JavaScript *HTML *Canvas *
Из песочницы
Привет. Давеча мне довелось иметь дело с такой специфической фичей html как карта изображения. Скажу честно, что мне не часто доводилось использовать её, и то, обычно, всё обходилось зонами в форме прямоугольника. Но это был не тот самый случай. Задачей было повесить ссылки на отдельные регионы изображения, которым выступала карта страны, и, к сожалению, ни о каких канвасах или svg не могло быть и речи. Только html только хардкор! Итак, задача поставлена, гугл активизирован, можно и начинать.
Читать дальше →
Всего голосов 26: ↑23 и ↓3 +20
Просмотры 38K
Комментарии 29

Отдача мелкой графики

Разработка веб-сайтов *JavaScript *Клиентская оптимизация *
Холивары про то, где хранить картинки – в базе или в файловой системе – штука не редкая даже для Хабра. Однозначного подхода тут в общем нет и быть не может, но если посмотреть на ситуацию с позиции оптимизации выдачи контента, то разумный компромисс становится чуть более очевиден, на мой взгляд.
Читать дальше →
Всего голосов 30: ↑17 и ↓13 +4
Просмотры 10K
Комментарии 34