1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-23 01:30:01 +01:00

Merge pull request #152 from kremalicious/greenkeeper/markdownlint-cli-0.16.0

Update markdownlint-cli to the latest version 🚀
This commit is contained in:
Matthias Kretschmann 2019-05-12 16:51:00 +02:00 committed by GitHub
commit aa818c88f5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
129 changed files with 539 additions and 467 deletions

View File

@ -2,4 +2,3 @@ node_modules/
.cache/
static/
public/
content/

View File

@ -8,7 +8,7 @@ author: Matthias Kretschmann
date: 2008-06-04 11:41:01+00:00
tags:
- typography
- typography
---
[Photo on 500px](http://500px.com/photo/5630073) [Photo on flickr](http://www.flickr.com/photos/krema/6965165687)

View File

@ -6,7 +6,7 @@ image: ../media/A-Long-Time-Ago.jpg
author: Matthias Kretschmann
date: 2008-09-23 20:33:48+00:00
tags:
- mac
---
@ -15,6 +15,6 @@ tags:
TechSpecs:
[support.apple.com/kb/SP409](http://support.apple.com/kb/SP409)
[everymac.com/monitors/apple/multiple_scan/specs/multiple_...](http://everymac.com/monitors/apple/multiple_scan/specs/multiple_scan_20.html)
[everymac.com/monitors/apple/multiple*scan/specs/multiple*...](http://everymac.com/monitors/apple/multiple_scan/specs/multiple_scan_20.html)
[Photo on Flickr](http://www.flickr.com/photos/krema/2885095747)

View File

@ -8,7 +8,7 @@ author: Matthias Kretschmann
date: 2010-07-18 20:28:33+00:00
tags:
- typography
- typography
---
Burg Giebichenstein Hochschule für Kunst & Design Halle Jahresausstellung 2010, Campus Design

View File

@ -8,7 +8,7 @@ author: Matthias Kretschmann
date: 2010-09-01 20:21:43+00:00
tags:
- typography
- typography
---
Must be socialist Helvetica or something

View File

@ -8,5 +8,5 @@ author: Matthias Kretschmann
date: 2012-03-04 08:00:32+00:00
tags:
- sitamun
- sitamun
---

View File

@ -8,5 +8,5 @@ author: Matthias Kretschmann
date: 2012-04-07 16:26:46+00:00
tags:
- sitamun
- sitamun
---

View File

@ -6,7 +6,7 @@ image: ../media/8455835942_a9b9100373_o.jpg
author: Matthias Kretschmann
tags:
- ezeep
- ezeep
---
There might be a new [ezeep](http://ezeep.com) Android app in the works

View File

@ -6,7 +6,7 @@ image: ../media/8450618380_83c64006c6_o.jpg
author: Matthias Kretschmann
tags:
- ezeep
- ezeep
---
Can't complain about the new [ezeep](http://ezeep.com) office view

View File

@ -6,7 +6,7 @@ image: ../media/8776417095_43553c88c2_o.jpg
author: Matthias Kretschmann
tags:
- ezeep
- ezeep
---
from [flickr](http://www.flickr.com/photos/krema/8782995066/)

View File

@ -6,7 +6,7 @@ image: ../media/8782995066_e90ff6b3ae_o.jpg
author: Matthias Kretschmann
tags:
- ezeep
- ezeep
---
from [flickr](http://www.flickr.com/photos/krema/8776417095/)

View File

@ -8,4 +8,4 @@ author: Matthias Kretschmann
Just a normal Sunday at Botschaft der Russischen Föderation | Embassy of the Russian Federation
on [flickr](http://www.flickr.com/photos/krema/12879519993/)
on [EyeEm](http://www.eyeem.com/p/31278595)
on [EyeEm](http://www.eyeem.com/p/31278595)

View File

@ -8,4 +8,4 @@ author: Matthias Kretschmann
Ai Weiwei - Evidence, Stools at Martin Gropius Bau
Processed with VSCOcam with b2 preset
[flickr](https://www.flickr.com/photos/krema/14016811365/) | [EyeEm](http://www.eyeem.com/p/35839008)
[flickr](https://www.flickr.com/photos/krema/14016811365/) | [EyeEm](http://www.eyeem.com/p/35839008)

View File

@ -8,4 +8,4 @@ author: Matthias Kretschmann
Airfield Reference Point Black And White at Tempelhofer Feld
Processed with VSCOcam with b2 preset
[flickr](https://www.flickr.com/photos/krema/14367263074/) | [EyeEm](http://www.eyeem.com/p/39054775)
[flickr](https://www.flickr.com/photos/krema/14367263074/) | [EyeEm](http://www.eyeem.com/p/39054775)

View File

@ -5,4 +5,4 @@ image: ../media/most-surprising-dog-i-know.jpg
author: Matthias Kretschmann
---
[Instagram](https://instagram.com/p/1Q4td6NSo_/)
[Instagram](https://instagram.com/p/1Q4td6NSo_/)

View File

@ -1,6 +1,6 @@
---
type: photo
title: "Suddenly... a new Hindu temple appears around the corner"
title: 'Suddenly... a new Hindu temple appears around the corner'
image: 2015-04-17-suddenly-a-new-hindu-temple-appears-around-the-corner.jpg
author: Matthias Kretschmann
---

View File

@ -5,4 +5,4 @@ image: ../media/tiny_tiny_demons.jpg
author: Matthias Kretschmann
---
[Instagram](https://instagram.com/p/16VfLytShp/)
[Instagram](https://instagram.com/p/16VfLytShp/)

View File

@ -1,6 +1,6 @@
---
type: photo
title: "The art of hand painted typography"
title: 'The art of hand painted typography'
image: 2017-07-13-mumbai-hand-painted-typography.jpg
author: Matthias Kretschmann
date: 2017-07-13 16:28:19.869188000 +02:00

View File

@ -1,6 +1,6 @@
---
type: photo
title: "Obligatory Gateway of India photo"
title: 'Obligatory Gateway of India photo'
image: 2017-07-13-obligatory-gate-of-india-photo.jpg
author: Matthias Kretschmann
date: 2017-07-13 14:28:19.869188000 +02:00

View File

@ -1,6 +1,6 @@
---
type: photo
title: "Chhatrapati Shivaji Maharaj Vastu Sangrahalaya"
title: 'Chhatrapati Shivaji Maharaj Vastu Sangrahalaya'
image: 2017-07-14-chhatrapati-shivaji-maharaj-vastu-sangrahalaya.jpg
author: Matthias Kretschmann
date: 2017-07-14 14:28:19.869188000 +02:00

View File

@ -1,6 +1,6 @@
---
type: photo
title: "The Erechtheum"
title: 'The Erechtheum'
image: 2017-11-10-acropolis-the-erechtheum.jpg
author: Matthias Kretschmann
date: 2017-11-10 14:42:19.869188000 +02:00

View File

@ -1,6 +1,6 @@
---
type: photo
title: "The Parthenon"
title: 'The Parthenon'
image: 2017-11-10-acropolis-the-parthenon.jpg
author: Matthias Kretschmann
date: 2017-11-10 14:37:19.869188000 +02:00

View File

@ -1,6 +1,6 @@
---
type: photo
title: "The Propylaea"
title: 'The Propylaea'
image: 2017-11-10-acropolis-the-propylaea.jpg
author: Matthias Kretschmann
date: 2017-11-10 14:32:19.869188000 +02:00

View File

@ -2,7 +2,7 @@
type: photo
date: 2017-12-15T22:28:49.832Z
title: "El Born Centre de Cultura i Memòria"
title: 'El Born Centre de Cultura i Memòria'
image: 2017-12-15-el-born-centre-de-cultura-i-memoria.jpg
---

View File

@ -1,6 +1,6 @@
---
type: photo
title: "Sagrada Família"
title: 'Sagrada Família'
image: 2017-12-16-sagrada-familia.jpg
author: Matthias Kretschmann
date: 2017-12-16 13:01:21.869188000 +02:00

View File

@ -1,6 +1,6 @@
---
type: photo
title: "Traffic of São Paulo"
title: 'Traffic of São Paulo'
image: 2017-12-27-sao-paulo-traffic.jpg
date: 2017-12-27 13:03:21.869188000 -02:00
---

View File

@ -1,6 +1,6 @@
---
type: photo
title: "Passagem Literária da Consolação"
title: 'Passagem Literária da Consolação'
image: 2018-01-04-passagem-literaria-da-consolacao.jpg
date: 2018-01-04 16:02:02.869188000 -02:00
---

View File

@ -1,6 +1,6 @@
---
type: photo
title: "Escola de Samba"
title: 'Escola de Samba'
image: 2018-01-05-samba-school.jpg
date: 2018-01-05 21:56:02.869188000 -02:00
---

View File

@ -2,7 +2,7 @@
type: photo
date: 2018-05-01T00:00:00.000Z
title: "May Day, Kreuzberg"
title: 'May Day, Kreuzberg'
image: 2018-05-01-may-day-kreuzberg.jpg
---

View File

@ -2,7 +2,7 @@
type: photo
date: 2018-06-01T00:00:00.000Z
title: "Roger Waters, Us + Them"
title: 'Roger Waters, Us + Them'
image: 2018-06-01-roger-waters-us-them.jpg
---

View File

@ -5,8 +5,8 @@ title: Adjustment Tool Guide for Aperture 1.5.2
date: 2007-03-01 20:50:32+00:00
tags:
- photography
- aperture
- photography
- aperture
---
The Adjustment Tool Guide gives an in-depth-view of the Adjustment tool in Aperture. The documentary provided by Apple isn't that what most people were looking for. But Kendall Gelner wrote his own Adjustment Tools Guide originally for the Aperture Version 1.0.1.

View File

@ -5,10 +5,10 @@ image: ../media/canoscanlide500f.jpg
date: 2007-06-11 18:44:28+00:00
tags:
- photography
- tutorial
- macos
- scanner
- photography
- tutorial
- macos
- scanner
redirect_from:
- /2007/06/finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs/
@ -19,9 +19,9 @@ At the end of last year I watched out for a new scanner and the CanoScan LiDE 50
**UPDATE: I wrote a follow up article describing how to use this scanner with the newest Mac operating system Leopard. Feel free to head over to this article to get the freshest facts about using this scanner with Mac OS X:
[Using the CanoScan LiDE 500F scanner with Mac OS X Leopard](/using-the-canoscan-lide-500f-with-mac-os-x-leopard/)**
So there were two choices for using the scanner on an Intel-Mac: installing the PowerPC-driver and using [VueScan](http://www.hamrick.com/) for scanning. But, man, was that slow! And i couldn't get the 16bit per channel scanning to function, which is an essential function for me. Also they want to have 40$ for this app, which isn't that much but after spending money for the scanner and for Photoshop I didn't want to buy another component for using the scanner. On the other hand you could use the [Preview.app](http://www.apple.com/macosx/features/pdf/) built into MAC OS X with Image > Import Image. But this last solution only offers rudimentary functions for scanning. Good to scan a document but not for scanning photos in high quality and for archive purposes. And nevertheless none of these solutions worked for scanning directly in the new Adobe Photoshop CS3.
So there were two choices for using the scanner on an Intel-Mac: installing the PowerPC-driver and using [VueScan](http://www.hamrick.com/) for scanning. But, man, was that slow! And i couldn't get the 16bit per channel scanning to function, which is an essential function for me. Also they want to have 40\$ for this app, which isn't that much but after spending money for the scanner and for Photoshop I didn't want to buy another component for using the scanner. On the other hand you could use the [Preview.app](http://www.apple.com/macosx/features/pdf/) built into MAC OS X with Image > Import Image. But this last solution only offers rudimentary functions for scanning. Good to scan a document but not for scanning photos in high quality and for archive purposes. And nevertheless none of these solutions worked for scanning directly in the new Adobe Photoshop CS3.
So I called the Canon Support two months ago but they could only say sorry and advertise for their new scanner LiDE 600f which has a new Universal-driver and so on. But it hasn't really any new functions. And spending 100$ or so just for a new driver? So what??! They really wanted me to replace my scanner, which isn't a year old. Damn Canon-Support! So I had to keep on searching on all Canon-websites and finally...
So I called the Canon Support two months ago but they could only say sorry and advertise for their new scanner LiDE 600f which has a new Universal-driver and so on. But it hasn't really any new functions. And spending 100\$ or so just for a new driver? So what??! They really wanted me to replace my scanner, which isn't a year old. Damn Canon-Support! So I had to keep on searching on all Canon-websites and finally...
## The solution

View File

@ -6,12 +6,12 @@ title: How to quickly generate encrypted .htpasswd passwords
date: 2008-02-26 23:24:17+00:00
tags:
- design
- tutorial
- macos
- design
- tutorial
- macos
redirect_from:
- /2008/02/how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites/
- /2008/02/how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites/
---
Easily generate `.htpasswd` credentials for use in `.htaccess` files on macOS.

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-03-30 19:24:21+00:00
tags:
- personal
- wordpress
- personal
- wordpress
---
A fresh start of my website under the new domain www.kremalicious.com and with [Wordpress](http://www.wordpress.org) under the hood. My former website under [www.jpberlin.de/krema](http://www.jpberlin.de/krema) will no longer be updated and will be deleted soon. I just implemented a few posts from the old weblog.

View File

@ -7,7 +7,7 @@ author: Matthias Kretschmann
date: 2008-03-31 20:54:45+00:00
tags:
- design
- design
---
![parallax](../media/parallax.png)If you resize your browser window while you are browsing this website you can see the black polaroids in my header fly and move at different speed on three layers. Pretty cool, huh?

View File

@ -8,7 +8,7 @@ author: Matthias Kretschmann
date: 2008-04-04 18:43:05+00:00
tags:
- design
- design
---
An awesome creative idea for a blog post about Web-Design from Joshua Clanton:

View File

@ -13,10 +13,10 @@ tags:
- aperture
redirect_from:
- "/new-goodies-aperture-file-types-icons/"
- "/goodie-updated-aperture-file-types-v11/"
- "/aperture-file-types-v12-released/"
- "/2008/04/aperture-file-types/"
- '/new-goodies-aperture-file-types-icons/'
- '/goodie-updated-aperture-file-types-v11/'
- '/aperture-file-types-v12-released/'
- '/2008/04/aperture-file-types/'
---
These icons are free for your personal use and include icons for all file types Apples Aperture 2.0 can handle.

View File

@ -7,7 +7,7 @@ author: Matthias Kretschmann
date: 2008-04-04 19:01:09+00:00
tags:
- photography
- photography
---
![London cops](../media/londonpolice.jpg)

View File

@ -8,8 +8,8 @@ author: Matthias Kretschmann
date: 2008-04-05 14:01:51+00:00
tags:
- design
- typography
- design
- typography
---
Nice article over at [i love typography](http://ilovetypography.com) about what to have in mind when choosing a typeface for your project, whether it's for web or print.

View File

@ -6,7 +6,7 @@ linkurl: http://www.danielmiessler.com/blog/9-lesser-known-safari-features-worth
author: Matthias Kretschmann
tags:
- design
- design
date: 2008-04-06 21:21:22+00:00
---

View File

@ -7,7 +7,7 @@ author: Matthias Kretschmann
date: 2008-04-08 15:48:14+00:00
tags:
- photography
- photography
---
![Pulitzer Price](../media/pulitzer.png)

View File

@ -8,7 +8,7 @@ author: Matthias Kretschmann
date: 2008-04-09 17:44:23+00:00
tags:
- photography
- photography
---
Ever wondered what the heck 6500 Kelvin has to do with your photos? Here's an in-depth article from the blog of [James Duncan Davidson](http://duncandavidson.com/blog/) for better understanding of the whole color and white balance thing in photography.

View File

@ -8,12 +8,12 @@ author: Matthias Kretschmann
date: 2008-04-10 13:16:47+00:00
tags:
- photography
- photography
---
Two days ago [I posted links to the winning photographers of the Pulitzer Price 2008](http://www.kremalicious.com/2008/04/pulitzer-price-winners-2008-announced-various-photographers-awarded/). Now Adrees Latif, who won in the category Breaking News Photography for his picture of the japanese videographer Kenji Nagai shot down during riots in Myanmar in 2007, [reveales the story behind the picture in the Reuters Blog](http://blogs.reuters.com/photo/2008/04/07/the-story-behind-the-pictures/):
> Within minutes, the crowd swelled from hundreds to a few thousand. The soldiers threw barbed wire coils across the roads.
Knowing that hundreds of people were gunned down in similar circumstances in a 1988 uprising, I climbed an old crosswalk directly overhead, to get to one of the few spots offering a clear view...
> Knowing that hundreds of people were gunned down in similar circumstances in a 1988 uprising, I climbed an old crosswalk directly overhead, to get to one of the few spots offering a clear view...
[Read the whole story on the Reuters Blog](http://blogs.reuters.com/photo/2008/04/07/the-story-behind-the-pictures/)

View File

@ -8,7 +8,7 @@ author: Matthias Kretschmann
date: 2008-04-11 14:16:51+00:00
tags:
- photography
- photography
---
[![London police afraid of photographers](../media/londonpolice.jpg)](../media/londonpolice.jpg)

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-04-14 13:51:39+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![Aperture Assistent](../media/apassis.png)

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-04-15 17:36:34+00:00
tags:
- design
- css
- design
- css
---
![WebKit](../media/webkit.png)

View File

@ -11,7 +11,7 @@ tags:
- tutorial
redirect_from:
- /2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/
- /2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/
---
![CSS](../media/css.png)The aim of this article is to give you a quick introduction of a css property named text-shadow which was first included in CSS2 (but it's not implemented in all browsers yet). Nevertheless you can make some cool effects with it, which could only be done before by photoshopping text and rendering it as an image.
@ -34,11 +34,11 @@ Here's an overview of the headlines in this article. As you can see it's rather
## 1. What text-shadow is good for
![kremalicious navbar](../media/navbar-kremalicious.png "subtle glow in my navigation")
![kremalicious navbar](../media/navbar-kremalicious.png 'subtle glow in my navigation')
The main goal of this property is to give designers and css coders a tool to make text effects, which could only be done before by rendering text as images with all the side effects. Text rendered as an image isn't searchable and therefore very undelicious for search engines. Another side effect is the fact that images can be way more bigger as one small line of code in terms of file size. As you may know most css-files, which contain the whole layout of a website, are smaller than one image on most websites. So it's really clever to use a css function instead of images for reducing unnecessary traffic.
![text-shadow used on apple.com](../media/textshadow-apple.png "text-shadow on apple.com")
![text-shadow used on apple.com](../media/textshadow-apple.png 'text-shadow on apple.com')
Utilizing text-shadow to simulate engraved or stenciled text is widely used on websites. Apple did it everywhere in Mac OS X not just since Leopard (just look at the titlebars). So if you design a website for Mac users you can increase the sexyness of your website, because this particular usage of text-shadow integrates very well with the overall look of Mac OS X. I will explain how to achieve this engraved-text-on-metal effect later on in this article.

View File

@ -5,8 +5,8 @@ title: Apple releases plugin-SDK for Aperture 2.1
date: 2008-04-22 05:58:41+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![Aperture](../media/aperture97.png)Just right after [Tiffen and Digital Film Tools announced](http://www.kremalicious.com/2008/04/first-aperture-adjustment-plugins-have-arrived/) their new image editing plugins for Aperture 2.1 Apple has released the Software Development Kit (SDK) for coding Aperture 2.1 plugins. It's available [from Apple's Developer Connection](https://connect.apple.com/cgi-bin/WebObjects/MemberSite.woa/wa/getSoftware?bundleID=20044) for registered members (registering is free). You can grab the Aperture 2.1 plugin-SDK (3D9) as a 595KB download from there and start coding.

View File

@ -7,9 +7,9 @@ image: ../media/watermark_aperture.jpg
date: 2008-05-07 03:27:25+00:00
tags:
- photography
- aperture
- tutorial
- photography
- aperture
- tutorial
redirect_from:
- /2008/05/high-quality-watermarks-with-aperture/

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-05-07 19:21:34+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![Viveza](../media/viveza.png)Today [Nik Software](http://www.niksoftware.com) announced the availability of it's U-point-technology based editing plugin for Apple's Aperture 2.1 called [Viveza](http://www.niksoftware.com/viveza).
@ -17,7 +17,7 @@ tags:
With Viveza photographers are able to select areas from their images and adjust them separately from the rest of the picture by defining so called Color Control Points.
A 15 day trial is available from the website of the plugin. The whole plugin will cost you US$ 249.
A 15 day trial is available from the website of the plugin. The whole plugin will cost you US\$ 249.
[Nik Software Viveza Website](http://www.niksoftware.com/viveza)

View File

@ -8,8 +8,8 @@ image: ../media/aperture15_7.png
date: 2008-05-07 19:22:49+00:00
tags:
- photography
- aperture
- photography
- aperture
---
There are already some lists like this available on the web and they are always very subjective so I thought I should add my subjective list too. While Aperture was released I was coding this website and had not much time for writing about it. So although a bit late here is my absolutely biased list of my favorite 15 new features included in Apple's Aperture since version 2.0. It's in a nice countdown order ending with the best new feature (to me) at the bottom. Just click on the little screenshots to smoothly zoom to the full version of them.

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-05-08 15:47:48+00:00
tags:
- design
- icon
- design
- icon
---
[![Indiana Jones Iconset by Iconfactory](../media/indianajones_first.png)](http://iconfactory.com/indianajones/)If you enjoyed the Indiana Jones movies than this first of four desktop icon sets is a must have for you. Icon Designer [Anthony Piraino](http://onebuttonmouse.com/) crafted some beautiful items from Indiana Jones and The Raiders of the Lost Ark movie.

View File

@ -5,9 +5,9 @@ title: Canon updates photographic software to work with Leopard
author: Matthias Kretschmann
date: 2008-05-14 10:01:15+00:00
tags:
- photography
- photography
---
Canon has posted some updates for their photographic software on the Canon USA website:

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-05-18 05:00:01+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![Aperture](../media/aperture97.png)With the release of Aperture 2.1 Apple introduced a plugin architecture for adding third party image adjustment and export plugins. Now the first third party image adjustment plugins for Aperture 2.1 have arrived. And they can definitely make you stop roundtripping your pictures to Photoshop and back. For now a total of 14 plugins from 9 companys were announced which are waiting to help you with your Aperture 2 workflow.
@ -21,7 +21,7 @@ The first one is the [Dfx digital filters plug-in from Tiffen](http://www.tiffen
[![Tiffen Dfx digital filters plugin Tiffen](../media/tiffen_aperture.jpg)](../media/tiffen_aperture.jpg)
Tiffen made the plugin available in May 2008. You can download a [free 15-day trial](http://www.tiffen.com/dfx_downloads.html) too or you can purchase it from the Tiffen-website for US$299. Also don't forget to have a look [at the user guide](http://www.tiffen.com/userimages/Dfx-v1-Photo-UserGuide.pdf) for this plugin.
Tiffen made the plugin available in May 2008. You can download a [free 15-day trial](http://www.tiffen.com/dfx_downloads.html) too or you can purchase it from the Tiffen-website for US\$299. Also don't forget to have a look [at the user guide](http://www.tiffen.com/userimages/Dfx-v1-Photo-UserGuide.pdf) for this plugin.
A nice in-depth overview of this plugin [gives Dominique James over at Aperture Users Professional Network](http://www.apertureprofessional.com/showthread.php?t=15225).
@ -41,11 +41,11 @@ Digital Film Tools [released three plugins](http://www.digitalfilmtools.com/aper
[![Ozone 2.5](../media/dft-ozone_ui.jpg)](../media/dft-ozone_ui.jpg)
All plugins are available now and can be [purchased fom the Digital Film Tools website](http://www.digitalfilmtools.com/buy/home.php?cat=38) as a Super Bundle with all three plugins included for US$ 175 or separately for US$ 50 (Light and Ozone) or US$ 120 (Power Stroke). There are also trial versions for the [Power Stroke](http://www.digitalfilmtools.com/powerstroke/media.htm), [Light](http://www.digitalfilmtools.com/light/media.htm) and [Ozone](http://www.digitalfilmtools.com/ozone/media.htm) plugin available from DFT's website which will watermark the edited images in demo mode.
All plugins are available now and can be [purchased fom the Digital Film Tools website](http://www.digitalfilmtools.com/buy/home.php?cat=38) as a Super Bundle with all three plugins included for US$ 175 or separately for US$ 50 (Light and Ozone) or US\$ 120 (Power Stroke). There are also trial versions for the [Power Stroke](http://www.digitalfilmtools.com/powerstroke/media.htm), [Light](http://www.digitalfilmtools.com/light/media.htm) and [Ozone](http://www.digitalfilmtools.com/ozone/media.htm) plugin available from DFT's website which will watermark the edited images in demo mode.
## Nik Viveza
Nik Software [announced the availabilty of Viveza](http://www.niksoftware.com/viveza/usa/entry.php?view=intro/viveza_aperture_announcement.shtml), an image editing plugin based on the cool U-Point technology as known from [Nikon's Capture NX](http://imaging.nikon.com/products/imaging/lineup/software/capturenx/index.htm). You can select areas from your image and adjust them separately from the rest of the picture. It is long available as a plugin for Photoshop and is shipping in May for Aperture 2.1. It will cost US$249.95 but users who already purchased Viveza for Photoshop get it for free!
Nik Software [announced the availabilty of Viveza](http://www.niksoftware.com/viveza/usa/entry.php?view=intro/viveza_aperture_announcement.shtml), an image editing plugin based on the cool U-Point technology as known from [Nikon's Capture NX](http://imaging.nikon.com/products/imaging/lineup/software/capturenx/index.htm). You can select areas from your image and adjust them separately from the rest of the picture. It is long available as a plugin for Photoshop and is shipping in May for Aperture 2.1. It will cost US\$249.95 but users who already purchased Viveza for Photoshop get it for free!
On May 7, 2008, Nik finally [shipped Viveza as the first availailabe plugin for Aperture 2.1](http://www.kremalicious.com/2008/05/nik-ships-viveza-as-the-first-available-aperture-editing-plugin/). You can grab a [15-day trial version](http://www.niksoftware.com/site/cont_index.php?nav_top=367&cms_child=__demo&productId=257) of the plugin too.
@ -53,15 +53,15 @@ On May 7, 2008, Nik finally [shipped Viveza as the first availailabe plugin for
## dvGarage dpMatte & HDR Toner
[DpMatte](http://www.dvgarage.com/prod/prod.php?prod=dpmatte) is a plugin for greenscreen keying for photographers. You can easily composite two images together, like adding another background for a portrait. It is available since April 22 and costs you US$ 69.
[DpMatte](http://www.dvgarage.com/prod/prod.php?prod=dpmatte) is a plugin for greenscreen keying for photographers. You can easily composite two images together, like adding another background for a portrait. It is available since April 22 and costs you US\$ 69.
[![dpMatte](../media/dpmatte_index1.jpg)](../media/dpmatte_index1.jpg)
The folks at dvGarage are also working on an Aperture plugin called HDRToner for high dynamic range images which will cost US$ 69 too and is expected to be available on June 15 2008.
The folks at dvGarage are also working on an Aperture plugin called HDRToner for high dynamic range images which will cost US\$ 69 too and is expected to be available on June 15 2008.
## Image Trends Aperture plugins
Image Trends announced three plugins coming for Aperture 2.1. First one is the the anti-distortion plugin [Fisheye-Hemi](http://www.imagetrendsinc.com/products/prodpage_hemi.asp) which can remap images taken with fisheye lenses. If you're using a Fisheye lens you will love this plugin. According to Image Trends' Michael K. Conley the plugin should be available on May 19, 2008 and will cost US$ 29.95. But if you already purchased the Photoshop version Image Trends will give you 50% discount.
Image Trends announced three plugins coming for Aperture 2.1. First one is the the anti-distortion plugin [Fisheye-Hemi](http://www.imagetrendsinc.com/products/prodpage_hemi.asp) which can remap images taken with fisheye lenses. If you're using a Fisheye lens you will love this plugin. According to Image Trends' Michael K. Conley the plugin should be available on May 19, 2008 and will cost US\$ 29.95. But if you already purchased the Photoshop version Image Trends will give you 50% discount.
[![Fisheye-Hemi](../media/imagetrends_hemi_10.jpg)](../media/imagetrends_hemi_10.jpg)
@ -85,13 +85,13 @@ You can have a first look at an early alpha version of the plugin running in Ape
## Creaceed Hydra + HDR Aperture Plugin
[Hydra](http://www.creaceed.com/hydra/) is a neat application for High Dynamic Range (HDR) image processing. With the release of Hydra 1.5, Creaceed made an Aperture plugin available with it too. It has a limited feature set compared to Photomatix or Photoshop but creating HDR images within Aperture is possible right now with this plugin. You can purchase Hydra for US$ 59.95 to get the included plugin or test it out by downloading the trial version (it will expire on July 1, 2008). But remember that the plugin is in beta stage at the moment.
[Hydra](http://www.creaceed.com/hydra/) is a neat application for High Dynamic Range (HDR) image processing. With the release of Hydra 1.5, Creaceed made an Aperture plugin available with it too. It has a limited feature set compared to Photomatix or Photoshop but creating HDR images within Aperture is possible right now with this plugin. You can purchase Hydra for US\$ 59.95 to get the included plugin or test it out by downloading the trial version (it will expire on July 1, 2008). But remember that the plugin is in beta stage at the moment.
![Hydra](../media/creaceed_hydra.png)
## Kekus LensFix CI
![Kekus LensFix CI](../media/lensfix_ci.png)The [LensFix](http://www.kekus.com/software/plugin.html) product from Kekus will help you to correct lens distortion automatically along with it's database of over 500 combinations of camera and lenses. It is also capable of reducing chromatic aberration in your images. Along with a standalone version and a Photoshop plugin the latest version will deliver you a plugin for Aperture in beta stage. The LensFix CI product with the Aperture plugin included will cost you US$ 30.
![Kekus LensFix CI](../media/lensfix_ci.png)The [LensFix](http://www.kekus.com/software/plugin.html) product from Kekus will help you to correct lens distortion automatically along with it's database of over 500 combinations of camera and lenses. It is also capable of reducing chromatic aberration in your images. Along with a standalone version and a Photoshop plugin the latest version will deliver you a plugin for Aperture in beta stage. The LensFix CI product with the Aperture plugin included will cost you US\$ 30.
You can read a first review of the beta plugin for Aperture [over at trick77.com](http://www.trick77.com/2008/05/18/review-lens-correction-plug-in-kekus-lensfix-for-aperture-2/).

View File

@ -5,8 +5,8 @@ title: Image Trends releases Fisheye-Hemi plug-in for Apple Aperture
date: 2008-05-19 13:05:23+00:00
tags:
- photography
- aperture
- photography
- aperture
---
[![Fisheye-Hemi](../media/imagetrends_hemi_10.jpg)](../media/imagetrends_hemi_10.jpg)Today Image Trends Inc. [announced](http://www.imagetrendsinc.com/news/Aperture%20Fisheye%20Hemi%20%20Final.pdf) the final availability of the anti-distortion plugin [Fisheye-Hemi](http://www.imagetrendsinc.com/products/prodpage_hemi.asp) as an editing plugin for Aperture 2.1. The plugin will remap your hemispheric images taken with a fisheye lens. So if you take pictures with a fisheye lens this plugin is a must have for you.
@ -19,7 +19,7 @@ From the press release:
If you're interested in how the plugin works there's [a cool in-depth explanation from the guys at Image Trends on their website](http://www.imagetrendsinc.com/products/specpage_hemi.asp).
The Fisheye-Hemi plugin is the first plugin from Image Trends coming for Apple's Aperture. Image Trends' president and CEO Dan Sullivan says that the other plugins [PearlyWhite](http://www.imagetrendsinc.com/products/prodpage_pearly.asp) and [ShineOff](http://www.imagetrendsinc.com/products/prodpage_shine.asp) are expected to be released within the next 60 days while some mysterious "other products" will follow them too. The plugin costs US$ 29.95 and if you want the plugin for Aperture and Photoshop you get a 50% discount. There's also a free trial version of the plugin available.
The Fisheye-Hemi plugin is the first plugin from Image Trends coming for Apple's Aperture. Image Trends' president and CEO Dan Sullivan says that the other plugins [PearlyWhite](http://www.imagetrendsinc.com/products/prodpage_pearly.asp) and [ShineOff](http://www.imagetrendsinc.com/products/prodpage_shine.asp) are expected to be released within the next 60 days while some mysterious "other products" will follow them too. The plugin costs US\$ 29.95 and if you want the plugin for Aperture and Photoshop you get a 50% discount. There's also a free trial version of the plugin available.
* [Plugin website](http://www.imagetrendsinc.com/products/prodpage_hemi.asp)
* [First overview: Aperture 2.1 adjustment plugins have arrived](http://www.kremalicious.com/2008/05/first-aperture-adjustment-plugins-have-arrived/)
- [Plugin website](http://www.imagetrendsinc.com/products/prodpage_hemi.asp)
- [First overview: Aperture 2.1 adjustment plugins have arrived](http://www.kremalicious.com/2008/05/first-aperture-adjustment-plugins-have-arrived/)

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-05-21 13:02:00+00:00
tags:
- design
- css
- design
- css
---
![Parallax](../media/parallax_illusion_css.png)As you may know there's a nice parallax effect implemented on this website. Just resize your browser window and you can see the black polaroids in my header flying on different layers. As I stated in an [earlier post](http://www.kremalicious.com/2008/03/love-the-parallax/) there is already some usage for it around the web while this effect seems to be first used by the guys from [Silverback](http://www.silverbackapp.com/). If you don't know what this effect is about head over to [thinkvitamin](http://www.thinkvitamin.com/features/design/how-to-recreate-silverbacks-parallax/trackback/) to get to know what it is and how you can achieve it.

View File

@ -12,7 +12,7 @@ tags:
- css
redirect_from:
- /2008/05/showcasing-the-css-parallax-effect-12-creative-usages/
- /2008/05/showcasing-the-css-parallax-effect-12-creative-usages/
---
Been so in love with the parallax effect that I have to post another article about it. It's time for a first showcase of websites using this effect. At the end of this article you'll find some tutorials for making this effect too.

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-05-28 15:29:56+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![ApertureEdit](../media/apertureedit_logo.png)Today [Human Software](http://www.humansoftware.com) released an exciting image editing plug-in for Apple's Aperture. It's called [ApertureEdit](http://www.humansoftware.com/pages1200/ApertureEdit/HSapertureedit11.html) and according to Human Software it offers more than 4000 professional effects which you can achieve right within Aperture.

View File

@ -13,7 +13,7 @@ tags:
- wallpaper
redirect_from:
- /first-wallpaper-chives/
- /first-wallpaper-chives/
---
I have added my first wallpaper to the Goodies section on this website. It's a shot of blooming chives which was altered with Aperture 2.1 and Photoshop CS3.

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-06-02 18:26:37+00:00
tags:
- personal
- twitter
- personal
- twitter
---
![Twitter](../media/twitter.png)In a heavy venturesome step of unreasonable Web 2.0 love I've decided to get me on Twitter and [opened up an account](https://twitter.com/kremalicious).

View File

@ -8,13 +8,13 @@ download: ../media/niepces_camera_obscura_by_kremalicious.zip
date: 2008-06-03 14:34:03+00:00
tags:
- goodies
- icon
- goodies
- icon
redirect_from:
- /new-goodie-niepces-camera-obscura-and-the-history-of-the-first-photograph/
- /4-more-icons-niepces-camera-obscura-v11/
- /2008/06/niepces-camera-obscura-and-the-history-of-the-first-photograph/
- /new-goodie-niepces-camera-obscura-and-the-history-of-the-first-photograph/
- /4-more-icons-niepces-camera-obscura-v11/
- /2008/06/niepces-camera-obscura-and-the-history-of-the-first-photograph/
---
These two desktop icons show the Camera Obscura as it was used by Nicéphore Niépce in an Aperture and iPhoto style and are intended as an homage to him. Nicéphore Niépce made it first possible to preserve an image taken with a camera obscura in 1826 or 1827 by using a special mixture of bitumen on a pewter plate, naming it Heliography.
@ -31,7 +31,7 @@ There's a fascinating story behind these icons which is nothing more than the st
### Nicéphore Niépce and The First Photograph
![Nicéphore Niépce, ca. 1795](../media/nicephore-niepce.jpg "Nicéphore Niépce, ca. 1795")
![Nicéphore Niépce, ca. 1795](../media/nicephore-niepce.jpg 'Nicéphore Niépce, ca. 1795')
Niépce was a multitasking French inventor who became famous for his experiments trying to preserve the projected image inside of the Camera Obscura. The Camera Obscura uses a well known optical phenomenon which is known to mankind for quite a long time.
@ -43,7 +43,7 @@ In 1822 he created a first non-fading negative contact print by utilizing a bitu
After some more tries and combining other elements in his procedure he was able to produce the famous First Photograph "View from the Window at Le Gras" in 1826 or 1827 by utilizing a bitumen of Judea-coated pewter plate and improved lenses from the Paris optician, Charles Chevalier. He called this procedure Heliography and the bitumen-coated pewter plate needed an exposure of eight or more hours!
![View from the Window at Le Gras](../media/view_from_the_window_at_le_gras_nicephore_niepce.jpg "View from the Window at Le Gras")
![View from the Window at Le Gras](../media/view_from_the_window_at_le_gras_nicephore_niepce.jpg 'View from the Window at Le Gras')
By the way, in 2002 another picture made by Niépce was discovered which dates back to 1825. It was made in a process he called Heliogravure and it was an image of an (engraving) image (showing a man leading a horse). But since the scientific definition of the First Photograph is "the world's first permanent photograph from nature", _View from the Window at Le Gras_ remains the first "real" photograph.

View File

@ -9,8 +9,8 @@ author: Matthias Kretschmann
date: 2008-06-03 13:32:24+00:00
tags:
- goodies
- wallpaper
- goodies
- wallpaper
redirect_from:
- /new-goodie-niepces-camera-obscura-wallpaper-pack/
@ -26,6 +26,6 @@ All Wallpapers are using a custom designed background which imitates the look of
Here are the details:
* Aperture and iPhoto styled Camera Obscura as it was used by Nicéphore Niépce.
* Including one desktop version with the Aperture styled Camera Obscura and one with the iPhoto styled. Both come in 1920x1200 for widescreen displays and 1600x1200 for normal displays
* Including 2 different crops for the iPhone (480x320).
- Aperture and iPhoto styled Camera Obscura as it was used by Nicéphore Niépce.
- Including one desktop version with the Aperture styled Camera Obscura and one with the iPhoto styled. Both come in 1920x1200 for widescreen displays and 1600x1200 for normal displays
- Including 2 different crops for the iPhone (480x320).

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-06-17 15:21:57+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![Aperture](../media/aperture128.png)Have you ever looked for a way to quickly add text to your images [without photoshopping a watermark image](http://www.kremalicious.com/2008/05/high-quality-watermarks-with-aperture/) first?

View File

@ -14,8 +14,8 @@ tags:
- ubuntu
redirect_from:
- /ubuntu-as-mac-file-server-and-time-machine-volume/trackback/
- 2008/06/ubuntu-as-mac-file-server-and-time-machine-volume/
- /ubuntu-as-mac-file-server-and-time-machine-volume/trackback/
- 2008/06/ubuntu-as-mac-file-server-and-time-machine-volume/
---
For quite some time I use my Ubuntu machine as a file and backup server for all Macs in my network which is perfectly accessible from the Finder in Mac OS X. There are some instructions available in the web for this task but all failed in my case so I wrote my own tutorial with all the steps needed for it to work properly.
@ -221,7 +221,7 @@ A blank document should open in vim. Now paste the following into the document a
</service-group>
```
update: The last part is used to assign a specific (Apple) hardware model to your Linux box. In this example your server will be advertised as an XServe and will be shown with this icon in the Finder sidebar. This will come in handy when you want to use your own icon for it or the one's made by me provided within this article. Thanks to [Simon Wheatley](http://www.simonwheatley.co.uk/2008/04/06/avahi-finder-icons/trackback/) for figuring this out. Additionally you can use these models in this file: RackMac (same as Xserve), PowerBook, PowerMac, Macmini, iMac, MacBook, MacBookPro, MacBookAir, MacPro, AppleTV1,1, AirPort
update: The last part is used to assign a specific (Apple) hardware model to your Linux box. In this example your server will be advertised as an XServe and will be shown with this icon in the Finder sidebar. This will come in handy when you want to use your own icon for it or the one's made by me provided within this article. Thanks to [Simon Wheatley](http://www.simonwheatley.co.uk/2008/04/06/avahi-finder-icons/trackback/) for figuring this out. Additionally you can use these models in this file: RackMac (same as Xserve), PowerBook, PowerMac, Macmini, iMac, MacBook, MacBookPro, MacBookAir, MacPro, AppleTV1,1, AirPort
Finally restart the avahi daemon to activate all changes:

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-06-25 15:29:22+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![Edit for Aperture logo](../media/apertureedit_logo2.png)The All-in-one Aperture adjustment plugin bundle from [Human Software](http://www.humansoftware.com) is now called Edit for Aperture or just [Edit](http://www.humansoftware.com/pages1200/ApertureEdit/HSapertureedit11.html). The new version 1.2 can now apply multiple layers of curves correction at once and the interface gets a new split image view. Also "different compatibility issues for PowerPC users" were fixed according to the release notes.

View File

@ -7,13 +7,13 @@ author: Matthias Kretschmann
date: 2008-06-25 16:41:59+00:00
tags:
- photography
- photography
---
![Digital Rebel XS/EOS 1000D ](../media/canon1000d.png)After the latest Digital Photo Professional update (DPP 3.4.1.1) [revealed some evidence about an upcoming Canon EOS Rebel XS/1000D](http://www.bobatkins.com/photography/digital/canon_xs_1000D_dpp34.html), Canon finally introduced this new entry-level DSLR this month. The [EOS Digital Rebel XS/1000D/Kiss F](http://www.canon-europe.com/For_Home/Product_Finder/Cameras/Digital_SLR/EOS_1000D/index.asp) ([full product specifications](http://www.canon-europe.com/For_Home/Product_Finder/Cameras/Digital_SLR/EOS_1000D/index.asp?specs=1)) is technically a hybrid between hardware and features found in Canon's entry-level cameras from the past: the 7-point autofocus system comes from the XT/350D, the Digic III processor is the same as in the XSi/450D and the Live View feature is implemented with the same features as found in the XSi/450D.
<!-- more -->
With this DSLR Canon seems to open up a new class in their EOS system which is somehow below the former entry level cameras (XT/350D, XTi/400D) and the latest entry-level XSi/450D. It's priced 200$ below Canons current or former entry-level DSLR XSi/450D and you can find a nice first review of this new DSLR [over at Digital Photography Review](http://www.dpreview.com/previews/Canon_1000D/).
With this DSLR Canon seems to open up a new class in their EOS system which is somehow below the former entry level cameras (XT/350D, XTi/400D) and the latest entry-level XSi/450D. It's priced 200\$ below Canons current or former entry-level DSLR XSi/450D and you can find a nice first review of this new DSLR [over at Digital Photography Review](http://www.dpreview.com/previews/Canon_1000D/).
[![Speedlite 430EX II](../media/speedlite430exii.jpg)](../media/speedlite430exii.jpg)Canon also introduced the new midrange Speedlite 430EX II, replacing the 430EX flash unit. This new Speedlite is now fully configurable with the Camera's LCD menu and it got now a metal shoe. According to [Canon](http://www.canon.co.uk/press_centre/press_releases/cameras_accessories/speedlite_430ex_ii_press_release.asp) the 430EX II also boasts 20% faster recycling times and is more silent while doing this. In Europe and in the USA the Speedlite should be available from the end of July.
[![Speedlite 430EX II](../media/speedlite430exii.jpg)](../media/speedlite430exii.jpg)Canon also introduced the new midrange Speedlite 430EX II, replacing the 430EX flash unit. This new Speedlite is now fully configurable with the Camera's LCD menu and it got now a metal shoe. According to [Canon](http://www.canon.co.uk/press_centre/press_releases/cameras_accessories/speedlite_430ex_ii_press_release.asp) the 430EX II also boasts 20% faster recycling times and is more silent while doing this. In Europe and in the USA the Speedlite should be available from the end of July.

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-07-01 16:39:02+00:00
tags:
- personal
- wordpress
- personal
- wordpress
---
![Server screwed](../media/xserve_screwed.png)As you may have noticed, kremalicious.com was a bit screwed in the last week and some of you have asked me via mail and twitter what exactly was wrong. So to satisfy the curious geek in you I will provide some informations about it.

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-07-08 19:19:54+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![image](../media/aperture-plugin128.png)

View File

@ -5,8 +5,8 @@ title: Enjoy Kremalicious{iPhone}
date: 2008-07-11 00:20:22+00:00
tags:
- personal
- wordpress
- personal
- wordpress
---
![kremalicious iPhone](../media/kremaliciousiphone_thumb.png)
@ -28,7 +28,7 @@ While Safari on iPhone will display all websites just fine it can happen that th
The viewport can be larger or smaller than the visible area but I wanted my content to exactly fit the width of the iPhone and the goal was to make the text legible on first load. So here's what I use for kremalicious{iPhone}:
```html
<meta name="Viewport" content="maximum-scale=1.6,width=device-width" >
<meta name="Viewport" content="maximum-scale=1.6,width=device-width" />
```
This code will let the user scale the content up to 1.6 times to the default view and the default width of the content is set to the width of the (iPhone) device.
@ -38,7 +38,7 @@ This code will let the user scale the content up to 1.6 times to the default vie
There's neither an active nor a hover state for links on the iPhone which makes sense on a touch interface although it would be much easier to just use a:active for the tap highlighting. Safari on the iPhone uses a special webkit property for that:
```css
-webkit-tap-highlight-color: rgba(234,234,234, .5);
-webkit-tap-highlight-color: rgba(234, 234, 234, 0.5);
```
## Home Screen Icon
@ -53,20 +53,20 @@ And finally many thanks to [cschock](http://www.cschock.de) for continuously tes
## Resources for you to do the same and even more
* [iWPhone by ContentRobot](http://iwphone.contentrobot.com/): The plug-in I use for kremalicious.iPhone. It detects an iPhone or iPod Touch and switches to another simple theme. You can easily adjust the plugin to point it to your own theme.
- [iWPhone by ContentRobot](http://iwphone.contentrobot.com/): The plug-in I use for kremalicious.iPhone. It detects an iPhone or iPod Touch and switches to another simple theme. You can easily adjust the plugin to point it to your own theme.
* [WPTouch - Wordpress iPhonified](http://www.bravenewcode.com/wptouch/): If you don't want to digg into html, css and iPhone specific properties this plug-in will help you. Once activated it automatically switches to an iPhone like theme with lots of eyecandy. You can customize some colors and a lot of different icons all from the Wordpress admin panel
- [WPTouch - Wordpress iPhonified](http://www.bravenewcode.com/wptouch/): If you don't want to digg into html, css and iPhone specific properties this plug-in will help you. Once activated it automatically switches to an iPhone like theme with lots of eyecandy. You can customize some colors and a lot of different icons all from the Wordpress admin panel
* [Tutorial: Building a website for the iPhone](http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/): Amazing tutorial for changing content based on the orientation of the iPhone or iPod Touch. Just browse their website with your iPhone or iPod Touch to see it in action.
- [Tutorial: Building a website for the iPhone](http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/): Amazing tutorial for changing content based on the orientation of the iPhone or iPod Touch. Just browse their website with your iPhone or iPod Touch to see it in action.
* [iPhone Native Looking Skin](http://ajaxian.com/archives/iphone-native-looking-skin): Sort of a template based on css and javascript which simulates the iPhone UI. ([Final look](http://joehewitt.com/files/iphone/navigation.html))
- [iPhone Native Looking Skin](http://ajaxian.com/archives/iphone-native-looking-skin): Sort of a template based on css and javascript which simulates the iPhone UI. ([Final look](http://joehewitt.com/files/iphone/navigation.html))
* [Touching and Gesturing on the iPhone](http://ajaxian.com/archives/iphone-native-looking-skin): Build your websites with some touch gesture features! Here's the javascript code for it.
- [Touching and Gesturing on the iPhone](http://ajaxian.com/archives/iphone-native-looking-skin): Build your websites with some touch gesture features! Here's the javascript code for it.
## THE Apple resources for iPhone & Web Content
* [Safari Web Content Guide for iPhone](http://developer.apple.com/documentation/AppleApplications/Reference/SafariWebContent/Introduction/chapter_1_section_1.html)
- [Safari Web Content Guide for iPhone](http://developer.apple.com/documentation/AppleApplications/Reference/SafariWebContent/Introduction/chapter_1_section_1.html)
* [iPhone Human Interface Guidelines for Web Applications](http://developer.apple.com/documentation/iPhone/Conceptual/iPhoneHIG/Introduction/chapter_1_section_1.html)
- [iPhone Human Interface Guidelines for Web Applications](http://developer.apple.com/documentation/iPhone/Conceptual/iPhoneHIG/Introduction/chapter_1_section_1.html)
* [iPhone Human Interface Guidelines](https://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/Introduction/chapter_1_section_1.html) (free developer account required)
- [iPhone Human Interface Guidelines](https://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/Introduction/chapter_1_section_1.html) (free developer account required)

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-07-11 19:13:16+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![image](../media/aperture-plugin128.png)Beside a new version of Color Efex Pro for Capture NX, Nik announced a brand new plug-in for Photoshop and Aperture. [Silver Efex Pro](http://www.niksoftware.com/silverefexpro/usa/entry.php) is a tool to create black & white images with the power and simplicity of the U-Point technology. You can easily fine tune portions of your black & white images. It's also capable of emulating film grain and 18 different types of film while also providing 20 one-click preset styles. But Silver Efex Pro is also capable of color toning the image.
@ -17,4 +17,4 @@ tags:
[![Nik Silver Efex Pro UI](../media/nik_silverefex_thumb.png)](../media/nik_silverefex.png)
You can get a [15-day trial from Nik's website](http://www.niksoftware.com/site/cont_index.php?nav_top=367&cms_child=__demo&productId=262). It can be purchased through Nik's online store for US$199.95.
You can get a [15-day trial from Nik's website](http://www.niksoftware.com/site/cont_index.php?nav_top=367&cms_child=__demo&productId=262). It can be purchased through Nik's online store for US\$199.95.

View File

@ -7,9 +7,9 @@ author: Matthias Kretschmann
date: 2008-07-15 14:04:46+00:00
tags:
- design
- tutorial
- wordpress
- design
- tutorial
- wordpress
---
![Wordpress Logo by kremalicious](../media/wordpress-logo.png)Since Wordpress 2.5 it was nearly impossible for me to log into Wordpress and quickly head over to the write tab. The Dashboard always wants to load a bunch of things in it but this always seemed to fail in my setup and slow things down. And not enough the Dashboard just locks everything up while loading which can take more than one minute.

View File

@ -6,7 +6,7 @@ image: jingjing_chacha_kremalicious.jpg
date: 2008-08-03 17:10:25+00:00
tags:
- photography
- photography
---
As you may know there's a huge Internet censorship going on in China. Contrary to promises made by chinese authorities and the International Olympic Committee (IOC) this Internet censorship is active during the Olympic Games [even in the international media centre](http://news.bbc.co.uk/2/hi/asia-pacific/7532338.stm). And the [IOC shares the current ideas of censorship in China](http://www.rsf.org/article.php3?id_article=26461).

View File

@ -7,8 +7,8 @@ author: Matthias Kretschmann
date: 2008-08-22 14:51:02+00:00
tags:
- photography
- aperture
- photography
- aperture
---
![image](../media/aperture-plugin128.png)Earlier this month [PictureCode](http://www.picturecode.com) finally released their noise reduction software [Noise Ninja](http://www.picturecode.com/media.htm) as an Aperture plug-in for Aperture 2.1 and above.
@ -17,6 +17,6 @@ The results are just as amazing as they are with the Photoshop plug-in. But the
<!-- more -->
You can [download a trial version of Noise Ninja for Aperture](http://www.picturecode.com/nn_aperture.htm) (images are watermarked with a grid pattern when you save them) and give it a try. The Noise Ninja plug-in for Aperture is available as a part of the [Pro Bundle (US$ 79.95)](http://www.picturecode.com/purchase.php) which includes the Photoshop and the Aperture plug-in. If you have an existing Pro Bundle license you can [upgrade it for US$ 20](http://www.picturecode.com/upgrade.php) to include the Aperture plug-in license.
You can [download a trial version of Noise Ninja for Aperture](http://www.picturecode.com/nn_aperture.htm) (images are watermarked with a grid pattern when you save them) and give it a try. The Noise Ninja plug-in for Aperture is available as a part of the [Pro Bundle (US\$ 79.95)](http://www.picturecode.com/purchase.php) which includes the Photoshop and the Aperture plug-in. If you have an existing Pro Bundle license you can [upgrade it for US\$ 20](http://www.picturecode.com/upgrade.php) to include the Aperture plug-in license.
Interested in more Aperture plug-ins? Just have a look at my article [First overview: Aperture 2.1 adjustment plugins have arrived](http://www.kremalicious.com/2008/05/first-aperture-adjustment-plugins-have-arrived/) to get an overview about what's available at the moment or [browse my blog by the Aperture plug-in tag](http://www.kremalicious.com/tag/aperture-plug-in/). Additionally you can have a look at the [brand new Apple website for all the Aperture plug-ins and ressources](http://www.apple.com/aperture/resources/plugins.html).

View File

@ -7,7 +7,7 @@ author: Matthias Kretschmann
date: 2008-08-22 17:04:19+00:00
tags:
- goodies
- goodies
---
![The Kremalicious MarsEdit Style](../media/marsedit_kremalicious.png)Personally I blog everything with RedSweater's awesome application [MarsEdit](http://www.red-sweater.com/marsedit/). MarsEdit has a cool preview window included where you can see your writing live while you type. The formatting of this preview is based on simple HTML and CSS so the style is pretty customizable.
@ -27,49 +27,81 @@ Just copy and paste the following HTML and CSS into your Preview Template editor
```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>#weblogName#: #title#</title>
<style>
body { margin: 0; background-color: #000;}
<head>
<title>#weblogName#: #title#</title>
<style>
body {
margin: 0;
background-color: #000;
}
a { color: #778caa; text-decoration: none;}
a {
color: #778caa;
text-decoration: none;
}
a:hover { background-color: #778caa; color: #000; text-shadow: 0px 1px 1px #ddd;}
a:hover {
background-color: #778caa;
color: #000;
text-shadow: 0px 1px 1px #ddd;
}
#title { color: #778caa; background-color: #333; margin: 0; font: normal 2.1em "HelveticaNeue-UltraLight", Helvetica, sans-serif;}
#title {
color: #778caa;
background-color: #333;
margin: 0;
font: normal 2.1em 'HelveticaNeue-UltraLight', Helvetica, sans-serif;
}
#title a {display: block; position: relative; padding: 10px 20px;}
#title a {
display: block;
position: relative;
padding: 10px 20px;
}
#title a:hover {text-shadow: 0px 1px 1px #B3B3B3;}
#title a:hover {
text-shadow: 0px 1px 1px #b3b3b3;
}
#content {font: 1em "Lucida Grande", Lucida, Verdana, sans-serif; color: #ddd; padding: 10px 20px;}
#content {
font: 1em 'Lucida Grande', Lucida, Verdana, sans-serif;
color: #ddd;
padding: 10px 20px;
}
#meta {margin-top: 20px; padding: 5px; background-color: #333; -webkit-border-radius: 5px;}
#meta {
margin-top: 20px;
padding: 5px;
background-color: #333;
-webkit-border-radius: 5px;
}
#credit {font: italic 0.8em/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: center; margin-top:20px;}
</style>
</head>
<body>
#credit {
font: italic 0.8em/12px 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
text-align: center;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="title">
<a href="#url#">#title#</a>
</div>
<div id="title">
<a href="#url#">#title#</a>
<div id="content">
#body# #extended#
<div id="meta">
<b>url</b> : <a href="#url#">#url#</a><br />
<b>tags</b> : #tags#
</div>
<div id="content">
#body#
#extended#
<div id="meta">
<b>url</b> : <a href="#url#">#url#</a><br />
<b>tags</b> : #tags#
</div>
<div id="credit">
The Kremalicious MarsEdit Style<br />
<a href="http://www.kremalicious.com">www.kremalicious.com</a>
</div>
</div> <-- end content -->
</body>
<div id="credit">
The Kremalicious MarsEdit Style<br />
<a href="http://www.kremalicious.com">www.kremalicious.com</a>
</div>
</div>
<-- end content -->
</body>
</html>
```

View File

@ -8,8 +8,8 @@ download: ../media/icybox_by_kremalicious.zip
date: 2008-08-26 19:16:38+00:00
tags:
- goodies
- icon
- goodies
- icon
redirect_from:
- /new-goodie-icy-box-icons/
@ -25,9 +25,9 @@ The whole package includes 7 icons either packed in a nice tagged iContainer for
<a class="icon-download" href="../media/icybox_by_kremalicious.zip">Download Icy Box Icons <span>zip</span></a>
</p>
* Replacement icons for the silver and black Icy Box external aluminium case with USB interface
* Mac + Win + Linux + iContainer
* Leopard ready (512x512)
* including 7 icons with 2 Time Machine versions
- Replacement icons for the silver and black Icy Box external aluminium case with USB interface
- Mac + Win + Linux + iContainer
- Leopard ready (512x512)
- including 7 icons with 2 Time Machine versions
[![Icy Box Icons](../media/icybox_teaser2_small.png)](../media/icybox_teaser2.jpg)

View File

@ -7,7 +7,7 @@ author: Matthias Kretschmann
date: 2008-08-28 11:28:33+00:00
tags:
- photography
- photography
---
[![EOS 50D back](../media/eos_50D_front_thumb.png)](../media/eos_50D_front.png)The successor of the EOS 40D is (almost) here: Canon [officially announced](http://www.usa.canon.com/templatedata/pressrelease/20080826_eos50d.html) the Canon EOS 50D along with the new lens Canon EF-S 18-200/3.5-5.6IS. The EOS 50D and the new lens will be both available in October 2008, Canon says.
@ -24,6 +24,6 @@ The EOS 50D is prized at US$1399 (1299€) for just the body and it will be avai
If you're interested in all the details and specifications have a look at [Bob Atkins article about the official announcement of the EOS 50D](http://www.bobatkins.com/photography/digital/canon_eos_50D.html).
[![EF-S 18-200/3.5-5.6 IS](../media/efs_18-200_thumb.png)](../media/efs_18-200.png)Along with the EOS 50D Canon announced the EF-S 18-200 3.5-5.6 IS as a new lens. The lens is intended for use with an APS-C sized sensor and insists of 16 elements (UD-glass and aspherical lenses) arranged in 12 groups. As the name says the EF-S 18-200 3.5-5.6 IS comes with an image stabilizer but somehow misses an USM ring motor which is quite strange for a lens of a prize of US$699 (599€).
[![EF-S 18-200/3.5-5.6 IS](../media/efs_18-200_thumb.png)](../media/efs_18-200.png)Along with the EOS 50D Canon announced the EF-S 18-200 3.5-5.6 IS as a new lens. The lens is intended for use with an APS-C sized sensor and insists of 16 elements (UD-glass and aspherical lenses) arranged in 12 groups. As the name says the EF-S 18-200 3.5-5.6 IS comes with an image stabilizer but somehow misses an USM ring motor which is quite strange for a lens of a prize of US\$699 (599€).
All the specifications for this new lens are available in [an article by Bob Atkins](http://www.bobatkins.com/photography/reviews/canon_efs_18-200_is.html) too.

View File

@ -7,8 +7,8 @@ image: ../media/googlechrome.png
date: 2008-09-01 20:40:38+00:00
tags:
- design
- google
- design
- google
---
Today some informations about Google's new open source browser called Google Chrome came up. First published as a comic on [Blogoscoped.com](http://blogoscoped.com/google-chrome/) and [confirmed by Kara Swisher](http://kara.allthingsd.com/20080901/google-ignites-a-new-browser-war-with-microsoft-by-unveiling-one-of-its-own/), Google Chrome will be a [WebKit](http://webkit.org/)-based browser with a new JavaScript Virtual Machine called V8 and with [Google Gears](http://gears.google.com/) included.
@ -31,8 +31,8 @@ Update 3: Google Chrome seems to have problems with some of my transparent PNGs:
Update 4: There are some nice articles about various aspects of Chrome available in the web:
* Matt Cutts tries to prevent paranoia and [explains when Google Chrome talk home](http://www.mattcutts.com/blog/google-chrome-communication/).
* Gina from lifehacker.com dissects [Google Chrome's Full List of Special about: Pages](http://lifehacker.com/5045164/).
* Google [explains their priorities regarding different Platforms](http://googlemac.blogspot.com/2008/09/platforms-and-priorities.html).
* The [Chromium Developer Documentation](http://dev.chromium.org/Home) is available too.
* And it seems Google [cut out some features of WebKit like text-shadow](http://www.flickr.com/photos/kurafire/2822606444/).
- Matt Cutts tries to prevent paranoia and [explains when Google Chrome talk home](http://www.mattcutts.com/blog/google-chrome-communication/).
- Gina from lifehacker.com dissects [Google Chrome's Full List of Special about: Pages](http://lifehacker.com/5045164/).
- Google [explains their priorities regarding different Platforms](http://googlemac.blogspot.com/2008/09/platforms-and-priorities.html).
- The [Chromium Developer Documentation](http://dev.chromium.org/Home) is available too.
- And it seems Google [cut out some features of WebKit like text-shadow](http://www.flickr.com/photos/kurafire/2822606444/).

View File

@ -13,7 +13,7 @@ tags:
- futurama
redirect_from:
- /new-goodie-futurama-mars-university-wallpaper/
- /new-goodie-futurama-mars-university-wallpaper/
---
Show your geeky love for extraterrestrial universities! This is a simple Futurama tribute wallpaper displaying the logo of the Mars University as seen in the first season (1ACV11/S02E02). But I've modified it a bit to get it out of the 2D. Including one high-resolution desktop version for widescreen displays (2560x1600) and one iPhone version (320x480).

View File

@ -9,17 +9,17 @@ author: Matthias Kretschmann
date: 2008-10-23 14:59:23+00:00
tags:
- goodies
- icon
- goodies
- icon
---
Ive just released my own coffee cup icon, enjoy:
* Desktop icons showing the fuel of most designers. Originally I've made the coffee cup for the donations button on my website earlier this year and now decided to release it as an icon.
* Mac + Win + Linux + iContainer
* Leopard ready (512x512)
* including 3 icons (Black + White version + obligatory folder icon)
* [The Finest Coffee Cups - Most Incredible Coffee Icons On The Web](/the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web/)
- Desktop icons showing the fuel of most designers. Originally I've made the coffee cup for the donations button on my website earlier this year and now decided to release it as an icon.
- Mac + Win + Linux + iContainer
- Leopard ready (512x512)
- including 3 icons (Black + White version + obligatory folder icon)
- [The Finest Coffee Cups - Most Incredible Coffee Icons On The Web](/the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web/)
## Download

View File

@ -8,7 +8,7 @@ image: ../media/coffee-cup-icon-kremalicious.png
date: 2008-10-23 02:23:39+00:00
tags:
- design
- design
---
In this article I present you the finest icons of the fuel of a lot of designers and students (and other people too) available on the web. I've just released [my own coffee cup icon](/coffee-cup-icon) but this beverage seem to have inspired a lot of other beautiful icons especially for Mac OS X.
@ -151,11 +151,11 @@ Not a coffee cup but also very coffee related is this awesome Cappuccino machine
Finally here're some nice high quality tutorials for you to help you build your own coffee cup.
* ![Using Gradients to Make Light and Shadow - and a Coffee Cup](../media/coffee-showcase-tut-psdtuts.png)
- ![Using Gradients to Make Light and Shadow - and a Coffee Cup](../media/coffee-showcase-tut-psdtuts.png)
[Using Gradients to Make Light and Shadow - and a Coffee Cup!](http://psdtuts.com/tutorials-effects/using-gradients-to-make-light-and-shadow-and-a-coffee-cup/): Collis from [psdtuts](http://psdtuts.com) made a nice tutorial with a similar perspective as found in [my Coffee Cup Icon](http://www.kremalicious.com/goodies/).
* ![Design A Coffee Mug Icon](../media/coffee-showcase-tut-houle.png)
- ![Design A Coffee Mug Icon](../media/coffee-showcase-tut-houle.png)
[Design A Coffee Mug Icon](http://www.myinkblog.com/2008/08/02/design-a-coffee-mug-icon/): Photoshop tutorial by Andrew Houle for creating a coffee cup icon.
* ![Creating a Coffee Cup with Inkscape](../media/coffee-showcase-tut-vectuts.png)
- ![Creating a Coffee Cup with Inkscape](../media/coffee-showcase-tut-vectuts.png)
[Creating a Coffee Cup with Inkscape](http://vectortuts.com/illustration/creating-a-coffee-cup-with-inkscape/): Peter Anglea with a nice vector tutorial using the open source vector app Inkscape.
* ![Amazing Photoshop Light Effect In 10 Steps](../media/coffee-showcase-tut-abduzeedo.png)
- ![Amazing Photoshop Light Effect In 10 Steps](../media/coffee-showcase-tut-abduzeedo.png)
[Amazing Photoshop Light Effect In 10 Steps](http://abduzeedo.com/amazing-photoshop-light-effect-10-steps): Not an icon tutorial but Fabio Sasso achieves some awesome light effects combined with the coffee cup from the [Office Space icon set](http://www.visualpharm.com/office_space.html).

View File

@ -8,8 +8,8 @@ image: ../media/watermark_aperture.jpg
date: 2008-10-26 16:05:58+00:00
tags:
- photography
- aperture
- photography
- aperture
redirect_from:
- /2008/10/the-definite-guide-to-watermarks-in-apple-aperture/
@ -59,7 +59,7 @@ But it has some powerful features in terms of watermarking: It can read out some
![Aperture BorderFX](../media/aperture_borderfx.png)
This plug-in gives you a lot of flexibility about your watermark look without firing up a graphical editor like Photoshop. Also you're not leaving a non-destructive workflow with this plug-in since all the changes are just rendered on your exported images. With the combination of using the plug-in presets and the capability of opening several images at once with the plug-in you can have different watermarks on different images very quickly.
This plug-in gives you a lot of flexibility about your watermark look without firing up a graphical editor like Photoshop. Also you're not leaving a non-destructive workflow with this plug-in since all the changes are just rendered on your exported images. With the combination of using the plug-in presets and the capability of opening several images at once with the plug-in you can have different watermarks on different images very quickly.
But you can't see your changes made in the plug-in on the images in your library. But Reinhard [stated in his blog](http://web.mac.com/reinharduebel/Site/Aperture_BorderFX_Blog/Entries/2008/8/26_BorderFX_Edit_Plug-in%2C_coming_soon..html) he's working on an edit plug-in based on the new Aperture 2.1 SDK where the changes will be rendered (destructively) in a psd file.
@ -92,6 +92,6 @@ And, except for the export plug-ins, you will leave a non-destructive workflow s
So to stay within a non-destructive workflow and to avoid unnecessary big file sizes you should try to use either [Aperture's built-in watermarking feature](http://www.kremalicious.com/2008/05/high-quality-watermarks-with-aperture/) or [Reinhard's BorderFX plug-in](http://web.mac.com/reinharduebel/BorderFX/) in your workflow.
But if you want e.g. different text on just a few images and want to have your watermarked image within Aperture you should try using the Edit plug-ins or your external editor. Also if you don't care about big file sizes for rather minor changes you can use the Edit plug-ins for watermarking although you'll slightly leave Aperture's non-destructive workflow design with this. This by the way is the case with all the Edit plug-ins. But that's another story...
But if you want e.g. different text on just a few images and want to have your watermarked image within Aperture you should try using the Edit plug-ins or your external editor. Also if you don't care about big file sizes for rather minor changes you can use the Edit plug-ins for watermarking although you'll slightly leave Aperture's non-destructive workflow design with this. This by the way is the case with all the Edit plug-ins. But that's another story...
And that's it folks. I hope this article helps you finding the right method for watermarking your images in an Aperture workflow. Feel free to post in the comments about your experiences or any additions you have. Also don't forget to spread the word about this article on your favorite social bookmarking site.

View File

@ -7,12 +7,12 @@ author: Matthias Kretschmann
date: 2008-12-11 22:59:06+00:00
tags:
- design
- tutorial
- wordpress
- design
- tutorial
- wordpress
redirect_from:
- /2008/12/how-to-set-a-custom-gravatar-image-in-wordpress-27/
- /2008/12/how-to-set-a-custom-gravatar-image-in-wordpress-27/
---
![Wordpress Logo by kremalicious](../media/wordpress-logo.png)

View File

@ -7,9 +7,9 @@ author: Matthias Kretschmann
date: 2008-12-13 16:47:43+00:00
tags:
- design
- tutorial
- wordpress
- design
- tutorial
- wordpress
---
![Wordpress Logo by kremalicious](../media/wordpress-logo.png)
@ -34,7 +34,9 @@ Let's start by looking at the code to achieve styling of author comments prior t
So with some php stuff we were able to check for the author name or, as I did it, for the URL of the comment author. If one of these were detected Wordpress added a new class 'author' to the `<li>` tag which we were able to style by adding a li.author to our css file:
```css
li.author { /* css comes in here */ }
li.author {
/* css comes in here */
}
```
But with Wordpress 2.7 these steps are needless because of the [new function `<?php wp_list_comments(); ?>`](http://codex.wordpress.org/Template_Tags/wp_list_comments) which adds a class on author comments for itself!
@ -42,7 +44,9 @@ But with Wordpress 2.7 these steps are needless because of the [new function `<?
If a comment from the author of an article is posted under this article, **Wordpress automatically adds the class 'bypostauthor' to the surrounding `<li>` tag.** So all you have to do is adding a css style of `li.bypostauthor` to your css file or just renaming your old `li.author` class or whatever you used for this:
```css
li.bypostauthor { /* css comes in here */ }
li.bypostauthor {
/* css comes in here */
}
```
And that's it for adding a different style to comments from the article author. Just add some css and there you go. Wonderful!
@ -52,7 +56,9 @@ And that's it for adding a different style to comments from the article author.
Wordpress also has a special class for registered users of your site so you're able to style their comments as well. For this just use the class 'byuser':
```css
li.byuser { /* css comes in here */ }
li.byuser {
/* css comes in here */
}
```
All the various classes Wordpress adds to comments are listed [in the Codex page for enhanced comments display](http://codex.wordpress.org/Migrating_Plugins_and_Themes_to_2.7/Enhanced_Comment_Display#CSS_Styling). And [here's a very nice grahical overview about everything Wordpress 2.7 adds to comments](http://www.wp-fun.co.uk/2008/12/10/27-comment-classes/).

View File

@ -8,7 +8,7 @@ author: Matthias Kretschmann
date: 2009-02-01 06:01:28+00:00
tags:
- personal
- personal
---
Just some self reference here. I've launched a slick new site under [matthiaskretschmann.com](http://matthiaskretschmann.com) today which has an absolute simple concept. It's kind of a digital business card site for being digitally present under my name. Beside that it has Links to my social media stuff so it's easier for you to stalk me. In the 90's we probably would have called it a Portal.

View File

@ -13,18 +13,18 @@ tags:
- futurama
redirect_from:
- /2009/02/out-of-whale-oil/
- /2009/02/out-of-whale-oil/
---
Simple, high-resolution Futurama tribute wallpaper pack inspired by the latest Futurama movie Into The Wild Green Yonder. This pack includes 4 versions of the Planet Express ship whale oil indicator in 2 different sizes for desktop and iPhone use. Vivid pink Feminista versions included too.
![Futurama: Out Of Whale Oil Wallpaper Detail](../media/out_of_whale_oil_detail.png)Here're the details for the whole pack:
* 2 high-rez widescreen desktop versions with empty and full whale oil indicator (2560x1600)
* 2 iPhone versions with empty and full whale oil indicator (320x480)
* 2 Feminista versions high-rez widescreen desktop versions with empty and full whale oil indicator (2560x1600)
* 2 Feminista iPhone versions with empty and full whale oil indicator (320x480)
* Icon folder files for this wallpaper release
- 2 high-rez widescreen desktop versions with empty and full whale oil indicator (2560x1600)
- 2 iPhone versions with empty and full whale oil indicator (320x480)
- 2 Feminista versions high-rez widescreen desktop versions with empty and full whale oil indicator (2560x1600)
- 2 Feminista iPhone versions with empty and full whale oil indicator (320x480)
- Icon folder files for this wallpaper release
[![Futurama: Out Of Whale Oil Wallpaper Pack by kremalicious](../media/out-of-whale-oil-overview.png)](http://www.kremalicious.com/goodies/#wall)

View File

@ -51,7 +51,9 @@ If you download the above Coda Clip files this icon is already applied on the cl
That's because both collections have their placeholder selection (the ![Coda Clips Placeholder](../media/codaclips-placeholder.png)) located where the link text would be:
```html
<a href="" title="">![Coda Clips Placeholder](../media/codaclips-placeholder.png)</a>
<a href="" title=""
>![Coda Clips Placeholder](../media/codaclips-placeholder.png)</a
>
```
As you can see I've also included the link title value usually with the name of the specific social site. Also I've already encoded all the entities so there shouldn't be any (X)HTML validation errors when using these links in your projects.
@ -74,9 +76,9 @@ Apart from that some sites allow you to add and submit more informations than ju
![Wordpress logo by kremalicious](../media/wordpress-logo.png)The Wordpress edition of these share link collection includes some Wordpress php bits for dynamically creating the whole submit URL so there's no need to manually edit most of the links. The Wordpress template tags used are:
* `<?php the_permalink();?>` to create the URL dynamically depending on the article under which you have included the share and submit links.
- `<?php the_permalink();?>` to create the URL dynamically depending on the article under which you have included the share and submit links.
* `<?php the_title(); ?>` to dynamically create the title which is used when your content gets submitted to one of the sites.
- `<?php the_title(); ?>` to dynamically create the title which is used when your content gets submitted to one of the sites.
Anyway, as I've said above some sites allow more to submit here and you'll find this also in capital letters. You have to adjust them manually too.
@ -89,13 +91,21 @@ Anyway, as I've said above some sites allow more to submit here and you'll find
Just include an img element wrapped inside the link tag, like so:
```html
<a href="http://del.icio.us/post?url=http://YOUR URL&amp;title=YOUR TITLE&amp;notes=YOUR NOTES" title="Save To Delicious"><img src="delicious.png" /> Delicious</a>
<a
href="http://del.icio.us/post?url=http://YOUR URL&amp;title=YOUR TITLE&amp;notes=YOUR NOTES"
title="Save To Delicious"
><img src="delicious.png" /> Delicious</a
>
```
And if you want to just use an icon with no text use just an img element without providing any link text:
```html
<a href="http://del.icio.us/post?url=http://YOUR URL&amp;title=YOUR TITLE&amp;notes=YOUR NOTES" title="Save To Delicious"><img src="delicious.png" /></a>
<a
href="http://del.icio.us/post?url=http://YOUR URL&amp;title=YOUR TITLE&amp;notes=YOUR NOTES"
title="Save To Delicious"
><img src="delicious.png"
/></a>
```
## 3.2 Use CSS Background Images
@ -103,15 +113,20 @@ And if you want to just use an icon with no text use just an img element without
To me a more cleaner solution is to use the css background-image property to include the icon images. Just add a class or an id to every share link like so:
```html
<a class="delicious" href="http://del.icio.us/post?url=http://YOUR URL&amp;title=YOUR TITLE&amp;notes=YOUR NOTES" title="Save To Delicious">Delicious</a>
<a
class="delicious"
href="http://del.icio.us/post?url=http://YOUR URL&amp;title=YOUR TITLE&amp;notes=YOUR NOTES"
title="Save To Delicious"
>Delicious</a
>
```
And in your CSS select this class and style it with a background image. Assuming you want the site icon to appear left beside the link text you would also have to add some padding so the text won't overlap the icons:
```css
.delicious {
background: url(delicious.png) no-repeat center center;
padding-left: 20px;
background: url(delicious.png) no-repeat center center;
padding-left: 20px;
}
```
@ -119,10 +134,10 @@ If you want to use just icons and no text you should provide a link text anyway
```css
.delicious {
width: 16px;
height: 16px;
background: url(delicious.png) no-repeat center center;
text-indent: -999999px;
width: 16px;
height: 16px;
background: url(delicious.png) no-repeat center center;
text-indent: -999999px;
}
```
@ -175,7 +190,8 @@ Just click the Toggle All Links button to reveal them and click it again to hide
### Plain
```html
<code class="html"><!-- Digg This Link
<code class="html"
><!-- Digg This Link
Usage:
--------------------------------------------------
@ -190,11 +206,16 @@ Just click the Toggle All Links button to reveal them and click it again to hide
media: default is news, choices are news, video or image
topic: only one category
-->
<a href="http://digg.com/submit?url=YOUR URL&
<a
href="http://digg.com/submit?url=YOUR URL&
title=YOUR TITLE&
bodytext=YOUR DESCRIPTION&
media=NEWS, VIDEO or IMAGES&
topic=TOPIC&thumbnails=1" title="Digg This">Digg</a></code>
topic=TOPIC&thumbnails=1"
title="Digg This"
>Digg</a
></code
>
```
**Wordpress**

View File

@ -9,8 +9,8 @@ author: Matthias Kretschmann
date: 2009-06-04 00:16:40+00:00
tags:
- goodies
- icon
- goodies
- icon
---
Here's a quick twitter icon for use on your websites which is kind of a by-product from one of my last projects. But I would consider it a waste to just bury this deep in my filesystem so I think it's best I'm throwing this out to you.

View File

@ -9,8 +9,8 @@ author: Matthias Kretschmann
date: 2009-09-05 19:07:31+00:00
tags:
- goodies
- icon
- goodies
- icon
---
[Delibar](http://www.shinyfrog.net/en/software/delibar/) from [Shiny Frog](http://www.shinyfrog.net) is a [delicious.com](http://delicious.com/) desktop client for OS X which sits in your menubar and gives you quick access to your bookmarks on delicious. But the default menubar icon and the other interface icons look quite disturbing so I've made these simple replacement icons for the [Delibar](http://www.shinyfrog.net/en/software/delibar/) interface.
@ -29,8 +29,8 @@ Just head over [to my Goodies page](http://www.kremalicious.com/goodies/) or cli
We're going to replace the default app resources so you should do a backup of the Delibar app or just download a [fresh copy from Shiny Frog](http://www.shinyfrog.net/en/software/delibar/) if anything goes wrong or looks weird.
1. Close Delibar if it's running
2. Ctrl + click or right-click on the Delibar app in your Applications folder and choose _Show Package Contents_
3. In the opened Finder window browse to Contents > Resources
4. Drag the contents of the _Icon Resources_ folder from the download package into this place, replacing the current files
5. Start Delibar and enjoy!
1. Close Delibar if it's running
2. Ctrl + click or right-click on the Delibar app in your Applications folder and choose _Show Package Contents_
3. In the opened Finder window browse to Contents > Resources
4. Drag the contents of the _Icon Resources_ folder from the download package into this place, replacing the current files
5. Start Delibar and enjoy!

View File

@ -11,7 +11,7 @@ tags:
- wordpress
redirect_from:
- /2009/12/wordpress-post-thumbnails/
- /2009/12/wordpress-post-thumbnails/
---
![Wordpress Logo by kremalicious](../media/wordpress-logo.png)WordPress 2.9 added a new feature which allows you to assign an image to an article to make it the post image like it's often used in magazine style themes. This new feature along with a new template tag makes all the custom field hacks usually used for this functionality in the past obsolete. So here's a quick walkthrough to make use of the new post thumbnail feature and of course how to make it backwards compatible.
@ -151,12 +151,12 @@ This first checks if the feature exists and if a post thumbnail was addd with th
## 5. Resources And More Information
* WP Engineer: [About WordPress Post Thumbnail](http://wpengineer.com/about-wordpress-post-thumbnail/)
* WP Engineer: [The Ultimative Guide For the_post_thumbnail In WordPress 2.9](http://wpengineer.com/the-ultimative-guide-for-the_post_thumbnail-in-wordpress-2-9/)
* WP Recipes: [WordPress 2.9 : Display post image with backward compatibility](http://www.wprecipes.com/wordpress-2-9-display-post-image-with-backward-compatibility)
* Justin Tadlock: [Everything you need to know about WordPress 2.9s post image feature](http://justintadlock.com/archives/2009/11/16/everything-you-need-to-know-about-wordpress-2-9s-post-image-feature)
* Chris Harrison: [Post Thumbnails in RSS Feeds](http://cdharrison.com/2009/12/the_post_thumbnail-for-rss-feeds/)
* Technosailor: [10 Things You Need to Know About WordPress 2.9](http://technosailor.com/2009/11/11/10-things-you-need-to-know-about-wordpress-2-9/)
- WP Engineer: [About WordPress Post Thumbnail](http://wpengineer.com/about-wordpress-post-thumbnail/)
- WP Engineer: [The Ultimative Guide For the_post_thumbnail In WordPress 2.9](http://wpengineer.com/the-ultimative-guide-for-the_post_thumbnail-in-wordpress-2-9/)
- WP Recipes: [WordPress 2.9 : Display post image with backward compatibility](http://www.wprecipes.com/wordpress-2-9-display-post-image-with-backward-compatibility)
- Justin Tadlock: [Everything you need to know about WordPress 2.9s post image feature](http://justintadlock.com/archives/2009/11/16/everything-you-need-to-know-about-wordpress-2-9s-post-image-feature)
- Chris Harrison: [Post Thumbnails in RSS Feeds](http://cdharrison.com/2009/12/the_post_thumbnail-for-rss-feeds/)
- Technosailor: [10 Things You Need to Know About WordPress 2.9](http://technosailor.com/2009/11/11/10-things-you-need-to-know-about-wordpress-2-9/)
Well and that's it. I would love to link to some smart WordPress Codex pages for these new template tags but at the time of this writing there simply isn't anything in the Codex about this.

View File

@ -7,10 +7,10 @@ download: ../media/ipixelpad_by_kremalicious.zip
date: 2010-02-04 15:21:42+00:00
tags:
- goodies
- icon
- ios
- ipad
- goodies
- icon
- ios
- ipad
---
So, what to do when [everyone seem](http://www.littleboxofideas.com/blog/design-resources/5-very-useful-free-ipad-icon-sets-for-designers) [to release iPad icons](http://line25.com/articles/free-apple-ipad-icon-set-for-your-website-designs) but fail to include some crisp small size icons? Pushing the pixels for yourself of course. So here's my take on the smaller sizes of an [Apple iPad](http://www.apple.com/ipad/) icon, called iPixelPad in the sizes 48px, 32px and 16px. Everything drawn pixel-perfect from scratch. Heck, even the wallpaper.

View File

@ -8,9 +8,9 @@ updated: 2014-10-11 07:56:46+00:00
date: 2011-12-15 07:56:46+00:00
tags:
- goodies
- wordpress
- ios
- goodies
- wordpress
- ios
---
Made a quick WordPress plugin which transforms the standard WordPress update & comment notification badges into iOS-styled ones.
@ -44,53 +44,53 @@ If you find any problems you can [open an issue on GitHub](https://github.com/kr
### v1.0.1
* tested for WP 4.0
* Spanish translation, muchas gracias to Andrew Kurtis from [webhostinghub.com](http://www.webhostinghub.com)
* don't style comments badge with 0 comments
* improved styles
* admin settings page fixes
* plugin icon and updated banner & screenshots
- tested for WP 4.0
- Spanish translation, muchas gracias to Andrew Kurtis from [webhostinghub.com](http://www.webhostinghub.com)
- don't style comments badge with 0 comments
- improved styles
- admin settings page fixes
- plugin icon and updated banner & screenshots
### v1.0.0
* new default style based on iOS 7
* new setting to switch back to pre-iOS 7 style
* rewritten from the ground up based on Tom McFarlins excellent WordPress Plugin Boilerplate
* settings through WordPress Settings API
* Retina banner for WordPress plugin repository listing
* drop IE 8 support (still present in pre-iOS 7 style)
* using Grunt for optimized images and minified css
* confusing and ridiculous version number jump
- new default style based on iOS 7
- new setting to switch back to pre-iOS 7 style
- rewritten from the ground up based on Tom McFarlins excellent WordPress Plugin Boilerplate
- settings through WordPress Settings API
- Retina banner for WordPress plugin repository listing
- drop IE 8 support (still present in pre-iOS 7 style)
- using Grunt for optimized images and minified css
- confusing and ridiculous version number jump
### v0.3.6
* tested for WP 3.4
* settings page: Retina ready icon for high dpi devices, css only submit button
* updated german translation
- tested for WP 3.4
- settings page: Retina ready icon for high dpi devices, css only submit button
- updated german translation
### v0.3.5
* IE 8 improvements: box shadow, light gradient through DXImageTransform filters (but no rounded corners, sorry)
* current versions of IE & Opera are now among the tested browsers
* updated settings page links
- IE 8 improvements: box shadow, light gradient through DXImageTransform filters (but no rounded corners, sorry)
- current versions of IE & Opera are now among the tested browsers
- updated settings page links
### v0.3.4
* more descriptive readme and settings footer with links to blog post & github page
* updated translation
- more descriptive readme and settings footer with links to blog post & github page
- updated translation
### v0.3.2
* Make the plugin work if symlinked
- Make the plugin work if symlinked
### v0.3
* initial beta release
- initial beta release
### v0.2
* added options to control whether the badges show up in admin menu or toolbar (default is both)
- added options to control whether the badges show up in admin menu or toolbar (default is both)
### v0.1
* initial alpha release
- initial alpha release

View File

@ -7,7 +7,7 @@ image: ../media/mkv2.jpg
date: 2012-02-26 21:29:54+00:00
tags:
- personal
- personal
---
Today I finally launched v2 of my personal site, still following the concept of a business card web site but with a portfolio added to it. You should totally [have a look](http://matthiaskretschmann.com).
@ -34,11 +34,11 @@ That's of course all done by media queries with breakpoints at 600px, 768px and
But it's interesting to see how different the rendering of the site is in some mobile browsers. Here're some unmodified screenshots of the site in various mobile browsers on iOS 5 & Android 4:
* [iOS - Mobile Safari (iPhone 4S)](../media/mkv2-iphone.png)
* [iOS - Mobile Safari (iPad)](../media/mkv2-ipad.png)
* [Android - Android Browser (Nexus S)](../media/mkv2-android.png)
* [Android - Chrome beta (Nexus S)](../media/mkv2-android-chrome.png)
* [Android - Firefox (Nexus S)](../media/mkv2-android-firefox.png)
- [iOS - Mobile Safari (iPhone 4S)](../media/mkv2-iphone.png)
- [iOS - Mobile Safari (iPad)](../media/mkv2-ipad.png)
- [Android - Android Browser (Nexus S)](../media/mkv2-android.png)
- [Android - Chrome beta (Nexus S)](../media/mkv2-android-chrome.png)
- [Android - Firefox (Nexus S)](../media/mkv2-android-firefox.png)
Notice the weird banding of the gradients in Firefox. And Android either ignores the min-device-pixel-ratio media query altogether or has just problems with the background-size css property.

View File

@ -6,8 +6,8 @@ image: ../media/tabs_overview.png
date: 2012-04-04 14:24:30+00:00
tags:
- design
- android
- design
- android
---
With [Instagram for Android](https://play.google.com/store/apps/details?id=com.instagram.android&hl=en) there's once again an app getting ported to Android from iOS which doesn't follow the platform specific guidelines with a lot of elements. But this time it's a bit complicated, let me explain.

View File

@ -7,9 +7,9 @@ linkurl: http://www.montulli.org/theoriginofthe%3Cblink%3Etag
date: 2012-04-20 08:48:46+00:00
tags:
- design
- history
- html
- design
- history
- html
---
Funny story from [Lou Montulli](http://www.montulli.org/lou), who is the credited inventor of the <blink> tag. As suspected of generations of web designers, it involved a bar and much alcohol:

View File

@ -7,8 +7,8 @@ linkurl: http://www.bohemiancoding.com/about/blog/announcing-sketch-2-0/
date: 2012-04-30 12:37:05+00:00
tags:
- design
- sketch
- design
- sketch
---
Remarkable update to Bohemian Coding's [Sketch](http://bohemiancoding.com/sketch) app. It's like Photoshop but with only the UI design related features included:

View File

@ -8,8 +8,8 @@ author: Matthias Kretschmann
date: 2012-05-04 13:12:54+00:00
tags:
- photography
- photojournalism
- photography
- photojournalism
---
The winners of the 2012 contest were announced and the [winner gallery](http://www.worldpressphoto.org/gallery/2012-world-press-photo) is worth checking out.

View File

@ -8,9 +8,9 @@ author: Matthias Kretschmann
date: 2012-05-09 09:48:19+00:00
tags:
- design
- responsive
- retina
- design
- responsive
- retina
---
Tim Kadlec made some valuable tests about what assets get downloaded by which browser when using different media queries.

View File

@ -8,9 +8,9 @@ author: Matthias Kretschmann
date: 2012-05-12 13:19:02+00:00
tags:
- design
- mobile
- responsive
- design
- mobile
- responsive
---
Great middle ground arguments from Jason Mark in this recent controversy about mobile web experiences:

View File

@ -8,9 +8,9 @@ author: Matthias Kretschmann
date: 2012-05-12 17:52:53+00:00
tags:
- design
- mobile
- responsive
- design
- mobile
- responsive
---
Awesome overview about all the currently available techniques.

View File

@ -8,8 +8,8 @@ author: Matthias Kretschmann
date: 2012-05-14 19:33:22+00:00
tags:
- personal
- wordpress
- personal
- wordpress
---
It finally happened. After so many rejected revisions, so many pauses, so much coffee: kremalicious2 is here.

Some files were not shown because too many files have changed in this diff Show More