Pull to refresh
  • by relevance
  • by date
  • by rating

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

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

И так далее. There is a better way!
Читать дальше →
Total votes 47: ↑38 and ↓9 +29
Views 10K
Comments 37

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

Self Promo

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

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

Читать дальше →
Total votes 103: ↑81.5 and ↓21.5 +60
Views 1.2K
Comments 112

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

Self Promo
Picfor.me -закладки на картинки
Это юбилейный пост, которым мы хотим отметить первый месяц работы нашего молодого проекта Picture for me. Ровно месяц назад мы сообщили о наше сервисе закладок для картинок хабра сообществу.
И вот кратко что добавилось за этот месяц:
Читать дальше →
Total votes 71: ↑60 and ↓11 +49
Views 500
Comments 33

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

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

p.s. на маке винды нет, поэтому искал решение именно для мака
Total votes 7: ↑5 and ↓2 +3
Views 414
Comments 5

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

Self Promo
Всем привет!

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



Итак, вкратце о нововведениях...
Total votes 76: ↑66 and ↓10 +56
Views 1.3K
Comments 211

CakePHP. Behaviors — измена!

Lumber room
Как обычно я не ищу лёгких путей, и как обычно сталкиваюсь с задачами не рассмотренными в 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
Total votes 3: ↑1 and ↓2 -1
Views 190
Comments 8

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

.NET *
Класс System.Drawing.Bitmap очень полезен в инфраструктуре .NET, т.к. позволяет считывать и сохранять файлы различных графических форматов. Единственная проблема – это то, что он не очень полезен для попиксельной обработки – например если нужно перевести битмап в ч/б. Под катом – небольшой этюд на эту тему.
Читать дальше...
Total votes 38: ↑28 and ↓10 +18
Views 43K
Comments 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.: Поиск в гугле показал несколько форумов, где проблему предлагали решать в лоб — уменьшением лимита памяти, путём договорённости с админами хостинга.
Total votes 16: ↑7 and ↓9 -2
Views 4K
Comments 21

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

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

image
Total votes 45: ↑40 and ↓5 +35
Views 604
Comments 29

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

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

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

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

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

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

Читать дальше →
Total votes 7: ↑4 and ↓3 +1
Views 409
Comments 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»).
Будущее лучезарно, не правда ли?
Total votes 51: ↑38 and ↓13 +25
Views 827
Comments 36

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

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

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

ALEE Software corporate blog
Добрый день, Хабражитель!

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

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

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

Читать дальше →
Total votes 52: ↑49 and ↓3 +46
Views 43K
Comments 49

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

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

Сегодня поделюсь с вами одним из методов получения данного изображения.
Читать дальше →
Total votes 69: ↑60 and ↓9 +51
Views 7.7K
Comments 32

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

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

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

Website development *JavaScript *Client optimization *
Холивары про то, где хранить картинки – в базе или в файловой системе – штука не редкая даже для Хабра. Однозначного подхода тут в общем нет и быть не может, но если посмотреть на ситуацию с позиции оптимизации выдачи контента, то разумный компромисс становится чуть более очевиден, на мой взгляд.
Читать дальше →
Total votes 30: ↑17 and ↓13 +4
Views 10K
Comments 34