diff --git a/.prettierignore b/.prettierignore index 6cddd8e6..2667b906 100644 --- a/.prettierignore +++ b/.prettierignore @@ -2,4 +2,3 @@ node_modules/ .cache/ static/ public/ -content/ diff --git a/content/photos/2008-06-04-helvetica-typewriter-keys.md b/content/photos/2008-06-04-helvetica-typewriter-keys.md index 43d97dff..a7ab0fcd 100644 --- a/content/photos/2008-06-04-helvetica-typewriter-keys.md +++ b/content/photos/2008-06-04-helvetica-typewriter-keys.md @@ -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) diff --git a/content/photos/2008-09-23-a-long-time-ago.md b/content/photos/2008-09-23-a-long-time-ago.md index 736d4ab7..b234214d 100644 --- a/content/photos/2008-09-23-a-long-time-ago.md +++ b/content/photos/2008-09-23-a-long-time-ago.md @@ -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) diff --git a/content/photos/2010-07-18-typeface-condoms.md b/content/photos/2010-07-18-typeface-condoms.md index d616f3b5..74adb813 100644 --- a/content/photos/2010-07-18-typeface-condoms.md +++ b/content/photos/2010-07-18-typeface-condoms.md @@ -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 diff --git a/content/photos/2010-09-01-gdr-helvetica.md b/content/photos/2010-09-01-gdr-helvetica.md index 53effdcb..9d122025 100644 --- a/content/photos/2010-09-01-gdr-helvetica.md +++ b/content/photos/2010-09-01-gdr-helvetica.md @@ -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 diff --git a/content/photos/2012-03-04-relaxing-cat.md b/content/photos/2012-03-04-relaxing-cat.md index 89758277..311d748f 100644 --- a/content/photos/2012-03-04-relaxing-cat.md +++ b/content/photos/2012-03-04-relaxing-cat.md @@ -8,5 +8,5 @@ author: Matthias Kretschmann date: 2012-03-04 08:00:32+00:00 tags: -- sitamun + - sitamun --- diff --git a/content/photos/2012-04-07-cat-enjoying-a-good-ipad-game.md b/content/photos/2012-04-07-cat-enjoying-a-good-ipad-game.md index bc8de85c..92019b9a 100644 --- a/content/photos/2012-04-07-cat-enjoying-a-good-ipad-game.md +++ b/content/photos/2012-04-07-cat-enjoying-a-good-ipad-game.md @@ -8,5 +8,5 @@ author: Matthias Kretschmann date: 2012-04-07 16:26:46+00:00 tags: -- sitamun + - sitamun --- diff --git a/content/photos/2013-02-17-ezeep-android-app-design.md b/content/photos/2013-02-17-ezeep-android-app-design.md index 3a8f3b74..b435a5cd 100644 --- a/content/photos/2013-02-17-ezeep-android-app-design.md +++ b/content/photos/2013-02-17-ezeep-android-app-design.md @@ -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 diff --git a/content/photos/2013-02-17-ezeep-office-view.md b/content/photos/2013-02-17-ezeep-office-view.md index f9df3870..e768d2b6 100644 --- a/content/photos/2013-02-17-ezeep-office-view.md +++ b/content/photos/2013-02-17-ezeep-office-view.md @@ -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 diff --git a/content/photos/2013-05-23-ezeep-birds.md b/content/photos/2013-05-23-ezeep-birds.md index 257140b6..06c2fec6 100644 --- a/content/photos/2013-05-23-ezeep-birds.md +++ b/content/photos/2013-05-23-ezeep-birds.md @@ -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/) diff --git a/content/photos/2013-05-23-ezeep-origami.md b/content/photos/2013-05-23-ezeep-origami.md index 65d87df9..27448327 100644 --- a/content/photos/2013-05-23-ezeep-origami.md +++ b/content/photos/2013-05-23-ezeep-origami.md @@ -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/) diff --git a/content/photos/2014-03-10-just-a-normal-sunday.md b/content/photos/2014-03-10-just-a-normal-sunday.md index efac0be1..8e13cee9 100644 --- a/content/photos/2014-03-10-just-a-normal-sunday.md +++ b/content/photos/2014-03-10-just-a-normal-sunday.md @@ -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) \ No newline at end of file +on [EyeEm](http://www.eyeem.com/p/31278595) diff --git a/content/photos/2014-04-26-ai-weiwei-stools.md b/content/photos/2014-04-26-ai-weiwei-stools.md index 209c547e..84fb51f7 100644 --- a/content/photos/2014-04-26-ai-weiwei-stools.md +++ b/content/photos/2014-04-26-ai-weiwei-stools.md @@ -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) \ No newline at end of file +[flickr](https://www.flickr.com/photos/krema/14016811365/) | [EyeEm](http://www.eyeem.com/p/35839008) diff --git a/content/photos/2014-06-07-airfield-reference-point.md b/content/photos/2014-06-07-airfield-reference-point.md index 05b7f060..e441ccb7 100644 --- a/content/photos/2014-06-07-airfield-reference-point.md +++ b/content/photos/2014-06-07-airfield-reference-point.md @@ -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) \ No newline at end of file +[flickr](https://www.flickr.com/photos/krema/14367263074/) | [EyeEm](http://www.eyeem.com/p/39054775) diff --git a/content/photos/2015-04-09-most-surprising-dog-i-know.md b/content/photos/2015-04-09-most-surprising-dog-i-know.md index 37ca202c..e46a1d3d 100644 --- a/content/photos/2015-04-09-most-surprising-dog-i-know.md +++ b/content/photos/2015-04-09-most-surprising-dog-i-know.md @@ -5,4 +5,4 @@ image: ../media/most-surprising-dog-i-know.jpg author: Matthias Kretschmann --- -[Instagram](https://instagram.com/p/1Q4td6NSo_/) \ No newline at end of file +[Instagram](https://instagram.com/p/1Q4td6NSo_/) diff --git a/content/photos/2015-04-17-suddenly-a-new-hindu-temple-appears-around-the-corner.md b/content/photos/2015-04-17-suddenly-a-new-hindu-temple-appears-around-the-corner.md index 0a7cf641..344d3b98 100644 --- a/content/photos/2015-04-17-suddenly-a-new-hindu-temple-appears-around-the-corner.md +++ b/content/photos/2015-04-17-suddenly-a-new-hindu-temple-appears-around-the-corner.md @@ -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 --- diff --git a/content/photos/2015-04-25-tiny-tiny-demons.md b/content/photos/2015-04-25-tiny-tiny-demons.md index b005faab..a7fd486e 100644 --- a/content/photos/2015-04-25-tiny-tiny-demons.md +++ b/content/photos/2015-04-25-tiny-tiny-demons.md @@ -5,4 +5,4 @@ image: ../media/tiny_tiny_demons.jpg author: Matthias Kretschmann --- -[Instagram](https://instagram.com/p/16VfLytShp/) \ No newline at end of file +[Instagram](https://instagram.com/p/16VfLytShp/) diff --git a/content/photos/2017-07-13-mumbai-hand-painted-typography.md b/content/photos/2017-07-13-mumbai-hand-painted-typography.md index d9842060..b19325ba 100644 --- a/content/photos/2017-07-13-mumbai-hand-painted-typography.md +++ b/content/photos/2017-07-13-mumbai-hand-painted-typography.md @@ -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 diff --git a/content/photos/2017-07-13-obligatory-gate-of-india-photo.md b/content/photos/2017-07-13-obligatory-gate-of-india-photo.md index 9baa5b9e..c382911b 100644 --- a/content/photos/2017-07-13-obligatory-gate-of-india-photo.md +++ b/content/photos/2017-07-13-obligatory-gate-of-india-photo.md @@ -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 diff --git a/content/photos/2017-07-14-chhatrapati-shivaji-maharaj-vastu-sangrahalaya.md b/content/photos/2017-07-14-chhatrapati-shivaji-maharaj-vastu-sangrahalaya.md index 12d47b07..bb440530 100644 --- a/content/photos/2017-07-14-chhatrapati-shivaji-maharaj-vastu-sangrahalaya.md +++ b/content/photos/2017-07-14-chhatrapati-shivaji-maharaj-vastu-sangrahalaya.md @@ -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 diff --git a/content/photos/2017-11-10-acropolis-the-erechtheum.md b/content/photos/2017-11-10-acropolis-the-erechtheum.md index 8d0765af..8ea99143 100644 --- a/content/photos/2017-11-10-acropolis-the-erechtheum.md +++ b/content/photos/2017-11-10-acropolis-the-erechtheum.md @@ -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 diff --git a/content/photos/2017-11-10-acropolis-the-parthenon.md b/content/photos/2017-11-10-acropolis-the-parthenon.md index 0bbce9a3..ff6e9424 100644 --- a/content/photos/2017-11-10-acropolis-the-parthenon.md +++ b/content/photos/2017-11-10-acropolis-the-parthenon.md @@ -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 diff --git a/content/photos/2017-11-10-acropolis-the-propylaea.md b/content/photos/2017-11-10-acropolis-the-propylaea.md index 02bf0538..f5e2e3c0 100644 --- a/content/photos/2017-11-10-acropolis-the-propylaea.md +++ b/content/photos/2017-11-10-acropolis-the-propylaea.md @@ -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 diff --git a/content/photos/2017-12-15-el-born-centre-de-cultura-i-memoria.md b/content/photos/2017-12-15-el-born-centre-de-cultura-i-memoria.md index 31275307..de4b505d 100644 --- a/content/photos/2017-12-15-el-born-centre-de-cultura-i-memoria.md +++ b/content/photos/2017-12-15-el-born-centre-de-cultura-i-memoria.md @@ -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 --- diff --git a/content/photos/2017-12-16-sagrada-familia.md b/content/photos/2017-12-16-sagrada-familia.md index 8ddc26cb..963a0a5e 100644 --- a/content/photos/2017-12-16-sagrada-familia.md +++ b/content/photos/2017-12-16-sagrada-familia.md @@ -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 diff --git a/content/photos/2017-12-27-sao-paulo-traffic.md b/content/photos/2017-12-27-sao-paulo-traffic.md index 1daddca9..9c938755 100644 --- a/content/photos/2017-12-27-sao-paulo-traffic.md +++ b/content/photos/2017-12-27-sao-paulo-traffic.md @@ -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 --- diff --git a/content/photos/2018-01-04-passagem-literaria-da-consolacao.md b/content/photos/2018-01-04-passagem-literaria-da-consolacao.md index 4737a3d5..e5adfd8b 100644 --- a/content/photos/2018-01-04-passagem-literaria-da-consolacao.md +++ b/content/photos/2018-01-04-passagem-literaria-da-consolacao.md @@ -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 --- diff --git a/content/photos/2018-01-05-samba-school.md b/content/photos/2018-01-05-samba-school.md index 77b9724c..a2a571e2 100644 --- a/content/photos/2018-01-05-samba-school.md +++ b/content/photos/2018-01-05-samba-school.md @@ -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 --- diff --git a/content/photos/2018-05-01-may-day-kreuzberg.md b/content/photos/2018-05-01-may-day-kreuzberg.md index beb59563..7baf703a 100644 --- a/content/photos/2018-05-01-may-day-kreuzberg.md +++ b/content/photos/2018-05-01-may-day-kreuzberg.md @@ -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 --- diff --git a/content/photos/2018-06-01-roger-waters-us-them.md b/content/photos/2018-06-01-roger-waters-us-them.md index 92a671d0..cbcd9aa0 100644 --- a/content/photos/2018-06-01-roger-waters-us-them.md +++ b/content/photos/2018-06-01-roger-waters-us-them.md @@ -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 --- diff --git a/content/posts/2007-03-01-adjustment-tool-guide-for-aperture-152.md b/content/posts/2007-03-01-adjustment-tool-guide-for-aperture-152.md index 2a71b75d..468d38cd 100644 --- a/content/posts/2007-03-01-adjustment-tool-guide-for-aperture-152.md +++ b/content/posts/2007-03-01-adjustment-tool-guide-for-aperture-152.md @@ -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. diff --git a/content/posts/2007-06-11-finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs.md b/content/posts/2007-06-11-finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs.md index 607183fa..1f45ccd7 100644 --- a/content/posts/2007-06-11-finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs.md +++ b/content/posts/2007-06-11-finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs.md @@ -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 diff --git a/content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md b/content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md index b834fbd8..9d5fe98a 100644 --- a/content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md +++ b/content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md @@ -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. diff --git a/content/posts/2008-03-30-launch-of-kremaliciouscom.md b/content/posts/2008-03-30-launch-of-kremaliciouscom.md index 08f26dd7..1ad34339 100644 --- a/content/posts/2008-03-30-launch-of-kremaliciouscom.md +++ b/content/posts/2008-03-30-launch-of-kremaliciouscom.md @@ -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. diff --git a/content/posts/2008-03-31-love-the-parallax.md b/content/posts/2008-03-31-love-the-parallax.md index 610765f8..debcd4be 100644 --- a/content/posts/2008-03-31-love-the-parallax.md +++ b/content/posts/2008-03-31-love-the-parallax.md @@ -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? diff --git a/content/posts/2008-04-04-6-web-design-tips-from-leonardo-da-vinci.md b/content/posts/2008-04-04-6-web-design-tips-from-leonardo-da-vinci.md index d134bead..34c1fd6e 100644 --- a/content/posts/2008-04-04-6-web-design-tips-from-leonardo-da-vinci.md +++ b/content/posts/2008-04-04-6-web-design-tips-from-leonardo-da-vinci.md @@ -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: diff --git a/content/posts/2008-04-04-aperture-file-types.md b/content/posts/2008-04-04-aperture-file-types.md index 43f7a16a..be107228 100644 --- a/content/posts/2008-04-04-aperture-file-types.md +++ b/content/posts/2008-04-04-aperture-file-types.md @@ -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 Apple’s Aperture 2.0 can handle. diff --git a/content/posts/2008-04-04-london-police-afraid-of-photographers.md b/content/posts/2008-04-04-london-police-afraid-of-photographers.md index eda9ffaf..4dca37cb 100644 --- a/content/posts/2008-04-04-london-police-afraid-of-photographers.md +++ b/content/posts/2008-04-04-london-police-afraid-of-photographers.md @@ -7,7 +7,7 @@ author: Matthias Kretschmann date: 2008-04-04 19:01:09+00:00 tags: -- photography + - photography --- ![London cops](../media/londonpolice.jpg) diff --git a/content/posts/2008-04-05-first-principles-for-choosing-type.md b/content/posts/2008-04-05-first-principles-for-choosing-type.md index 96e01567..04f38205 100644 --- a/content/posts/2008-04-05-first-principles-for-choosing-type.md +++ b/content/posts/2008-04-05-first-principles-for-choosing-type.md @@ -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. diff --git a/content/posts/2008-04-06-9-lesser-known-safari-features-worth-switching-for.md b/content/posts/2008-04-06-9-lesser-known-safari-features-worth-switching-for.md index 5a406b9d..fd020f2e 100644 --- a/content/posts/2008-04-06-9-lesser-known-safari-features-worth-switching-for.md +++ b/content/posts/2008-04-06-9-lesser-known-safari-features-worth-switching-for.md @@ -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 --- diff --git a/content/posts/2008-04-08-pulitzer-price-winners-2008-announced-various-photographers-awarded.md b/content/posts/2008-04-08-pulitzer-price-winners-2008-announced-various-photographers-awarded.md index 8e3636be..2014789e 100644 --- a/content/posts/2008-04-08-pulitzer-price-winners-2008-announced-various-photographers-awarded.md +++ b/content/posts/2008-04-08-pulitzer-price-winners-2008-announced-various-photographers-awarded.md @@ -7,7 +7,7 @@ author: Matthias Kretschmann date: 2008-04-08 15:48:14+00:00 tags: -- photography + - photography --- ![Pulitzer Price](../media/pulitzer.png) diff --git a/content/posts/2008-04-09-measuring-the-color-of-light.md b/content/posts/2008-04-09-measuring-the-color-of-light.md index 7eea5202..c951b3d6 100644 --- a/content/posts/2008-04-09-measuring-the-color-of-light.md +++ b/content/posts/2008-04-09-measuring-the-color-of-light.md @@ -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. diff --git a/content/posts/2008-04-10-the-story-behind-the-pulitzer-picture.md b/content/posts/2008-04-10-the-story-behind-the-pulitzer-picture.md index 97149287..ca2374a6 100644 --- a/content/posts/2008-04-10-the-story-behind-the-pulitzer-picture.md +++ b/content/posts/2008-04-10-the-story-behind-the-pulitzer-picture.md @@ -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/) diff --git a/content/posts/2008-04-11-photographers-strike-back-in-uk.md b/content/posts/2008-04-11-photographers-strike-back-in-uk.md index d7ce9cba..22494a9a 100644 --- a/content/posts/2008-04-11-photographers-strike-back-in-uk.md +++ b/content/posts/2008-04-11-photographers-strike-back-in-uk.md @@ -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) diff --git a/content/posts/2008-04-14-new-automation-helper-for-apples-aperture-released.md b/content/posts/2008-04-14-new-automation-helper-for-apples-aperture-released.md index 26e96807..3ba63804 100644 --- a/content/posts/2008-04-14-new-automation-helper-for-apples-aperture-released.md +++ b/content/posts/2008-04-14-new-automation-helper-for-apples-aperture-released.md @@ -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) diff --git a/content/posts/2008-04-15-webkit-team-introduced-css-based-gradients.md b/content/posts/2008-04-15-webkit-team-introduced-css-based-gradients.md index 0cb03931..ee91f1e1 100644 --- a/content/posts/2008-04-15-webkit-team-introduced-css-based-gradients.md +++ b/content/posts/2008-04-15-webkit-team-introduced-css-based-gradients.md @@ -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) diff --git a/content/posts/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md b/content/posts/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md index a4f5e91f..ce33adc1 100644 --- a/content/posts/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md +++ b/content/posts/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md @@ -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. diff --git a/content/posts/2008-04-22-apple-releases-sdk-for-aperture-21.md b/content/posts/2008-04-22-apple-releases-sdk-for-aperture-21.md index e9f71552..137c04df 100644 --- a/content/posts/2008-04-22-apple-releases-sdk-for-aperture-21.md +++ b/content/posts/2008-04-22-apple-releases-sdk-for-aperture-21.md @@ -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. diff --git a/content/posts/2008-05-07-high-quality-watermarks-with-aperture.md b/content/posts/2008-05-07-high-quality-watermarks-with-aperture.md index 6c615bfd..04fbac2d 100644 --- a/content/posts/2008-05-07-high-quality-watermarks-with-aperture.md +++ b/content/posts/2008-05-07-high-quality-watermarks-with-aperture.md @@ -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/ diff --git a/content/posts/2008-05-07-nik-ships-viveza-as-the-first-available-aperture-editing-plugin.md b/content/posts/2008-05-07-nik-ships-viveza-as-the-first-available-aperture-editing-plugin.md index f92c2cd2..4a71772b 100644 --- a/content/posts/2008-05-07-nik-ships-viveza-as-the-first-available-aperture-editing-plugin.md +++ b/content/posts/2008-05-07-nik-ships-viveza-as-the-first-available-aperture-editing-plugin.md @@ -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) diff --git a/content/posts/2008-05-07-the-15-best-new-features-of-aperture-2.md b/content/posts/2008-05-07-the-15-best-new-features-of-aperture-2.md index f488187c..a20f82cf 100644 --- a/content/posts/2008-05-07-the-15-best-new-features-of-aperture-2.md +++ b/content/posts/2008-05-07-the-15-best-new-features-of-aperture-2.md @@ -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. diff --git a/content/posts/2008-05-08-the-iconfactory-presents-beautiful-indiana-jones-desktop-icons.md b/content/posts/2008-05-08-the-iconfactory-presents-beautiful-indiana-jones-desktop-icons.md index 7c11d23f..a6528d82 100644 --- a/content/posts/2008-05-08-the-iconfactory-presents-beautiful-indiana-jones-desktop-icons.md +++ b/content/posts/2008-05-08-the-iconfactory-presents-beautiful-indiana-jones-desktop-icons.md @@ -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. diff --git a/content/posts/2008-05-14-canon-updates-its-photographic-software-to-work-with-leopard.md b/content/posts/2008-05-14-canon-updates-its-photographic-software-to-work-with-leopard.md index bc2e29f6..fcbaf366 100644 --- a/content/posts/2008-05-14-canon-updates-its-photographic-software-to-work-with-leopard.md +++ b/content/posts/2008-05-14-canon-updates-its-photographic-software-to-work-with-leopard.md @@ -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: diff --git a/content/posts/2008-05-18-first-aperture-adjustment-plugins-have-arrived.md b/content/posts/2008-05-18-first-aperture-adjustment-plugins-have-arrived.md index 55a80fcb..97514e5c 100644 --- a/content/posts/2008-05-18-first-aperture-adjustment-plugins-have-arrived.md +++ b/content/posts/2008-05-18-first-aperture-adjustment-plugins-have-arrived.md @@ -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/). diff --git a/content/posts/2008-05-19-image-trends-releases-fisheye-hemi-plug-in-for-aperture.md b/content/posts/2008-05-19-image-trends-releases-fisheye-hemi-plug-in-for-aperture.md index 27569231..97c9c01f 100644 --- a/content/posts/2008-05-19-image-trends-releases-fisheye-hemi-plug-in-for-aperture.md +++ b/content/posts/2008-05-19-image-trends-releases-fisheye-hemi-plug-in-for-aperture.md @@ -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/) diff --git a/content/posts/2008-05-21-awesome-parallax-optical-illusion.md b/content/posts/2008-05-21-awesome-parallax-optical-illusion.md index e43da2ba..05d4bc3d 100644 --- a/content/posts/2008-05-21-awesome-parallax-optical-illusion.md +++ b/content/posts/2008-05-21-awesome-parallax-optical-illusion.md @@ -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. diff --git a/content/posts/2008-05-22-showcasing-the-css-parallax-effect-12-creative-usages.md b/content/posts/2008-05-22-showcasing-the-css-parallax-effect-12-creative-usages.md index a741d1c1..61fea066 100644 --- a/content/posts/2008-05-22-showcasing-the-css-parallax-effect-12-creative-usages.md +++ b/content/posts/2008-05-22-showcasing-the-css-parallax-effect-12-creative-usages.md @@ -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. diff --git a/content/posts/2008-05-28-new-all-in-one-aperture-plug-in-released.md b/content/posts/2008-05-28-new-all-in-one-aperture-plug-in-released.md index f8f1c004..2b5c6b44 100644 --- a/content/posts/2008-05-28-new-all-in-one-aperture-plug-in-released.md +++ b/content/posts/2008-05-28-new-all-in-one-aperture-plug-in-released.md @@ -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. diff --git a/content/posts/2008-06-01-chives.md b/content/posts/2008-06-01-chives.md index 4f3c5b7f..d5cb9b41 100644 --- a/content/posts/2008-06-01-chives.md +++ b/content/posts/2008-06-01-chives.md @@ -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. diff --git a/content/posts/2008-06-02-tweet-im-on-twitter-now.md b/content/posts/2008-06-02-tweet-im-on-twitter-now.md index b5a98161..a086af5d 100644 --- a/content/posts/2008-06-02-tweet-im-on-twitter-now.md +++ b/content/posts/2008-06-02-tweet-im-on-twitter-now.md @@ -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). diff --git a/content/posts/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md b/content/posts/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md index 68cd5089..6227ac3c 100644 --- a/content/posts/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md +++ b/content/posts/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md @@ -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. diff --git a/content/posts/2008-06-03-niepces-camera-obscura-wallpaper-pack.md b/content/posts/2008-06-03-niepces-camera-obscura-wallpaper-pack.md index da119e23..3ede362a 100644 --- a/content/posts/2008-06-03-niepces-camera-obscura-wallpaper-pack.md +++ b/content/posts/2008-06-03-niepces-camera-obscura-wallpaper-pack.md @@ -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). diff --git a/content/posts/2008-06-17-quick-tip-borders-titles-plug-in-for-aperture.md b/content/posts/2008-06-17-quick-tip-borders-titles-plug-in-for-aperture.md index b7fdc4f5..f7c1add5 100644 --- a/content/posts/2008-06-17-quick-tip-borders-titles-plug-in-for-aperture.md +++ b/content/posts/2008-06-17-quick-tip-borders-titles-plug-in-for-aperture.md @@ -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? diff --git a/content/posts/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md b/content/posts/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md index 1306dbe7..1d4c0cdd 100644 --- a/content/posts/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md +++ b/content/posts/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md @@ -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 ``` -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: diff --git a/content/posts/2008-06-25-apertureedit-is-edit-for-aperture-now-updated-to-12.md b/content/posts/2008-06-25-apertureedit-is-edit-for-aperture-now-updated-to-12.md index 2d3ff1fc..690f5db7 100644 --- a/content/posts/2008-06-25-apertureedit-is-edit-for-aperture-now-updated-to-12.md +++ b/content/posts/2008-06-25-apertureedit-is-edit-for-aperture-now-updated-to-12.md @@ -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. diff --git a/content/posts/2008-06-25-new-canon-stuff-xs-eos-1000-430ex-ii.md b/content/posts/2008-06-25-new-canon-stuff-xs-eos-1000-430ex-ii.md index 95bc2df9..8c71d1bc 100644 --- a/content/posts/2008-06-25-new-canon-stuff-xs-eos-1000-430ex-ii.md +++ b/content/posts/2008-06-25-new-canon-stuff-xs-eos-1000-430ex-ii.md @@ -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. -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. diff --git a/content/posts/2008-07-01-everything-back-to-normal-on-kremaliciouscom-almost.md b/content/posts/2008-07-01-everything-back-to-normal-on-kremaliciouscom-almost.md index 892a35b8..62d45521 100644 --- a/content/posts/2008-07-01-everything-back-to-normal-on-kremaliciouscom-almost.md +++ b/content/posts/2008-07-01-everything-back-to-normal-on-kremaliciouscom-almost.md @@ -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. diff --git a/content/posts/2008-07-08-new-aperture-plug-ins-jade-and-ptlens.md b/content/posts/2008-07-08-new-aperture-plug-ins-jade-and-ptlens.md index a2d10f14..e6688b01 100644 --- a/content/posts/2008-07-08-new-aperture-plug-ins-jade-and-ptlens.md +++ b/content/posts/2008-07-08-new-aperture-plug-ins-jade-and-ptlens.md @@ -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) diff --git a/content/posts/2008-07-11-enjoy-kremaliciousiphone.md b/content/posts/2008-07-11-enjoy-kremaliciousiphone.md index 8d25549c..24297df5 100644 --- a/content/posts/2008-07-11-enjoy-kremaliciousiphone.md +++ b/content/posts/2008-07-11-enjoy-kremaliciousiphone.md @@ -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 - + ``` 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) diff --git a/content/posts/2008-07-11-new-aperture-plug-in-nik-announces-silver-efex-pro.md b/content/posts/2008-07-11-new-aperture-plug-in-nik-announces-silver-efex-pro.md index 3f9c965b..d5375406 100644 --- a/content/posts/2008-07-11-new-aperture-plug-in-nik-announces-silver-efex-pro.md +++ b/content/posts/2008-07-11-new-aperture-plug-in-nik-announces-silver-efex-pro.md @@ -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. diff --git a/content/posts/2008-07-15-wordpress-25-get-rid-of-that-sluggish-dashboard.md b/content/posts/2008-07-15-wordpress-25-get-rid-of-that-sluggish-dashboard.md index c69436ce..e31be491 100644 --- a/content/posts/2008-07-15-wordpress-25-get-rid-of-that-sluggish-dashboard.md +++ b/content/posts/2008-07-15-wordpress-25-get-rid-of-that-sluggish-dashboard.md @@ -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. diff --git a/content/posts/2008-08-03-tips-for-journalists-reporting-from-china.md b/content/posts/2008-08-03-tips-for-journalists-reporting-from-china.md index 5052bb54..2c2642a3 100644 --- a/content/posts/2008-08-03-tips-for-journalists-reporting-from-china.md +++ b/content/posts/2008-08-03-tips-for-journalists-reporting-from-china.md @@ -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). diff --git a/content/posts/2008-08-22-noise-ninja-finally-available-for-apple-aperture.md b/content/posts/2008-08-22-noise-ninja-finally-available-for-apple-aperture.md index e24c137e..6e8f8792 100644 --- a/content/posts/2008-08-22-noise-ninja-finally-available-for-apple-aperture.md +++ b/content/posts/2008-08-22-noise-ninja-finally-available-for-apple-aperture.md @@ -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 -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). diff --git a/content/posts/2008-08-22-the-kremalicious-marsedit-style.md b/content/posts/2008-08-22-the-kremalicious-marsedit-style.md index 31d658d3..b8f26b3e 100644 --- a/content/posts/2008-08-22-the-kremalicious-marsedit-style.md +++ b/content/posts/2008-08-22-the-kremalicious-marsedit-style.md @@ -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 - - #weblogName#: #title# - - - + #credit { + font: italic 0.8em/12px 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; + text-align: center; + margin-top: 20px; + } + + + +
+ #title# +
-
- #title# +
+ #body# #extended# + +
+ url : #url#
+ tags : #tags#
- -
- #body# - #extended# - -
- url : #url#
- tags : #tags# -
-
- The Kremalicious MarsEdit Style
- www.kremalicious.com -
-
<-- end content --> - - +
+ The Kremalicious MarsEdit Style
+ www.kremalicious.com +
+
+ <-- end content --> + ``` diff --git a/content/posts/2008-08-26-icy-box-icons.md b/content/posts/2008-08-26-icy-box-icons.md index b7ee37af..ab83eeed 100644 --- a/content/posts/2008-08-26-icy-box-icons.md +++ b/content/posts/2008-08-26-icy-box-icons.md @@ -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 Download Icy Box Icons zip

-* 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) diff --git a/content/posts/2008-08-28-canon-eos-50d-new-lens-announced.md b/content/posts/2008-08-28-canon-eos-50d-new-lens-announced.md index 46ef0c44..2f911a2b 100644 --- a/content/posts/2008-08-28-canon-eos-50d-new-lens-announced.md +++ b/content/posts/2008-08-28-canon-eos-50d-new-lens-announced.md @@ -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. diff --git a/content/posts/2008-09-01-a-new-browser-is-coming-google-chrome.md b/content/posts/2008-09-01-a-new-browser-is-coming-google-chrome.md index fa33b939..aaa7624f 100644 --- a/content/posts/2008-09-01-a-new-browser-is-coming-google-chrome.md +++ b/content/posts/2008-09-01-a-new-browser-is-coming-google-chrome.md @@ -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/). diff --git a/content/posts/2008-09-23-futurama-mars-university-wallpaper.md b/content/posts/2008-09-23-futurama-mars-university-wallpaper.md index 93e57608..32c333d7 100644 --- a/content/posts/2008-09-23-futurama-mars-university-wallpaper.md +++ b/content/posts/2008-09-23-futurama-mars-university-wallpaper.md @@ -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). diff --git a/content/posts/2008-10-23-coffee-cup-icon.md b/content/posts/2008-10-23-coffee-cup-icon.md index 3849550d..7330a883 100644 --- a/content/posts/2008-10-23-coffee-cup-icon.md +++ b/content/posts/2008-10-23-coffee-cup-icon.md @@ -9,17 +9,17 @@ author: Matthias Kretschmann date: 2008-10-23 14:59:23+00:00 tags: -- goodies -- icon + - goodies + - icon --- I’ve 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 diff --git a/content/posts/2008-10-23-the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web.md b/content/posts/2008-10-23-the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web.md index 8c561f3b..5c852920 100644 --- a/content/posts/2008-10-23-the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web.md +++ b/content/posts/2008-10-23-the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web.md @@ -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). diff --git a/content/posts/2008-10-26-the-definite-guide-to-watermarks-in-apple-aperture.md b/content/posts/2008-10-26-the-definite-guide-to-watermarks-in-apple-aperture.md index b735b14e..05b703b9 100644 --- a/content/posts/2008-10-26-the-definite-guide-to-watermarks-in-apple-aperture.md +++ b/content/posts/2008-10-26-the-definite-guide-to-watermarks-in-apple-aperture.md @@ -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. diff --git a/content/posts/2008-12-11-how-to-set-a-custom-gravatar-image-in-wordpress-27.md b/content/posts/2008-12-11-how-to-set-a-custom-gravatar-image-in-wordpress-27.md index 009d976f..e108bf7c 100644 --- a/content/posts/2008-12-11-how-to-set-a-custom-gravatar-image-in-wordpress-27.md +++ b/content/posts/2008-12-11-how-to-set-a-custom-gravatar-image-in-wordpress-27.md @@ -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) diff --git a/content/posts/2008-12-13-howto-styling-author-comments-with-wordpress-27.md b/content/posts/2008-12-13-howto-styling-author-comments-with-wordpress-27.md index 95b3a4c8..86d6060d 100644 --- a/content/posts/2008-12-13-howto-styling-author-comments-with-wordpress-27.md +++ b/content/posts/2008-12-13-howto-styling-author-comments-with-wordpress-27.md @@ -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 `
  • ` 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 ``](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 `` 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/). diff --git a/content/posts/2009-02-01-portal-thingy.md b/content/posts/2009-02-01-portal-thingy.md index 747b37d7..6af2d9b6 100644 --- a/content/posts/2009-02-01-portal-thingy.md +++ b/content/posts/2009-02-01-portal-thingy.md @@ -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. diff --git a/content/posts/2009-02-17-out-of-whale-oil.md b/content/posts/2009-02-17-out-of-whale-oil.md index a1004060..6c98b100 100644 --- a/content/posts/2009-02-17-out-of-whale-oil.md +++ b/content/posts/2009-02-17-out-of-whale-oil.md @@ -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) diff --git a/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md b/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md index b7622242..6d28dbee 100644 --- a/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md +++ b/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md @@ -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 -![Coda Clips Placeholder](../media/codaclips-placeholder.png) +![Coda Clips Placeholder](../media/codaclips-placeholder.png) ``` 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: -* `` to create the URL dynamically depending on the article under which you have included the share and submit links. +- `` to create the URL dynamically depending on the article under which you have included the share and submit links. -* `` to dynamically create the title which is used when your content gets submitted to one of the sites. +- `` 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 - Delicious + Delicious ``` And if you want to just use an icon with no text use just an img element without providing any link text: ```html - + ``` ## 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 -Delicious +Delicious ``` 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 - - Digg + topic=TOPIC&thumbnails=1" + title="Digg This" + >Digg ``` **Wordpress** diff --git a/content/posts/2009-06-04-twitter-crisp.md b/content/posts/2009-06-04-twitter-crisp.md index c9844834..701704c1 100644 --- a/content/posts/2009-06-04-twitter-crisp.md +++ b/content/posts/2009-06-04-twitter-crisp.md @@ -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. diff --git a/content/posts/2009-09-05-delibar.md b/content/posts/2009-09-05-delibar.md index 1b797d93..5ae627a1 100644 --- a/content/posts/2009-09-05-delibar.md +++ b/content/posts/2009-09-05-delibar.md @@ -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! diff --git a/content/posts/2009-12-17-wordpress-post-thumbnails.md b/content/posts/2009-12-17-wordpress-post-thumbnails.md index 5954bd3c..30acdc97 100644 --- a/content/posts/2009-12-17-wordpress-post-thumbnails.md +++ b/content/posts/2009-12-17-wordpress-post-thumbnails.md @@ -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.9’s 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.9’s 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. diff --git a/content/posts/2010-02-04-ipixelpad.md b/content/posts/2010-02-04-ipixelpad.md index 5d19ac83..6088a179 100644 --- a/content/posts/2010-02-04-ipixelpad.md +++ b/content/posts/2010-02-04-ipixelpad.md @@ -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. diff --git a/content/posts/2011-12-15-badged.md b/content/posts/2011-12-15-badged.md index 461347b8..eb47688f 100644 --- a/content/posts/2011-12-15-badged.md +++ b/content/posts/2011-12-15-badged.md @@ -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 McFarlin’s 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 McFarlin’s 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 diff --git a/content/posts/2012-02-26-mk-v2.md b/content/posts/2012-02-26-mk-v2.md index aa29a48a..4b31ad94 100644 --- a/content/posts/2012-02-26-mk-v2.md +++ b/content/posts/2012-02-26-mk-v2.md @@ -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. diff --git a/content/posts/2012-04-04-android-tab-conundrum.md b/content/posts/2012-04-04-android-tab-conundrum.md index 273b2005..5ea4c650 100644 --- a/content/posts/2012-04-04-android-tab-conundrum.md +++ b/content/posts/2012-04-04-android-tab-conundrum.md @@ -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. diff --git a/content/posts/2012-04-20-the-origins-of-the-blink-tag.md b/content/posts/2012-04-20-the-origins-of-the-blink-tag.md index fb7c9086..cd807b92 100644 --- a/content/posts/2012-04-20-the-origins-of-the-blink-tag.md +++ b/content/posts/2012-04-20-the-origins-of-the-blink-tag.md @@ -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 tag. As suspected of generations of web designers, it involved a bar and much alcohol: diff --git a/content/posts/2012-04-30-announcing-sketch2.md b/content/posts/2012-04-30-announcing-sketch2.md index 842fd176..f80c2a77 100644 --- a/content/posts/2012-04-30-announcing-sketch2.md +++ b/content/posts/2012-04-30-announcing-sketch2.md @@ -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: diff --git a/content/posts/2012-05-04-world-press-photo-2012.md b/content/posts/2012-05-04-world-press-photo-2012.md index f622218c..6951ba6b 100644 --- a/content/posts/2012-05-04-world-press-photo-2012.md +++ b/content/posts/2012-05-04-world-press-photo-2012.md @@ -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. diff --git a/content/posts/2012-05-09-media-query-asset-downloading-results.md b/content/posts/2012-05-09-media-query-asset-downloading-results.md index 35be357e..bad878ea 100644 --- a/content/posts/2012-05-09-media-query-asset-downloading-results.md +++ b/content/posts/2012-05-09-media-query-asset-downloading-results.md @@ -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. diff --git a/content/posts/2012-05-12-nielsen-vs-clark-theyre-both-wrong.md b/content/posts/2012-05-12-nielsen-vs-clark-theyre-both-wrong.md index 38517ebf..bcf3ffb3 100644 --- a/content/posts/2012-05-12-nielsen-vs-clark-theyre-both-wrong.md +++ b/content/posts/2012-05-12-nielsen-vs-clark-theyre-both-wrong.md @@ -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: diff --git a/content/posts/2012-05-12-which-responsive-images-solution-should-you-use.md b/content/posts/2012-05-12-which-responsive-images-solution-should-you-use.md index d5aa6f17..e4de43ce 100644 --- a/content/posts/2012-05-12-which-responsive-images-solution-should-you-use.md +++ b/content/posts/2012-05-12-which-responsive-images-solution-should-you-use.md @@ -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. diff --git a/content/posts/2012-05-14-welcome-to-kremalicious2.md b/content/posts/2012-05-14-welcome-to-kremalicious2.md index 6ede6588..9ce2c4ee 100644 --- a/content/posts/2012-05-14-welcome-to-kremalicious2.md +++ b/content/posts/2012-05-14-welcome-to-kremalicious2.md @@ -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. diff --git a/content/posts/2012-05-15-wp-icons-template.md b/content/posts/2012-05-15-wp-icons-template.md index 73103781..48776960 100644 --- a/content/posts/2012-05-15-wp-icons-template.md +++ b/content/posts/2012-05-15-wp-icons-template.md @@ -7,22 +7,22 @@ image: ../media/kremalicious-Teaser-WP-Icon-Template.png date: 2012-05-15 16:00:44+00:00 tags: -- design -- goodies -- boilerplate -- tutorial -- wordpress + - design + - goodies + - boilerplate + - tutorial + - wordpress redirect_from: - - /2012/05/wp-icons-template/ + - /2012/05/wp-icons-template/ --- Here’s a template for designing your own icons for the admin area of WordPress including icons ready for Retina screens and some recommendations for the workflow of implementing these. There are basically two scenarios where you really need custom icons for WordPress’ admin area: when creating custom post types and when creating option pages for a plugin/theme. No matter what case, at least 3 icons are needed if you want to get it right: -* two 16px icons for the admin menu, one non-colored and one colored icon for the hover state -* one 32px icon for the actual screen +- two 16px icons for the admin menu, one non-colored and one colored icon for the hover state +- one 32px icon for the actual screen And since the admin area gets constantly optimized for devices which happen to have high-dpi screens (like 3rd generation iPad’s Retina screen) it’s a very good idea to include double sized @2x assets for all the icons mentioned above. @@ -54,8 +54,8 @@ While `register_post_type()` and `add_menu_page()` let you define a URL for an i So when using this template with all those icons, I suggest you use the following snippets in your functions.php instead. Yes, I’m telling you to ignore the codex. But this is the only way to get what we want: -* hover state consistent to WordPress default menu behavior -* control the display of the various image sizes for high-dpi devices with css media queries +- hover state consistent to WordPress default menu behavior +- control the display of the various image sizes for high-dpi devices with css media queries So the following code just injects a stylesheet snippet into the `` of all admin pages. This is a modification of [Randy Jensen’s code idea](http://randyjensenonline.com/thoughts/wordpress-custom-post-type-fugue-icons/). @@ -63,7 +63,7 @@ You can always refer to the inline commented versions of these snippets in the [ ### Custom Post Type Icons -WordPress automatically puts an ID around your new menu item which contains the name of your custom post type (the $post_type parameter in `register_post_type()`). Just change this to your own post type name: +WordPress automatically puts an ID around your new menu item which contains the name of your custom post type (the \$post_type parameter in `register_post_type()`). Just change this to your own post type name: ```php 1. As good of semantics as we can get -> 2. As little awkwardness for screen readers as possible +> 1. As good of semantics as we can get +> 2. As little awkwardness for screen readers as possible Spoiler: the key is to map the icons to the _Private Use Area_ instead of "real" characters in the font files and injecting them with pseudo elements. diff --git a/content/posts/2012-06-05-can-we-please-move-past-apples-silly-faux-real-uis.md b/content/posts/2012-06-05-can-we-please-move-past-apples-silly-faux-real-uis.md index 36710d82..fe4ab3ca 100644 --- a/content/posts/2012-06-05-can-we-please-move-past-apples-silly-faux-real-uis.md +++ b/content/posts/2012-06-05-can-we-please-move-past-apples-silly-faux-real-uis.md @@ -8,7 +8,7 @@ author: Matthias Kretschmann date: 2012-06-05 16:25:56+00:00 tags: -- design + - design --- Much has been written about the good and bad of skeuomorphism. Tom Hobbs wrote a [great piece](http://www.fastcodesign.com/1669879/can-we-please-move-past-apples-silly-faux-real-uis) putting everything together. diff --git a/content/posts/2012-06-13-retina-icons-in-wordpress-3-4.md b/content/posts/2012-06-13-retina-icons-in-wordpress-3-4.md index e00b9bb0..16546729 100644 --- a/content/posts/2012-06-13-retina-icons-in-wordpress-3-4.md +++ b/content/posts/2012-06-13-retina-icons-in-wordpress-3-4.md @@ -7,8 +7,8 @@ image: ../media/wp34_retina_icons.png date: 2012-06-13 19:01:20+00:00 tags: -- design -- wordpress + - design + - wordpress --- Apart from a nicely responsive admin area, WordPress 3.4 now [includes retina assets](http://core.trac.wordpress.org/ticket/20293) for all the icons in the admin area to make them look crisp on devices with high-dpi screens like the iPhone or iPad 3, most flagship Android devices and of course the new ÜberMacBookPro. diff --git a/content/posts/2012-06-30-why-files-exist.md b/content/posts/2012-06-30-why-files-exist.md index f795f20d..324f27c5 100644 --- a/content/posts/2012-06-30-why-files-exist.md +++ b/content/posts/2012-06-30-why-files-exist.md @@ -8,7 +8,7 @@ author: Matthias Kretschmann date: 2012-06-30 18:17:33+00:00 tags: -- design + - design --- [This](http://blog.filepicker.io/post/26157006600/why-files-exist) has been said many times, but it bears repeating: @@ -23,6 +23,6 @@ But the solution can't be throwing a full file system at the user: Just applying the PC concept of a file system to post-PC devices, like Android and Dropbox did, makes only geeks happy but not the majority of users. While useful it's still too abstract for most users. That's why even Android kind of hides the file system, there's no built in app to browse it directly. But at least Android has [Intents](http://developer.android.com/guide/components/intents-filters.html), allowing users to send any data between different apps. -Apple already solved the problem of a file system being too abstract for users a long time ago, but without any app lock in. The [Newton OS on MessagePads](http://en.wikipedia.org/wiki/Newton_(platform)) stored everything in object-oriented databases called [soups](http://www.canicula.com/newton/prog/soups.htm). The "union soup" could be accessed by any app ("packages" to be exactly) on the system. Today, this is happening only rudimentarily on iOS, like when you start typing a recipient in Mail and it gets auto-completed from the Address Book data which obviously is only possible with Apple's apps. +Apple already solved the problem of a file system being too abstract for users a long time ago, but without any app lock in. The [Newton OS on MessagePads]() stored everything in object-oriented databases called [soups](http://www.canicula.com/newton/prog/soups.htm). The "union soup" could be accessed by any app ("packages" to be exactly) on the system. Today, this is happening only rudimentarily on iOS, like when you start typing a recipient in Mail and it gets auto-completed from the Address Book data which obviously is only possible with Apple's apps. Soups took away the need of manual file management without cutting access to the content. iCloud needs to be the new soup. diff --git a/content/posts/2012-07-04-newton-reconsidered.md b/content/posts/2012-07-04-newton-reconsidered.md index 6d094b15..890ae1dc 100644 --- a/content/posts/2012-07-04-newton-reconsidered.md +++ b/content/posts/2012-07-04-newton-reconsidered.md @@ -8,9 +8,9 @@ author: Matthias Kretschmann date: 2012-07-04 01:19:17+00:00 tags: -- design -- apple -- newton + - design + - apple + - newton --- Skeuomorphism on mobile devices has come a long way: diff --git a/content/posts/2012-07-11-crossdressing-compression-and-colliders-the-first-photo-on-the-web.md b/content/posts/2012-07-11-crossdressing-compression-and-colliders-the-first-photo-on-the-web.md index a669e966..0fd5f95f 100644 --- a/content/posts/2012-07-11-crossdressing-compression-and-colliders-the-first-photo-on-the-web.md +++ b/content/posts/2012-07-11-crossdressing-compression-and-colliders-the-first-photo-on-the-web.md @@ -8,8 +8,8 @@ author: Matthias Kretschmann date: 2012-07-11 21:00:07+00:00 tags: -- photography -- history + - photography + - history --- Great piece about the first photo on the web, not only interesting from a technical point of view: diff --git a/content/posts/2012-07-15-add-your-web-site-to-the-windows-8-metro-ui.md b/content/posts/2012-07-15-add-your-web-site-to-the-windows-8-metro-ui.md index ed4fd1df..7274c56f 100644 --- a/content/posts/2012-07-15-add-your-web-site-to-the-windows-8-metro-ui.md +++ b/content/posts/2012-07-15-add-your-web-site-to-the-windows-8-metro-ui.md @@ -8,29 +8,29 @@ author: Matthias Kretschmann date: 2012-07-15 16:19:55+00:00 tags: -- design -- icon -- windows + - design + - icon + - windows redirect_from: - - /2012/07/add-your-web-site-to-the-windows-8-metro-ui/ + - /2012/07/add-your-web-site-to-the-windows-8-metro-ui/ --- Windows 8 and Internet Explorer 10 make it possible to pin your site to the Metro start screen as a new tile. The tile then is a bookmark to your site and you can control the icon and background color being used. There was a great [post](https://github.com/h5bp/html5-boilerplate/issues/1136) about that in the H5BP issues section and Microsoft has a [full explanation](https://blogs.msdn.com/b/ie/archive/2012/06/08/high-quality-visuals-for-pinned-sites-in-windows-8.aspx). It all comes down to this: -* create a 144x144px image with your logo/icon filling the whole canvas and a transparent background -* add two `meta` tags in the `head` of your site defining the image path and optionally the tile color -* as noted in the [issue post](https://github.com/h5bp/html5-boilerplate/issues/1136), the image must be saved as a transparent 32bit PNG ("24bit" in Photoshop's Save For Web dialogue) without running it through image optimisers like [ImageOptim](http://imageoptim.com) +- create a 144x144px image with your logo/icon filling the whole canvas and a transparent background +- add two `meta` tags in the `head` of your site defining the image path and optionally the tile color +- as noted in the [issue post](https://github.com/h5bp/html5-boilerplate/issues/1136), the image must be saved as a transparent 32bit PNG ("24bit" in Photoshop's Save For Web dialogue) without running it through image optimisers like [ImageOptim](http://imageoptim.com) While the size is the same as for the iPad 3 homescreen icon, I strongly suggest not using the apple-touch-icon for this. In fact, it might be best not using a full color image at all. Using a white monochrome version of your logo or icon will make your site's tile blend in perfectly with the default Metro UI system tiles. As an example, I just [pushed](https://github.com/kremalicious/kremalicious2/commit/4c7e215f4abecde4385028767b633be1278f277e) the Metro [tile image](/metro-tile.png) for kremalicious.com with those `meta` tags: ```html - - + + ``` When browsing the site in Windows 8/Internet Explorer 10, users have the choice of pinning it to the start screen: diff --git a/content/posts/2012-07-16-using-kbd-for-fun-and-profit/index.md b/content/posts/2012-07-16-using-kbd-for-fun-and-profit/index.md index de2e9c0f..76d09da2 100644 --- a/content/posts/2012-07-16-using-kbd-for-fun-and-profit/index.md +++ b/content/posts/2012-07-16-using-kbd-for-fun-and-profit/index.md @@ -9,8 +9,8 @@ author: Matthias Kretschmann date: 2012-07-16 14:36:58+00:00 tags: -- design -- css + - design + - css --- There's this HTML element meant for marking up keyboard keys named ``. Obviously it can be styled with CSS so why not use it to make those elements look a bit more like hardware or the iOS and Android software keys. @@ -33,14 +33,14 @@ They are completely styled with CSS3 so they're sharp on all screens no matter h Just drop in the `kbdftw.css` in your `head`: ```html - + ``` If you want to use the Android key style, include roboto.css before: ```html - - + + ``` You also need to add all the Roboto font files from assets/fonts to your project. diff --git a/content/posts/2012-07-16-using-kbd-for-fun-and-profit/post-kbd.css b/content/posts/2012-07-16-using-kbd-for-fun-and-profit/post-kbd.css index d1040bf4..e507d319 100644 --- a/content/posts/2012-07-16-using-kbd-for-fun-and-profit/post-kbd.css +++ b/content/posts/2012-07-16-using-kbd-for-fun-and-profit/post-kbd.css @@ -1,7 +1,7 @@ kbd { font-size: 18px; - color: #444444; - font-family: "Lucida Grande", Lucida, Verdana, sans-serif; + color: #444; + font-family: 'Lucida Grande', Lucida, Verdana, sans-serif; font-weight: normal; font-style: normal; text-align: center; @@ -13,61 +13,76 @@ kbd { background-clip: padding-box; border: 1px solid #bbb; background-color: #f7f7f7; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); + background-image: linear-gradient( + to bottom, + rgba(0, 0, 0, .1), + rgba(0, 0, 0, 0) + ); background-repeat: repeat-x; - box-shadow: 0px 2px 0 #bbbbbb, 0 3px 1px #999999, 0 3px 0 #bbbbbb, inset 0 1px 1px #ffffff, inset 0 -1px 3px #cccccc; + box-shadow: 0 2px 0 #bbb, 0 3px 1px #999, 0 3px 0 #bbb, inset 0 1px 1px #fff, + inset 0 -1px 3px #ccc; } kbd.dark { - color: #eeeeee; - text-shadow: 0 -1px 0 #000000; + color: #eee; + text-shadow: 0 -1px 0 #000; border-color: #000; background-color: #4d4c4c; - background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0)); + background-image: linear-gradient( + rgba(0, 0, 0, .5), + rgba(0, 0, 0, 0) 80%, + rgba(0, 0, 0, 0) + ); background-repeat: no-repeat; - box-shadow: 0px 2px 0 #000000, 0 3px 1px #999999, inset 0 1px 1px #aaaaaa, inset 0 -1px 3px #272727; + box-shadow: 0 2px 0 #000, 0 3px 1px #999, inset 0 1px 1px #aaa, + inset 0 -1px 3px #272727; } - kbd.ios { - font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; + font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; color: #000; - border-color: rgba(0, 0, 0, 0.6); - border-top-color: rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, .6); + border-top-color: rgba(0, 0, 0, .4); background-color: #b7b7bc; background-image: linear-gradient(to bottom, #efeff0, #b7b7bc); background-repeat: repeat-x; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 #ffffff; + box-shadow: 0 1px 2px rgba(0, 0, 0, .6), 0 2px 3px rgba(0, 0, 0, .1), + inset 0 1px 0 #fff; } - kbd.android { - font-family: 'RobotoRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #ffffff; + font-family: 'RobotoRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #fff; text-shadow: none; padding: .3em; - border: 1px solid rgba(0, 0, 0, 0.05); + border: 1px solid rgba(0, 0, 0, .05); border-radius: 3px; background-clip: padding-box; background: #5e5e5e; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #444444, inset 0 1px 0 #868686; + box-shadow: 0 2px 2px rgba(0, 0, 0, .3), 0 1px 0 #444, + inset 0 1px 0 #868686; } - kbd.android.dark { - background: #222222; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #505050; + background: #222; + box-shadow: 0 2px 2px rgba(0, 0, 0, .7), 0 1px 0 #444, + inset 0 1px 0 #505050; } kbd.android.color { background: #083c5b; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #36647b; + box-shadow: 0 2px 2px rgba(0, 0, 0, .7), 0 1px 0 #444, + inset 0 1px 0 #36647b; } @font-face { font-family: 'RobotoRegular'; src: url('/media/Roboto-Regular-webfont.eot'); - src: url('/media/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/media/Roboto-Regular-webfont.woff') format('woff'), url('/media/Roboto-Regular-webfont.ttf') format('truetype'), url('/media/Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); + src: url('/media/Roboto-Regular-webfont.eot?#iefix') + format('embedded-opentype'), + url('/media/Roboto-Regular-webfont.woff') format('woff'), + url('/media/Roboto-Regular-webfont.ttf') format('truetype'), + url('/media/Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; } diff --git a/content/posts/2012-07-19-first-computer-generated-graphics-film-from-1963.md b/content/posts/2012-07-19-first-computer-generated-graphics-film-from-1963.md index c1c9ee22..239842c5 100644 --- a/content/posts/2012-07-19-first-computer-generated-graphics-film-from-1963.md +++ b/content/posts/2012-07-19-first-computer-generated-graphics-film-from-1963.md @@ -8,8 +8,8 @@ author: Matthias Kretschmann date: 2012-07-19 12:30:56+00:00 tags: -- design -- history + - design + - history --- From the [AT&T; Archives](http://techchannel.att.com/play-video.cfm/2012/7/18/AT&T-Archives-First-Computer-Generated-Graphics-Film): diff --git a/content/posts/2012-08-07-projectpurple.md b/content/posts/2012-08-07-projectpurple.md index 29497201..b4a7c6e2 100644 --- a/content/posts/2012-08-07-projectpurple.md +++ b/content/posts/2012-08-07-projectpurple.md @@ -10,9 +10,9 @@ featured: true date: 2012-08-07 13:15:44+00:00 tags: -- goodies -- iphone -- wallpaper + - goodies + - iphone + - wallpaper --- It [has been revealed](http://www.theverge.com/2012/8/3/3218846/schiller-forstall-fight-club-day-three-apple-samsung-trial/in/2971889) the original iPhone was developed in a locked down building under the name "Project Purple". Because of the secrecy involved, the team decorated the building with [Fight Club](http://www.imdb.com/title/tt0137523/) references. If you don't think this demands a wallpaper, you're weird. @@ -35,10 +35,10 @@ Download the whole package with all the sizes included or grab the individual on Download zip

    -* [Desktop/rMBP/iPad 3 (3200x2048)](../media/project-purple-kremalicious.png) -* [Laptop/Nexus 7/Galaxy Nexus (1280x800)](../media/project-purple-nexus-kremalicious.png) -* [iPad (1024x1024)](../media/project-purple-ipad-kremalicious.png) -* [iPhone (640x960)](../media/project-purple-iphone4-kremalicious.png) +- [Desktop/rMBP/iPad 3 (3200x2048)](../media/project-purple-kremalicious.png) +- [Laptop/Nexus 7/Galaxy Nexus (1280x800)](../media/project-purple-nexus-kremalicious.png) +- [iPad (1024x1024)](../media/project-purple-ipad-kremalicious.png) +- [iPhone (640x960)](../media/project-purple-iphone4-kremalicious.png) ## License diff --git a/content/posts/2012-08-20-im-joining-ezeep.md b/content/posts/2012-08-20-im-joining-ezeep.md index e54b3216..f7a4b62a 100644 --- a/content/posts/2012-08-20-im-joining-ezeep.md +++ b/content/posts/2012-08-20-im-joining-ezeep.md @@ -8,8 +8,8 @@ author: Matthias Kretschmann date: 2012-08-20 14:12:11+00:00 tags: -- personal -- ezeep + - personal + - ezeep --- I'm thrilled to announce that I'll be joining the wonderful Berlin based startup [ezeep](http://ezeep.com) as their new designer. I already had the chance to work with some very talented folks from the ezeep team and I can't wait to see what awesome stuff we'll come up with together. diff --git a/content/posts/2012-09-26-designing-with-code.md b/content/posts/2012-09-26-designing-with-code.md index b5fea5db..a411e9f2 100644 --- a/content/posts/2012-09-26-designing-with-code.md +++ b/content/posts/2012-09-26-designing-with-code.md @@ -8,7 +8,7 @@ author: Matthias Kretschmann date: 2012-09-26 11:45:40+00:00 tags: -- design + - design --- I try to repeat that at least 2 times a day: diff --git a/content/posts/2013-07-13-create-differentiate-iterate-10-pro-tips-on-relaunching-your-startup-website.md b/content/posts/2013-07-13-create-differentiate-iterate-10-pro-tips-on-relaunching-your-startup-website.md index ac7f6552..cc74330a 100644 --- a/content/posts/2013-07-13-create-differentiate-iterate-10-pro-tips-on-relaunching-your-startup-website.md +++ b/content/posts/2013-07-13-create-differentiate-iterate-10-pro-tips-on-relaunching-your-startup-website.md @@ -7,9 +7,9 @@ author: Matthias Kretschmann date: 2013-07-13 12:49:39+00:00 tags: -- design -- ezeep -- personal + - design + - ezeep + - personal --- Was one of the people interviewed by Charmaine Li from VentureVillage about relaunching a startup's website where I talk a bit about [ezeep's relaunch](https://www.ezeep.com/blog/hip-hip-have-a-look-at-ezeeps-hot-new-home-page/). diff --git a/content/posts/2013-07-13-enterprise-software-sucks.md b/content/posts/2013-07-13-enterprise-software-sucks.md index 5b710813..b859ed3a 100644 --- a/content/posts/2013-07-13-enterprise-software-sucks.md +++ b/content/posts/2013-07-13-enterprise-software-sucks.md @@ -5,8 +5,8 @@ title: Enterprise Software Sucks date: 2013-07-13 13:19:44+00:00 tags: -- design -- ezeep + - design + - ezeep --- When asking people about printing there’s one common ground – namely, that it sucks. This sentiment comes from the experience with connecting printers with the devices to print, and the act of printing itself with a plethora of print settings to chose from. diff --git a/content/posts/2013-08-07-stealing-time-how-technology-can-hurt-or-harm-our-inner-state.md b/content/posts/2013-08-07-stealing-time-how-technology-can-hurt-or-harm-our-inner-state.md index 61fbfd77..35f1f4f3 100644 --- a/content/posts/2013-08-07-stealing-time-how-technology-can-hurt-or-harm-our-inner-state.md +++ b/content/posts/2013-08-07-stealing-time-how-technology-can-hurt-or-harm-our-inner-state.md @@ -8,8 +8,8 @@ author: Matthias Kretschmann date: 2013-08-07 03:27:25+00:00 tags: -- design -- ezeep + - design + - ezeep --- The promise of modern technology has always been: use it and you’ll have more time for the important stuff in your life. As it turned out, it’s quite the opposite. There’re a lot of socioeconomic reasons for this development but, to some degree, it’s caused by the way digital services today are designed from the very beginning. Those services are stealing time by design, tricking us into thinking the stuff we do on there is somehow important. diff --git a/content/posts/2013-11-06-why-the-worlds-best-photo-startup-is-going-out-of-business.md b/content/posts/2013-11-06-why-the-worlds-best-photo-startup-is-going-out-of-business.md index bb1a3f15..8cea692d 100644 --- a/content/posts/2013-11-06-why-the-worlds-best-photo-startup-is-going-out-of-business.md +++ b/content/posts/2013-11-06-why-the-worlds-best-photo-startup-is-going-out-of-business.md @@ -5,7 +5,7 @@ title: Why the world's best photo startup is going out of business linkurl: http://www.theverge.com/2013/11/5/5039216/everpix-life-and-death-inside-the-worlds-best-photo-startup tags: -- photography + - photography --- Really sad, the service was awesome. But good example that building an awesome product is not enough: diff --git a/content/posts/2013-11-20-why-we-are-allowed-to-hate-silicon-valley.md b/content/posts/2013-11-20-why-we-are-allowed-to-hate-silicon-valley.md index 663e5339..cc5ac1e6 100644 --- a/content/posts/2013-11-20-why-we-are-allowed-to-hate-silicon-valley.md +++ b/content/posts/2013-11-20-why-we-are-allowed-to-hate-silicon-valley.md @@ -6,8 +6,8 @@ linkurl: http://www.faz.net/aktuell/feuilleton/debatten/the-internet-ideology-wh author: Matthias Kretschmann tags: -- 'silicon valley' -- google + - 'silicon valley' + - google --- Don't fully agree with Evgeny Morozov's culture pessimism but he makes some good points in this article: diff --git a/content/posts/2013-12-11-silicon-valley-isnt-a-meritocracy.md b/content/posts/2013-12-11-silicon-valley-isnt-a-meritocracy.md index a1ac8ed0..e3ac793f 100644 --- a/content/posts/2013-12-11-silicon-valley-isnt-a-meritocracy.md +++ b/content/posts/2013-12-11-silicon-valley-isnt-a-meritocracy.md @@ -5,7 +5,7 @@ title: Silicon Valley Isn't a Meritocracy linkurl: http://www.wired.com/opinion/2013/11/silicon-valley-isnt-a-meritocracy-and-the-cult-of-the-entrepreneur-holds-people-back/ tags: -- 'silicon valley' + - 'silicon valley' --- From [Silicon Valley Isn't a Meritocracy — And It's Dangerous to Hero-Worship Entrepreneurs](http://www.wired.com/opinion/2013/11/silicon-valley-isnt-a-meritocracy-and-the-cult-of-the-entrepreneur-holds-people-back/): diff --git a/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x.md b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x.md index b8740826..8b1ac4cb 100644 --- a/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x.md +++ b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x.md @@ -64,18 +64,18 @@ In order for all your system traffic being routed through Tor you need to adjust ## Set network proxy settings via System Preferences -You can do this under *System Preferences > Network* by creating a specific Tor network location for it: +You can do this under _System Preferences > Network_ by creating a specific Tor network location for it: -1. From Location dropdown at the top, select *Edit Locations...* -2. Create a new location by hitting the plus button and name it *Tor*. Hitting Done will select the new location which is now ready to be configured. -3. Go to *Advanced > Proxies* and activate *SOCKS Proxy* and add those values: +1. From Location dropdown at the top, select _Edit Locations..._ +2. Create a new location by hitting the plus button and name it _Tor_. Hitting Done will select the new location which is now ready to be configured. +3. Go to _Advanced > Proxies_ and activate _SOCKS Proxy_ and add those values: -- *SOCKS proxy server*: `localhost` -- *Port*: `9050` +- _SOCKS proxy server_: `localhost` +- _Port_: `9050` ![Network Settings](../media/tor-osx-proxy.png) -After hitting *OK* & *Apply* at the initial network screen, you can easily switch to this newly created location from your menu bar under * > Location* whenever you start up Tor. +After hitting _OK_ & _Apply_ at the initial network screen, you can easily switch to this newly created location from your menu bar under _ > Location_ whenever you start up Tor. Switching to the Tor location routes all network traffic on your system through Tor. Note that you have to repeat those steps for every other network interface if you use, say, Wi-Fi and Ethernet interchangeably. @@ -143,5 +143,5 @@ But the most recent Chrome version automatically picks up macOS's native proxy s Always [check](https://check.torproject.org) your Tor connection with whatever app you're using and if needed set the proxy preferences manually in the respective app with: -- *SOCKS proxy server*: `localhost` -- *Port*: `9050` +- _SOCKS proxy server_: `localhost` +- _Port_: `9050` diff --git a/content/posts/2015-09-13-css-app-store-badges.md b/content/posts/2015-09-13-css-app-store-badges.md index e79eedc5..7b7daed0 100644 --- a/content/posts/2015-09-13-css-app-store-badges.md +++ b/content/posts/2015-09-13-css-app-store-badges.md @@ -8,9 +8,9 @@ author: Matthias Kretschmann date: 2015-09-13 18:55:18.418548000 +02:00 tags: -- goodies -- css -- svg + - goodies + - css + - svg --- The badges provided by all app store providers just don't play well together with their varying typography and different sizing. So let's make them all visually unified, infinitely scalable, with pure text for easier localization and some web interaction styles. And while we’re at it: different sizes with the same markup by using some modifier classes. @@ -29,7 +29,8 @@ So all buttons are just set in Apple’s San Francisco UI font with this funky f ```css .badge { - font-family: system, -apple-system, '.SFNSDisplay-Regular', 'San Francisco', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-family: system, -apple-system, '.SFNSDisplay-Regular', 'San Francisco', 'Helvetica Neue', + 'Helvetica', 'Arial', sans-serif; } ``` @@ -54,7 +55,10 @@ bower install appstorebadges --save Or just directly link to the css file in the [GitHub repo](https://github.com/kremalicious/appstorebadges): ```html - + ``` ### HTML Markup @@ -63,9 +67,9 @@ This is the basic markup for all badges: ```html - […] - Download on the - App Store + […] + Download on the + App Store ``` diff --git a/content/posts/2017-05-16-hyper-mac-pro/index.md b/content/posts/2017-05-16-hyper-mac-pro/index.md index bed0a973..9f2a627f 100644 --- a/content/posts/2017-05-16-hyper-mac-pro/index.md +++ b/content/posts/2017-05-16-hyper-mac-pro/index.md @@ -26,9 +26,7 @@ If you use Hyper along with those apps, this theme is for you. It is purely a ta Install by adding `hyper-mac-pro` to the plugins property in your `~/.hyper.js`: ```js -plugins: [ - 'hyper-mac-pro' -] +plugins: ['hyper-mac-pro'] ``` If you're using `hpm`, from the command line: diff --git a/content/posts/2018-11-01-gatsby-plugin-matomo/index.md b/content/posts/2018-11-01-gatsby-plugin-matomo/index.md index 47fff03f..8d313578 100644 --- a/content/posts/2018-11-01-gatsby-plugin-matomo/index.md +++ b/content/posts/2018-11-01-gatsby-plugin-matomo/index.md @@ -16,16 +16,16 @@ Plugin for [Gatsby](https://www.gatsbyjs.org) to add tracking with the open-sour ## Features -* include tracking code in all server-side rendered routes -* track all route views as custom events -* load tracking scripts at end of body tag -* use image tracking fallback for `