mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-13 16:45:14 +01:00
post tweaks
This commit is contained in:
parent
6456b1692c
commit
a3ab615eb6
GPG Key ID:
606EEEF3C479A91F
@ -11,6 +11,8 @@ category: design
|
||||
|
||||
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?
|
||||
|
||||
<!-- more -->
|
||||
|
||||
I implemented the header effect of those flying black polaroids on kremalicious.com following the original idea by the folks of [clearleft](http://clearleft.com/) on [their silverback teaser page](http://www.silverbackapp.com/)
|
||||
|
||||
This effect drew much attention in the webdesign community and meanwhile there are some great articles about this effect. Over at thinkvitamin is a detailed explanation of the effect. [Paul Annett from clearleft gives an in-depth-view how they created the parallax effect on their silverback teaser page.](http://www.thinkvitamin.com/features/design/how-to-recreate-silverbacks-parallax/trackback/)
|
||||
|
||||
@ -9,10 +9,12 @@ date: 2008-04-04 19:01:09+00:00
|
||||
category: photography
|
||||
---
|
||||
|
||||
> Thousands of people take photos every day. What if one of them seems odd? Terrorists use surveillance to help plan attacks, taking photos and making notes about security measures like the location of CCTV cameras. If you see someone doing that, we need to know. Let experienced officers decide what action to take.
|
||||
|
||||
|
||||
|
||||
<!-- more -->
|
||||
|
||||
> Thousands of people take photos every day. What if one of them seems odd? Terrorists use surveillance to help plan attacks, taking photos and making notes about security measures like the location of CCTV cameras. If you see someone doing that, we need to know. Let experienced officers decide what action to take.
|
||||
|
||||
yeah, i'm guilty. i took several photos of cctv cameras:
|
||||
[At Agentur Ahron](http://www.agentur-ahron.de/bild_db/details.php?image_id=552)
|
||||
[At Panthermedia](http://www.panthermedia.net/index2.php?page=image_preview.php&image=441619)
|
||||
|
||||
@ -9,7 +9,11 @@ date: 2008-04-08 15:48:14+00:00
|
||||
category: photography
|
||||
---
|
||||
|
||||
The Columbia University has announced the winners for 2008 of the 92nd annual Pulitzer Price. The Pulitzer Price itself is often cited as the highest honor for american journalists. Among the various categories there are two winning entries for [Breaking News Photography](http://www.pulitzer.org/year/2008/breaking-news-photography) and [Feature Photography](http://www.pulitzer.org/year/2008/feature-photography).
|
||||
|
||||
|
||||
The Columbia University has announced the winners for 2008 of the 92nd annual Pulitzer Price. The Pulitzer Price itself is often cited as the highest honor for american journalists. Among the various categories there are two winning entries for [Breaking News Photography](http://www.pulitzer.org/year/2008/breaking-news-photography) and [Feature Photography](http://www.pulitzer.org/year/2008/feature-photography).
|
||||
|
||||
<!-- more -->
|
||||
|
||||
In the Breaking News Photography the price was won by Adrees Latif of Reuters [for his picture of the japanese videographer Kenji Nagai shot down during riots in Myanmar in 2007](http://www.pulitzer.org/year/2008/breaking-news-photography/works/).
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ title: 'HowTo: Changing the image icons in Mac OS X Leopard'
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-04-09 13:13:42+00:00
|
||||
|
||||
|
||||
category: design
|
||||
coinhive: true
|
||||
tags:
|
||||
@ -15,7 +15,11 @@ tags:
|
||||
- icon
|
||||
---
|
||||
|
||||
[](../media/aperturefiletypes.png)After i released my [Aperture File Types icon set](http://www.kremalicious.com/goodies) many of you asked how they can really use these icons for displaying the icons of images on your Mac system. Sadly this isn't as easy as dropping them in [Candybar](http://www.panic.com/candybar) into a well for image icons cause there isn't any well for them. So using other icons as standard file type icons for images is a bit tricky. I discovered two ways of doing it, which involves overwriting resources of Preview.app and Photoshop. So before doing anything I mention in this post, you should make a backup copy of them.
|
||||
[](../media/aperturefiletypes.png)
|
||||
|
||||
After i released my [Aperture File Types icon set](http://www.kremalicious.com/goodies) many of you asked how they can really use these icons for displaying the icons of images on your Mac system. Sadly this isn't as easy as dropping them in [Candybar](http://www.panic.com/candybar) into a well for image icons cause there isn't any well for them. So using other icons as standard file type icons for images is a bit tricky. I discovered two ways of doing it, which involves overwriting resources of Preview.app and Photoshop. So before doing anything I mention in this post, you should make a backup copy of them.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
|
||||
## Changing Preview.app icons
|
||||
|
||||
@ -10,7 +10,9 @@ date: 2008-04-11 14:16:51+00:00
|
||||
category: photography
|
||||
---
|
||||
|
||||
[](../media/londonpolice.jpg)Remember [the campaign of the London police](http://www.kremalicious.com/2008/04/london-police-afraid-of-photographers/) calling all people to regard photographers as potential terrorists?
|
||||
[](../media/londonpolice.jpg)
|
||||
|
||||
Remember [the campaign of the London police](http://www.kremalicious.com/2008/04/london-police-afraid-of-photographers/) calling all people to regard photographers as potential terrorists?
|
||||
|
||||
Now the [PressGazette reports](http://www.pressgazette.co.uk/node/40875) that
|
||||
|
||||
|
||||
@ -5,14 +5,18 @@ title: New automation helper for Apple's Aperture released
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-04-14 13:51:39+00:00
|
||||
|
||||
|
||||
category: photography
|
||||
coinhive: true
|
||||
tags:
|
||||
- aperture
|
||||
---
|
||||
|
||||
Panoramic photographer [Ian Wood](http://www.ianjameswood.co.uk/) has released an automation helper for Apple's Aperture called [Aperture Assistant](http://aperture-assistant.com) as a first beta version (build 49). Aperture Assistent allows you to setup and automate complex tasks for Apple's Aperture beyond the Apple delivered Automator actions in Mac OS X. The setup of these workflows is as easy as dragging around visual flowcharts.
|
||||
|
||||
|
||||
Panoramic photographer [Ian Wood](http://www.ianjameswood.co.uk/) has released an automation helper for Apple's Aperture called [Aperture Assistant](http://aperture-assistant.com) as a first beta version (build 49). Aperture Assistent allows you to setup and automate complex tasks for Apple's Aperture beyond the Apple delivered Automator actions in Mac OS X. The setup of these workflows is as easy as dragging around visual flowcharts.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Although the interface looks and feels a bit buggy (dude, it's a beta!) it looks very promising.
|
||||
|
||||
|
||||
@ -11,7 +11,11 @@ tags:
|
||||
- css
|
||||
---
|
||||
|
||||
Writing right now on a longer article about text-shadow and it's implementation in WebKit, the rendering engine which powers Safari and Konqueror. But now this exciting news popped up from Surfin' Safari, the blog of the WebKit development team:
|
||||
|
||||
|
||||
Writing right now on a longer article about text-shadow and it's implementation in WebKit, the rendering engine which powers Safari and Konqueror. But now this exciting news popped up from Surfin' Safari, the blog of the WebKit development team:
|
||||
|
||||
<!-- more -->
|
||||
|
||||
> WebKit now supports gradients specified in CSS. There are two types of gradients: linear gradients and radial gradients.
|
||||
|
||||
|
||||
@ -19,6 +19,8 @@ redirect_from:
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Because it's included in Safari since version 1.1(!) Mac users should be aware of various effects done by this property. In fact, most companys and persons with mac users as their main target audience use this effect on their websites.
|
||||
|
||||
This article describes how text-shadow works, what you can do with it and which browsers currently support it. At the end of this article I've made up some examples and provide a list of useful resources.
|
||||
|
||||
@ -11,6 +11,10 @@ tags:
|
||||
- aperture
|
||||
---
|
||||
|
||||
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. If you want to know what exactly you can do with it as a programmer you should [read those lines from Apple](http://developer.apple.com/appleapplications/aperturesdk.html).
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
If you want to know what exactly you can do with it as a programmer you should [read those lines from Apple](http://developer.apple.com/appleapplications/aperturesdk.html).
|
||||
|
||||
So it should be just a matter of time before we see another bunch of plugins popping out.
|
||||
|
||||
@ -14,6 +14,8 @@ tags:
|
||||
|
||||
They won't stop with their cutting edge love. After having [text-shadow](http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/) implemented since many years and having a bunch of other cool stuff implemented like CSS gradients or CSS box-shadow the WebKit team freshly announced a new cool feature: CSS alpha masks.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
From the Surfin' Safari Blog:
|
||||
|
||||
> WebKit now supports alpha masks in CSS. Masks allow you to overlay the content of a box with a pattern that can be used to knock out portions of that box in the final display. In other words, you can clip to complex shapes based off the alpha of an image.
|
||||
|
||||
@ -3,10 +3,11 @@ type: post
|
||||
|
||||
title: Using the CanoScan LiDE 500F scanner with Mac OS X Leopard
|
||||
author: Matthias Kretschmann
|
||||
image: ../media/canoscanlide500f.jpg
|
||||
|
||||
date: 2008-05-04 16:04:48+00:00
|
||||
|
||||
|
||||
|
||||
category: photography
|
||||
coinhive: true
|
||||
tags:
|
||||
@ -15,7 +16,7 @@ tags:
|
||||
- macos
|
||||
---
|
||||
|
||||
A while ago I [wrote about my problems](http://www.kremalicious.com/2007/06/finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs/) finding a universal scanner driver from Canon for my CanoScan LiDE 500F to use it under Mac OS X. The solution was the Canon Asia website where a universal driver version was available. But since then Apple released Mac OS X 10.5 Leopard in october 2007 and the Canon driver with the version 11.2.4.0X stopped working on this new operating system.
|
||||
A while ago I [wrote about my problems](http://www.kremalicious.com/2007/06/finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs/) finding a universal scanner driver from Canon for my CanoScan LiDE 500F to use it under Mac OS X. The solution was the Canon Asia website where a universal driver version was available. But since then Apple released Mac OS X 10.5 Leopard in october 2007 and the Canon driver with the version 11.2.4.0X stopped working on this new operating system.
|
||||
|
||||
# Finding and downloading the new driver 11.2.5.0X
|
||||
|
||||
|
||||
@ -3,9 +3,10 @@ type: post
|
||||
|
||||
title: Scan images directly into Apple Aperture
|
||||
author: Matthias Kretschmann
|
||||
image: ../media/aperturescan.png
|
||||
|
||||
date: 2008-05-05 04:15:11+00:00
|
||||
|
||||
|
||||
category: photography
|
||||
coinhive: true
|
||||
tags:
|
||||
@ -15,7 +16,7 @@ tags:
|
||||
- macos
|
||||
---
|
||||
|
||||
Wouldn't that be great? Hook up your scanner, fire up Aperture, click on Import and the images coming directly from your scanner plate? Although my scanner is shown as a source in the import dialogue you can't import images with it directly from Aperture. But using Preview/Image Capture and Automator you can bypass this limitation. So here's what you can do to scan directly into Aperture in 3 simple steps.
|
||||
Wouldn't that be great? Hook up your scanner, fire up Aperture, click on Import and the images coming directly from your scanner plate? Although my scanner is shown as a source in the import dialogue you can't import images with it directly from Aperture. But using Preview/Image Capture and Automator you can bypass this limitation. So here's what you can do to scan directly into Aperture in 3 simple steps.
|
||||
|
||||
In the Image Capture scan window you can define an automatic task which will follow the scan process. It defaults to Preview meaning that the scanned image will open as a new Preview document after the scan. But we can make the images import to Aperture after the scan just with tools which are build into Mac OS X and come with every Mac (besides Aperture).
|
||||
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
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).
|
||||
|
||||
<!-- more -->
|
||||
|
||||
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.
|
||||
|
||||
@ -5,7 +5,7 @@ title: The Iconfactory presents beautiful Indiana Jones desktop icons
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-05-08 15:47:48+00:00
|
||||
|
||||
|
||||
category: design
|
||||
tags:
|
||||
- icon
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
[](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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
The icons are available from the [special Iconfactory site](http://iconfactory.com/indianajones/) as an icontainer or mac and windows icon files. If you download the iContainer for use in [Candybar](http://www.panic.com/candybar/) you also get a new Mac OS X dock created by [David Lanham](http://dlanham.com/). All icons are free for your personal use only and there are already some nice placeholders for more icon sets inspired by the other movies. All of them will be released during May.
|
||||
|
||||
[](../media/indianajones_dock.png)
|
||||
|
||||
@ -15,6 +15,8 @@ coinhive: true
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
# Dfx digital filters plugin from Tiffen
|
||||
|
||||
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
[](../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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
From the press release:
|
||||
|
||||
> Photographers can now easily preserve a normal view of people by not distorting their faces and bodies, as the plug-in straightens vertical lines. Fisheye-Hemi Plug-In uses almost all of the pixel data in that view with no loss of image resolution while displaying the intended composition and framing better than other un-warping programs.
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
But now Marco Kuiper from [marcofolio.net](http://www.marcofolio.net) adds another usage for it. He created a cool optical illusion with just plain css/html and some pictures. You can see a [demo of this effect](http://demo.marcofolio.net/a_parallax_illusion_with_css/) in action on Marco's website. Head over to the demo and resize your browser window. You should articulate something like "whoooot!" now. Marco has written [some words about it](http://www.marcofolio.net/css/a_parallax_illusion_with_css_the_horse_in_motion.html) too and you can download the demo. He has also [done a nice tutorial](http://www.marcofolio.net/photoshop/your_own_css_parallax_illusion_3d_image.html) how to achieve this optical illusion. Very cool!
|
||||
|
||||
(Via [CSS-Tricks](http://css-tricks.com/links-of-interest-31/))
|
||||
|
||||
@ -15,6 +15,8 @@ coinhive: true
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
The ApertureEdit plug-in is a bundle of 11 different modules for denoising, lens fixing, framing, light effects and many more. All effects can be applied to one image at a time or to a whole set of images at once. Just head over to the [product page](http://www.humansoftware.com/pages1200/ApertureEdit/HSapertureedit11.html) to see all effects and features this plugin bundle is capable of.
|
||||
|
||||
The whole bundle will cost you US$ 299.95 and it's available now [from Human Software's Online Shop](http://shareit1.element5.com/programs.html?productid=300256595&languageid=1&cart=1&cookies=1). But you can buy just one single plug-in too which will cost you US$ 69.95 for each. There's a [trial version](http://www.humansoftware.com/pages1200/ApertureEdit/HSapertureedit_trial.html) available too and if you don't want to mail Human Software for the trial version you can download it from [MacUpdate](http://www.macupdate.com/info.php/id/27639/apertureedit).
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
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).
|
||||
|
||||
<!-- more -->
|
||||
|
||||
If you like, you can follow me now on Twitter while I try to find some advantages of this curious Twitter thing. The plan for now is to post about background updates of this website and about whatever I will throw into the Cloud on other places. But damn, just 140 characters. Feels like writing like it's 1999.
|
||||
|
||||
[My Twitter-account](https://twitter.com/kremalicious)
|
||||
|
||||
@ -5,7 +5,7 @@ title: 'Safari 4 Developer Preview - Better Performance, Overhauled Web Inspecto
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-06-11 10:37:07+00:00
|
||||
|
||||
|
||||
category: design
|
||||
tags:
|
||||
- osx
|
||||
@ -15,6 +15,8 @@ tags:
|
||||
|
||||
Apple released a developer preview of the upcoming version of its web browser Safari to registered Developers. The Safari 4 Developer Preview is available for Mac OS X Tiger/Leopard and Windows. While the main changes are not visible to the user the most significant visible new feature is the overhauled Web Inspector.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
You can access Safari's Web Inspector through Develop > Show Web Inspector (you have to check the "Show Develop menu" box in the Preferences first to enable it). The Web Inspector, like the Firebug plug-in for Firefox, is a cool tool especially for Web Developers to inspect various elements of the website you're browsing.
|
||||
|
||||
The Navigation inside the Web Inspector is now moved from left to the top and there's a new "Databases" section and something like a browsing benchmarking "Profiles" section. All navigation tabs got new icons too.
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
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?
|
||||
|
||||
<!-- more -->
|
||||
|
||||
There's a simple editing plug-in available for this task called [Borders & Titles](http://developer.apple.com/samplecode/BordersAndTitles/index.html) and as the name says you can add simple borders and text to your images within Aperture 2.1. It's a sample plug-in provided by Apple and it's fully functional. You can download it from Apple's Developer Connection website without registration:
|
||||
|
||||
[Aperture Edit Plugin - Borders & Titles](http://developer.apple.com/samplecode/BordersAndTitles/index.html)
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
The ApertureEdit plug-in is a bundle of 12 different modules for denoising, lens fixing, framing, light effects and many more. All effects can be applied to one image at a time or to a whole set of images at once and according to Human Software Edit offers more than 4000 professional effects. Just head over to the [product page](http://www.humansoftware.com/pages1200/ApertureEdit/HSapertureedit11.html) to see all effects and features this plugin bundle is capable of.
|
||||
|
||||
The whole bundle is priced at US$ 299.95 and it's available [from Human Software's Online Shop](http://shareit1.element5.com/programs.html?productid=300256595&languageid=1&cart=1&cookies=1). Or you can buy just one single plug-in too which will cost you US$ 69.95 for each. There's a [trial version](http://www.humansoftware.com/pages1200/ApertureEdit/HSapertureedit_trial.html) available too and if you don't want to mail Human Software for the trial version you can download it from [MacUpdate](http://www.macupdate.com/info.php/id/27639/apertureedit).
|
||||
|
||||
@ -11,6 +11,8 @@ category: photography
|
||||
|
||||
After the latest Digital Photo Professional update (DPP 3.4.1.1) [revealed some evidence about an upcoming Canon EOS Rebel XS/1000D](http://www.bobatkins.com/photography/digital/canon_xs_1000D_dpp34.html), Canon finally introduced this new entry-level DSLR this month. The [EOS Digital Rebel XS/1000D/Kiss F](http://www.canon-europe.com/For_Home/Product_Finder/Cameras/Digital_SLR/EOS_1000D/index.asp) ([full product specifications](http://www.canon-europe.com/For_Home/Product_Finder/Cameras/Digital_SLR/EOS_1000D/index.asp?specs=1)) is technically a hybrid between hardware and features found in Canon's entry-level cameras from the past: the 7-point autofocus system comes from the XT/350D, the Digic III processor is the same as in the XSi/450D and the Live View feature is implemented with the same features as found in the XSi/450D.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
With this DSLR Canon seems to open up a new class in their EOS system which is somehow below the former entry level cameras (XT/350D, XTi/400D) and the latest entry-level XSi/450D. It's priced 200$ below Canons current or former entry-level DSLR XSi/450D and you can find a nice first review of this new DSLR [over at Digital Photography Review](http://www.dpreview.com/previews/Canon_1000D/).
|
||||
|
||||
[](../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.
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
It all started with a move of my whole website to new and shiny servers with PHP 5 running by my host. I didn't heard of any incompatibilities between the latest Wordpress version running on PHP 5 and in fact Wordpress loves to use PHP 5. But somehow I wasn't able to update my site neither over http or ftp. Since I can contact my host admins directly ([thank you jpBerlin/Heinlein-Support!](http://www.jpberlin.de/)) this problem was addressed rather quickly. They just neglected to tell me that the server address for login also changed (I should have think of this too). So all my changes were applied to my Wordpress installation on the old server. Problem solved I thought.
|
||||
|
||||
But more problems appeared. The display of the newest and latest posts and the next post/previous post links at the end of every article didn't work as they should. But not enough I wasn't able to moderate any comments. Sigh. Looked like any sort of database problem and I started a lot of things. First I manually scanned all database entries for any wrong things but I couldn't find anything suspicious. After that I dropped the whole database and imported my database dump but this didn't solve the problems. My final step was to re-install everything so that Wordpress creates the tables in the databse. And guess what: It didn't work too!
|
||||
|
||||
@ -11,9 +11,11 @@ tags:
|
||||
- aperture
|
||||
---
|
||||
|
||||
|
||||
|
||||
Last week two new image editing plug-ins were announced for Aperture 2.1: The PTLens plug-in for correcting barrel distortion, vignetting, chromatic aberration, and perspective and the Jade plug-in for automatic correction of color, levels and exposure.
|
||||
|
||||
|
||||
<!-- more -->
|
||||
|
||||
The [PTLens plug-in](http://epaperpress.com/ptlens/) from [ePaperPress](http://epaperpress.com/) was available as a Photoshop plug-in in the past and is well known for its lens pincushion, barrel distortion, vignetting, chromatic aberration, and perspective correction abilities based on a lens model database similiar to [Kekus' LensFix CI plug-in](http://www.kekus.com/software/plugin.html).
|
||||
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
I'm thrilled to announce that kremalicious.com now uses an iPhone optimized theme. When you browse this website with your iPhone everything will automagically switch to the new kremalicious iPhone theme which is simply called kremalicious{iPhone}. See those hip brackets?
|
||||
|
||||
<!-- more -->
|
||||
|
||||
When the website detects an iPhone or iPod Touch it will automatically switch to another freshly created theme which is absolutely seamless to the user. This detection is done by the wonderful slim iPhone Wordpress plug-in from ContentRobot which was slightly modified by me.
|
||||
|
||||
The theme itself makes heavy use of the `-webkit-border-radius` css option to display all the round corners. That's why there are just four images at work in the whole theme which makes it load in no time even on EDGE connections. And because just the theme is switching all the content remain the same so you don't have just a shortened mobile version of this website.
|
||||
|
||||
@ -13,6 +13,8 @@ tags:
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
[](../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.
|
||||
|
||||
@ -15,6 +15,8 @@ tags:
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
I've searched for a simple way of disabling those feeds, plugins etc. stuff the Wordpress Dashboard tries to fill but it seems you can't disable these from the backend. But there's a quick way for doing this which involves editing your /wp-admin/index-extra.php and uncomment some lines there. This will leave your Dashboard intact while it stops Wordpress from connecting to various sources to screw your blog up when you just want to quickly write something.
|
||||
|
||||
So open your `/wp-admin/index-extra.php` file. It should look like this:
|
||||
|
||||
@ -12,6 +12,8 @@ category: 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).
|
||||
|
||||
<!-- more -->
|
||||
|
||||
And as in every political system with totalitarian elements there's a good chance you will meet some angry lackeys if you're going to report about topics the chinese authorities don't want you to report. But more important they will threat your sources if their identity gets revealed. So if you want to report about [the water shortage in the villages around Beijing](http://www.voanews.com/english/2008-06-27-voa10.cfm), the [massive air pollution in Beijing](http://english.chosun.com/w21data/html/news/200807/200807300031.html) or about all the forced resettlements going on in China you should consider some security precautions to protect you and your sources.
|
||||
|
||||
Especially there's two things to do here: First you have to use technologies to circumvent firewalls. Second is to secure your connections and your communication to protect you and your sources.
|
||||
|
||||
@ -5,7 +5,7 @@ title: 'HowTo: Create A Mobile Encrypted Aperture Vault'
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-08-22 18:50:31+00:00
|
||||
|
||||
|
||||
category: photography
|
||||
tags:
|
||||
- aperture
|
||||
@ -18,8 +18,11 @@ coinhive: true
|
||||
|
||||
When on the road I always take a little mobile hard drive with me where all my referenced Aperture Masters from the past years and my mobile Aperture Vault (backing up the un-referenced Masters from the current year) reside. But being little and mobile also means the external hard drive can easily be lost or stolen exposing all my pictures to the thief. To avoid that you can use encryption so in the case of a lost or theft the data is not accessible by the thief. This can easily be done with [sparse bundle disk images](http://db.tidbits.com/article/9673) so you won't have to encrypt the whole hard drive with additional software.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
So in this quick tutorial I will show you how to create an encrypted Aperture Vault by using Sparse Bundle Disk Images and by utilizing tools built into Mac OS X. All this can be done in two simple steps.
|
||||
|
||||
|
||||
## 1. Create an encrypted disk image
|
||||
|
||||
First you have to create the encrypted disk image where the Aperture Vault will reside. So fire up Disk Utility from the Utilities folder inside your Applications folder or use Spotlight to open it.
|
||||
|
||||
@ -15,6 +15,8 @@ tags:
|
||||
|
||||
The results are just as amazing as they are with the Photoshop plug-in. But the Aperture plug-in uses a streamlined interface which differs from the photoshop version. But the functionality is the same.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
You can [download a trial version of Noise Ninja for Aperture](http://www.picturecode.com/nn_aperture.htm) (images are watermarked with a grid pattern when you save them) and give it a try. The Noise Ninja plug-in for Aperture is available as a part of the [Pro Bundle (US$ 79.95)](http://www.picturecode.com/purchase.php) which includes the Photoshop and the Aperture plug-in. If you have an existing Pro Bundle license you can [upgrade it for US$ 20](http://www.picturecode.com/upgrade.php) to include the Aperture plug-in license.
|
||||
|
||||
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).
|
||||
|
||||
@ -11,6 +11,8 @@ category: goodies
|
||||
|
||||
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.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
A while ago I've made a custom style for the blog on kremalicious.com and would like to share this style with you. The style is based on the colors used on kremalicious.com with a black background and light grey text on top of it. The links have the same blueish hover style as on my website:
|
||||
|
||||
[](../media/marsedit_kremalicious_big.png)
|
||||
|
||||
@ -20,6 +20,8 @@ redirect_from:
|
||||
|
||||
Sure enough I've upgraded immediately when [Wordpress 2.7 was released](http://wordpress.org/development/2008/12/coltrane/). Among all the other things that changed in this new version the comments functions got a massive overhaul. But the [new comment loop](http://codex.wordpress.org/Migrating_Plugins_and_Themes_to_2.7/Enhanced_Comment_Display#The_Comments_Loop) with the [new function `<?php wp_list_comments(); ?>`](http://codex.wordpress.org/Template_Tags/wp_list_comments) lacks the ability to quickly set a custom default gravatar or avatar image. But with some help of the functions.php file we can set the default gravatar image in the Discussion settings in the Wordpress backend.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Before Wordpress 2.7 I achieved a custom gravatar image on kremalicious.com with this code placed in the comments.php template file:
|
||||
|
||||
```php
|
||||
|
||||
@ -17,6 +17,8 @@ coinhive: true
|
||||
|
||||
Since my update to Wordpress 2.7 I'm pretty much into all the new comments stuff. As [I've written before](http://www.kremalicious.com/2008/12/how-to-set-a-custom-gravatar-image-in-wordpress-27/), the comment functionality changed dramatically with Wordpress 2.7. This makes writing a comments template much easier but if you used Worpress prior to 2.7 you have to change some things to work again. Beside other things this includes [Gravatar styling](http://www.kremalicious.com/2008/12/how-to-set-a-custom-gravatar-image-in-wordpress-27/) and also adding different styling to comments from the author of an article. In this article I will show you how to realize the latter with Wordpress 2.7 and above.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Let's start by looking at the code to achieve styling of author comments prior to Wordpress 2.7. On kremalicious.com I've used this code:
|
||||
|
||||
```php
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
type: post
|
||||
|
||||
title: 'Portal Thingy: matthiaskretschmann.com'
|
||||
image: ../media/
|
||||
image: ../media/vcardsite-mk.png
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2009-02-01 06:01:28+00:00
|
||||
@ -10,8 +10,6 @@ date: 2009-02-01 06:01:28+00:00
|
||||
category: personal
|
||||
---
|
||||
|
||||
|
||||
[](http://matthiaskretschmann.com)
|
||||
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.
|
||||
|
||||
As you can read in the sliding Colophon at the bottom of the site, it is written in valid XHTML 1.1 and CSS3 code and makes heavy use of jQuery. But, of course, it is fully functional without JavaScript enabled. Even the tab interface remains intact in such a case which is done by some PHP magic. Just the print and text-size buttons in the lower right will be gone without JavaScript. But that's ok because their functionality can be implemented just with JavaScript anyway.
|
||||
|
||||
@ -24,12 +24,12 @@
|
||||
"dependencies": {
|
||||
"clipboard": "^2.0.1",
|
||||
"exif-js": "^2.3.0",
|
||||
"gatsby": "^2.0.0-beta.72",
|
||||
"gatsby": "^2.0.0-beta.87",
|
||||
"gatsby-image": "^2.0.0-beta.7",
|
||||
"gatsby-plugin-catch-links": "^2.0.2-beta.7",
|
||||
"gatsby-plugin-matomo": "^0.4.1",
|
||||
"gatsby-plugin-react-helmet": "^3.0.0-beta.4",
|
||||
"gatsby-plugin-sass": "^2.0.0-beta.6",
|
||||
"gatsby-plugin-sass": "^2.0.0-beta.10",
|
||||
"gatsby-plugin-sharp": "^2.0.0-beta.7",
|
||||
"gatsby-plugin-sitemap": "^2.0.0-beta.3",
|
||||
"gatsby-remark-autolink-headers": "^2.0.0-beta.5",
|
||||
@ -63,7 +63,7 @@
|
||||
"eslint-plugin-graphql": "^2.1.1",
|
||||
"eslint-plugin-prettier": "^2.6.2",
|
||||
"eslint-plugin-react": "^7.10.0",
|
||||
"prettier": "^1.14.0",
|
||||
"prettier": "^1.14.1",
|
||||
"prettier-stylelint": "^0.4.2",
|
||||
"stylelint": "^9.4.0",
|
||||
"stylelint-config-css-modules": "^1.3.0",
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
@import 'mixins';
|
||||
|
||||
.image {
|
||||
img {
|
||||
display: block;
|
||||
@ -7,6 +9,8 @@
|
||||
}
|
||||
|
||||
.imageWrap {
|
||||
@include media-frame;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
|
||||
@ -60,22 +60,14 @@
|
||||
blockquote,
|
||||
blockquote > p {
|
||||
font-style: italic;
|
||||
color: $brand-grey-light;
|
||||
color: $brand-grey;
|
||||
}
|
||||
// stylelint-enable no-descending-specificity
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 $spacer;
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
|
||||
@media (min-width: $screen-xs) {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-lg) {
|
||||
padding-left: 60px;
|
||||
}
|
||||
padding-left: $spacer * 1.5;
|
||||
|
||||
// quotation marks
|
||||
&::before {
|
||||
|
||||
@ -4,13 +4,14 @@ import { Link } from 'gatsby'
|
||||
import Forward from '../svg/Forward'
|
||||
import Infinity from '../svg/Infinity'
|
||||
import styles from './PostLinkActions.module.scss'
|
||||
import stylesPostMore from './PostMore.module.scss'
|
||||
|
||||
const PostLinkActions = ({ linkurl, slug }) => (
|
||||
<div className={styles.postLinkActions}>
|
||||
<a className="more-link" href={linkurl}>
|
||||
<a className={stylesPostMore.postMore} href={linkurl}>
|
||||
Go to source <Forward />
|
||||
</a>
|
||||
<Link className="more-link" to={slug} rel="tooltip" title="Permalink">
|
||||
<Link to={slug} rel="tooltip" title="Permalink">
|
||||
<Infinity />
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@ -11,7 +11,6 @@
|
||||
height: $font-size-small;
|
||||
display: inline-block;
|
||||
fill: $text-color-light;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
|
||||
19
src/components/atoms/PostMore.jsx
Normal file
19
src/components/atoms/PostMore.jsx
Normal file
@ -0,0 +1,19 @@
|
||||
import React from 'react'
|
||||
import PropTypes from 'prop-types'
|
||||
import { Link } from 'gatsby'
|
||||
import styles from './PostMore.module.scss'
|
||||
import Caret from '../svg/ChevronRight'
|
||||
|
||||
const PostMore = ({ to, children }) => (
|
||||
<Link className={styles.postMore} to={to}>
|
||||
{children}
|
||||
<Caret />
|
||||
</Link>
|
||||
)
|
||||
|
||||
PostMore.propTypes = {
|
||||
to: PropTypes.string.isRequired,
|
||||
children: PropTypes.string.isRequired
|
||||
}
|
||||
|
||||
export default PostMore
|
||||
27
src/components/atoms/PostMore.module.scss
Normal file
27
src/components/atoms/PostMore.module.scss
Normal file
@ -0,0 +1,27 @@
|
||||
@import 'variables';
|
||||
|
||||
.postMore {
|
||||
font-family: $font-family-headings;
|
||||
font-weight: $font-weight-headings;
|
||||
font-size: $font-size-base * .9;
|
||||
color: $link-color;
|
||||
text-transform: uppercase;
|
||||
|
||||
svg {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
top: .2rem;
|
||||
position: relative;
|
||||
width: 1.1rem;
|
||||
height: 1.1rem;
|
||||
fill: $text-color-light;
|
||||
transition: .2s ease-out;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
svg {
|
||||
transform: translate3d(.2rem, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,9 +1,10 @@
|
||||
import React, { Fragment } from 'react'
|
||||
import PropTypes from 'prop-types'
|
||||
import { Link } from 'gatsby'
|
||||
import Forward from '../svg/Forward'
|
||||
import styles from './PostTitle.module.scss'
|
||||
|
||||
const PostTitle = ({ type, linkurl, title }) => {
|
||||
const PostTitle = ({ type, slug, linkurl, title }) => {
|
||||
const linkHostname = linkurl ? new URL(linkurl).hostname : null
|
||||
|
||||
return type === 'link' ? (
|
||||
@ -17,6 +18,10 @@ const PostTitle = ({ type, linkurl, title }) => {
|
||||
</h1>
|
||||
<div className={styles.linkurl}>{linkHostname}</div>
|
||||
</Fragment>
|
||||
) : slug ? (
|
||||
<h1 className={styles.hentry__title}>
|
||||
<Link to={slug}>{title}</Link>
|
||||
</h1>
|
||||
) : (
|
||||
<h1 className={styles.hentry__title}>{title}</h1>
|
||||
)
|
||||
@ -25,6 +30,7 @@ const PostTitle = ({ type, linkurl, title }) => {
|
||||
PostTitle.propTypes = {
|
||||
type: PropTypes.string,
|
||||
title: PropTypes.string.isRequired,
|
||||
slug: PropTypes.string,
|
||||
linkurl: PropTypes.string
|
||||
}
|
||||
|
||||
|
||||
@ -29,10 +29,10 @@
|
||||
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: $brand-grey-light;
|
||||
color: $text-color;
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-mini;
|
||||
padding: ($spacer/3) 0;
|
||||
font-size: $font-size-small;
|
||||
padding: ($spacer/4) 0;
|
||||
max-width: 70%;
|
||||
margin: -($spacer) auto $spacer auto;
|
||||
|
||||
|
||||
@ -6,6 +6,7 @@ import Image from '../components/atoms/Image'
|
||||
import PostTitle from '../components/atoms/PostTitle'
|
||||
import PostLead from '../components/atoms/PostLead'
|
||||
import PostContent from '../components/atoms/PostContent'
|
||||
import PostMore from '../components/atoms/PostMore'
|
||||
import PostLinkActions from '../components/atoms/PostLinkActions'
|
||||
import postStyles from '../templates/Post.module.scss'
|
||||
import styles from './index.module.scss'
|
||||
@ -19,7 +20,7 @@ const IndexPage = ({ data, location }) => {
|
||||
|
||||
return (
|
||||
<article className={postStyles.hentry} key={node.id}>
|
||||
<PostTitle type={type} linkurl={linkurl} title={title} />
|
||||
<PostTitle type={type} slug={slug} linkurl={linkurl} title={title} />
|
||||
|
||||
{image && (
|
||||
<figure className={styles.hentry__image}>
|
||||
@ -31,11 +32,7 @@ const IndexPage = ({ data, location }) => {
|
||||
|
||||
<PostLead post={node} />
|
||||
|
||||
{type === 'post' && (
|
||||
<Link className="more-link" to={slug}>
|
||||
Continue Reading
|
||||
</Link>
|
||||
)}
|
||||
{type === 'post' && <PostMore to={slug}>Continue Reading</PostMore>}
|
||||
|
||||
{type === 'link' && (
|
||||
<Fragment>
|
||||
|
||||
@ -109,21 +109,6 @@ a.btn-primary {
|
||||
}
|
||||
}
|
||||
|
||||
.more-link {
|
||||
font-family: $font-family-headings;
|
||||
font-weight: $font-weight-headings;
|
||||
font-size: $font-size-small;
|
||||
color: $link-color;
|
||||
text-transform: uppercase;
|
||||
|
||||
.icon {
|
||||
top: .15em;
|
||||
position: relative;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user