mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-22 01:46:51 +01:00
some more post edits
This commit is contained in:
parent
cbc3726cc1
commit
1c54860de5
@ -1,36 +1,29 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-08-03 17:10:25+00:00
|
||||
layout: post
|
||||
slug: tips-for-journalists-reporting-from-china
|
||||
|
||||
title: Tips for Journalists Reporting From China
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-08-03 17:10:25+00:00
|
||||
wordpress_id: 95
|
||||
categories:
|
||||
- photography
|
||||
---
|
||||
|
||||
|
||||
|
||||
Jingjing and Chacha are watching you
|
||||
|
||||
|
||||
|
||||
|
||||
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).
|
||||
|
||||
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.
|
||||
|
||||
|
||||
<!-- more -->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.
|
||||
<!-- more -->
|
||||
|
||||
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.
|
||||
|
||||
And remember that you have to protect your Computer _before_ arriving in China because websites like the [Tor project](http://www.torproject.org) are blocked in China.
|
||||
|
||||
|
||||
|
||||
## Circumvent China's great firewall and secure your connections
|
||||
|
||||
|
||||
|
||||
The easiest way to get around the firewall is to install [Tor](http://www.torproject.org), [Psiphon](http://psiphon.civisec.org/) or [Proxify](https://proxify.com/) to fog your IP address and your location. A better way would be using a VPN (Virtual Private Network) connection or an SSL tunnel. This way all of your internet connections are secure and encrypted. If you're working for a bigger news agency there's a good chance they have its own VPN and you can connect securely to that as well. Just ask your IT department for how to achieve this.
|
||||
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-08-22 18:50:31+00:00
|
||||
layout: post
|
||||
slug: howto-create-a-mobile-encrypted-aperture-vault
|
||||
|
||||
title: 'HowTo: Create A Mobile Encrypted Aperture Vault'
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-08-22 18:50:31+00:00
|
||||
wordpress_id: 142
|
||||
categories:
|
||||
- photography
|
||||
@ -22,8 +22,6 @@ So in this quick tutorial I will show you how to create an encrypted Aperture Va
|
||||
|
||||
## 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.
|
||||
|
||||
Be sure there is no device or volume selected in the sidebar and click on the New Image icon in the toolbar. Set a file name of the disk image and the Volume Name (the name of the mounted disk image on your desktop). Change all the settings as seen in the following screenshot. Be sure to select sparse bundle disk image as the Image Format before changing the volume size. This way you can set a bigger volume size than your physical disk space available on your hard drive. After creation the disk image won't be as big as you have set it with volume size. It will grow as you write files to it. For maximum security (but slower performance) select 256-bit AES encryption in the Encryption drop down menu:
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-08-22 14:51:02+00:00
|
||||
layout: post
|
||||
slug: noise-ninja-finally-available-for-apple-aperture
|
||||
|
||||
title: Noise Ninja finally available for Apple Aperture
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-08-22 14:51:02+00:00
|
||||
wordpress_id: 120
|
||||
categories:
|
||||
- photography
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-08-22 17:04:19+00:00
|
||||
layout: post
|
||||
slug: the-kremalicious-marsedit-style
|
||||
|
||||
title: The Kremalicious MarsEdit Style
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-08-22 17:04:19+00:00
|
||||
wordpress_id: 122
|
||||
categories:
|
||||
- goodies
|
||||
@ -23,56 +23,57 @@ Here's how to apply the style for your blog preview in MarsEdit:
|
||||
|
||||
In MarsEdit main window right-click (or ctrl + click) in the sidebar on the blog where you want to have my style applied to and choose Edit Preview Template. The Preview Template editor should open where you can customize the style of the preview with the css instructions in the header.
|
||||
|
||||
Just copy and paste the following HTML and CSS into your Preview Template editor. If something goes wrong with the source formatting, I've also provided [a txt file with the code](http://www.kremalicious.com/media/marsedit_kremalicious.txt):
|
||||
Just copy and paste the following HTML and CSS into your Preview Template editor. If something goes wrong with the source formatting, I've also provided [a txt file with the code](/media/marsedit_kremalicious.txt):
|
||||
|
||||
|
||||
|
||||
<code data-language="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
{% highlight html %}
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>#weblogName#: #title#</title>
|
||||
<style>
|
||||
body {margin: 0; background-color: #000;}
|
||||
|
||||
a {color: #778caa; text-decoration: none;}
|
||||
|
||||
a:hover {background-color: #778caa; color: #000; text-shadow: 0px 1px 1px #ddd;}
|
||||
|
||||
#title { color: #778caa; background-color: #333; margin: 0; font: normal 2.1em "HelveticaNeue-UltraLight", Helvetica, sans-serif;}
|
||||
|
||||
#title a {display: block; position: relative; padding: 10px 20px;}
|
||||
|
||||
#title a:hover {text-shadow: 0px 1px 1px #B3B3B3;}
|
||||
|
||||
#content {font: 1em "Lucida Grande", Lucida, Verdana, sans-serif; color: #ddd; padding: 10px 20px;}
|
||||
|
||||
#meta {margin-top: 20px; padding: 5px; background-color: #333; -webkit-border-radius: 5px;}
|
||||
|
||||
#credit {font: italic 0.8em/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: center; margin-top:20px;}
|
||||
</style>
|
||||
<title>#weblogName#: #title#</title>
|
||||
<style>
|
||||
body {margin: 0; background-color: #000;}
|
||||
|
||||
a {color: #778caa; text-decoration: none;}
|
||||
|
||||
a:hover {background-color: #778caa; color: #000; text-shadow: 0px 1px 1px #ddd;}
|
||||
|
||||
#title { color: #778caa; background-color: #333; margin: 0; font: normal 2.1em "HelveticaNeue-UltraLight", Helvetica, sans-serif;}
|
||||
|
||||
#title a {display: block; position: relative; padding: 10px 20px;}
|
||||
|
||||
#title a:hover {text-shadow: 0px 1px 1px #B3B3B3;}
|
||||
|
||||
#content {font: 1em "Lucida Grande", Lucida, Verdana, sans-serif; color: #ddd; padding: 10px 20px;}
|
||||
|
||||
#meta {margin-top: 20px; padding: 5px; background-color: #333; -webkit-border-radius: 5px;}
|
||||
|
||||
#credit {font: italic 0.8em/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: center; margin-top:20px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="title">
|
||||
<a href="#url#">#title#</a>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
#body#
|
||||
#extended#
|
||||
|
||||
<div id="meta">
|
||||
<b>url</b> : <a href="#url#">#url#</a><br />
|
||||
<b>tags</b> : #tags#
|
||||
</div>
|
||||
<div id="credit">
|
||||
The Kremalicious MarsEdit Style<br />
|
||||
<a href="http://www.kremalicious.com">www.kremalicious.com</a>
|
||||
</div>
|
||||
</div> <-- end content -->
|
||||
</body>
|
||||
</html></code>
|
||||
|
||||
<div id="title">
|
||||
<a href="#url#">#title#</a>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
#body#
|
||||
#extended#
|
||||
|
||||
<div id="meta">
|
||||
<b>url</b> : <a href="#url#">#url#</a><br />
|
||||
<b>tags</b> : #tags#
|
||||
</div>
|
||||
<div id="credit">
|
||||
The Kremalicious MarsEdit Style<br />
|
||||
<a href="http://www.kremalicious.com">www.kremalicious.com</a>
|
||||
</div>
|
||||
</div> <-- end content -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{% endhighlight %}
|
||||
|
||||
|
||||
Now click on Save Changes in the lower right corner of the window and there you have it.
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-08-26 19:16:38+00:00
|
||||
layout: post
|
||||
slug: icy-box-icons
|
||||
|
||||
title: Icy Box Icons
|
||||
image: Teaser-Icy-Box.jpg
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-08-26 19:16:38+00:00
|
||||
wordpress_id: 146
|
||||
categories:
|
||||
- goodies
|
||||
@ -13,30 +14,15 @@ categories:
|
||||
|
||||
A friend of mine asked me to craft an icon for his external hard drive case and I would like to share those with you too. These desktop icons show the the silver and black Icy Box external aluminium case with USB interface and are intended as a replacement for the generic external hard disk icon in Mac OS X Leopard.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
|
||||
As always these desktop icons are free for you personal and non-commercial use. All other usage of this copyrighted material [require my written permission](http://www.kremalicious.com/about/contact/).
|
||||
|
||||
The whole package includes 7 icons either packed in a nice tagged iContainer for use with Candybar or in Mac + Win + Linux compatible formats. If you have such an Icy Box case grab the icons [from my Goodies page.](http://www.kremalicious.com/goodies/#icons) Have fun!
|
||||
|
||||
[download_button version=1.0]
|
||||
<a class="btn btn-primary icon-download-alt" href="http://cdn2.kremalicious.com/media/icybox_by_kremalicious.zip">Download Icy Box Icons</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
* Replacement icons for the silver and black Icy Box external aluminium case with USB interface
|
||||
|
||||
|
||||
* Mac + Win + Linux + iContainer
|
||||
|
||||
|
||||
* Leopard ready (512x512)
|
||||
|
||||
|
||||
* Leopard ready (512x512)
|
||||
* including 7 icons with 2 Time Machine versions
|
||||
|
||||
|
||||
|
||||
[](/media/icybox_teaser2.jpg)
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-08-28 09:54:06+00:00
|
||||
layout: post
|
||||
slug: architect-and-facade-theming-for-leopard
|
||||
|
||||
title: 'Architect and Façade: Theming For Leopard'
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-08-28 09:54:06+00:00
|
||||
wordpress_id: 156
|
||||
categories:
|
||||
- design
|
||||
@ -12,8 +12,6 @@ categories:
|
||||
|
||||
There's good news for all you Mac OS X Leopard GUI Themer out there. While there's Panic's [Candybar](http://www.panic.com/candybar) for icon customization in OS X there is no application to alter all the user interface elements of Leopard. In Tiger there was an application called ShapeShifter but since the whole GUI in Leopard changed it stopped working. Architect and Façade to the rescue.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
[SlightlyPretentious](http://www.slightlypretentious.com/) announced its "Theming made easy"-application Architect is coming as a public beta <strike>next sunday (is it 08/31 or 09/07?)</strike> on Wednesday, September 3rd. Icon Designer Laurent Baumann already posted [a new sweet application icon](http://www.flickr.com/photos/avetenebrae/2669353476/) for this app a while ago and we can expect a nice and good looking solution for theming and customization in Leopard.
|
||||
|
||||
Head over to [the Screencast](http://www.slightlypretentious.com/) and see Architect and its UI in action.
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-08-28 11:28:33+00:00
|
||||
layout: post
|
||||
slug: canon-eos-50d-new-lens-announced
|
||||
|
||||
title: Canon EOS 50D And New Lens Officially Announced
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-08-28 11:28:33+00:00
|
||||
wordpress_id: 168
|
||||
categories:
|
||||
- photography
|
||||
@ -14,7 +14,9 @@ categories:
|
||||
|
||||
The EOS 50D comes with an CMOS APS-C sized sensor (crop factor 1.6) with 15.1 megapixels. Being Canons first DSLR with the new DIGIC 4 image processor the EOS 50D can burst 6.3 shots per second with improved image quality.
|
||||
|
||||
<!-- more -->The "EOS Integrated Cleaning Systems" gets a new fluorine layer and now works in three steps to clean the sensor. With 35 metering zones and 9 cross type Autofocus zones the Autofocus specifications are the same as found in the EOS 40D.
|
||||
<!-- more -->
|
||||
|
||||
The "EOS Integrated Cleaning Systems" gets a new fluorine layer and now works in three steps to clean the sensor. With 35 metering zones and 9 cross type Autofocus zones the Autofocus specifications are the same as found in the EOS 40D.
|
||||
|
||||
[](/media/eos_50D_back.png)The basic ISO range goes from 100 - 3200 while those values can be "boosted" to ISO 6400 and 12800. The integrated noise reduction can be adjusted in four grades. The LCD display is now 3 inches big with 920,000 pixels (VGA) with a Live View Mode.
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-09-01 20:40:38+00:00
|
||||
layout: post
|
||||
slug: a-new-browser-is-coming-google-chrome
|
||||
|
||||
title: 'A New Browser Is Coming: Google Chrome [Update]'
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-09-01 20:40:38+00:00
|
||||
wordpress_id: 197
|
||||
categories:
|
||||
- design
|
||||
@ -14,7 +14,9 @@ categories:
|
||||
|
||||
Google Chrome has a different UI-Design compared to other browsers especially regarding tabs. Google Chrome tabs will be on top of the address bar so every tab has its own address bar. Beside that every tab will run its own process to improve stability.
|
||||
|
||||
<!-- more -->Using WebKit as its rendering engine, Google Chrome will have all the cool WebKit stuff included like [CSS Gradients](http://www.kremalicious.com/2008/04/webkit-team-introduced-css-based-gradients/), [CSS Masks](http://www.kremalicious.com/2008/04/more-awesomeness-from-the-webkit-team-css-masks/) and the CSS3 property text-shadow, which [I've covered earlier in detail](http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/).
|
||||
<!-- more -->
|
||||
|
||||
Using WebKit as its rendering engine, Google Chrome will have all the cool WebKit stuff included like [CSS Gradients](http://www.kremalicious.com/2008/04/webkit-team-introduced-css-based-gradients/), [CSS Masks](http://www.kremalicious.com/2008/04/more-awesomeness-from-the-webkit-team-css-masks/) and the CSS3 property text-shadow, which [I've covered earlier in detail](http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/).
|
||||
|
||||
Google Chrome will be optimized for use with web applications and, instead of using [WebKit's new core JavaScript engine Squirrelfish](http://webkit.org/blog/189/announcing-squirrelfish/), Google decided to use a new, multi-core processor optimized JavaScript virtual machine developed by the V8-team in Denmark.
|
||||
|
||||
@ -28,15 +30,8 @@ Update 3: Google Chrome seems to have problems with some of my transparent PNGs:
|
||||
|
||||
[](/media/chrome-ui.png)
|
||||
|
||||
|
||||
|
||||
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/).
|
||||
|
||||
|
||||
@ -51,6 +46,3 @@ Update 4: There are some nice articles about various aspects of Chrome available
|
||||
|
||||
* And it seems Google [cut out some features of WebKit like text-shadow](http://www.flickr.com/photos/kurafire/2822606444/).
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-09-23 20:33:48+00:00
|
||||
layout: post
|
||||
slug: a-long-time-ago
|
||||
layout: image
|
||||
|
||||
title: A Long Time Ago...
|
||||
image: A-Long-Time-Ago.jpg
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-09-23 20:33:48+00:00
|
||||
wordpress_id: 1905
|
||||
categories:
|
||||
- photos
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-09-23 23:22:16+00:00
|
||||
layout: post
|
||||
slug: futurama-mars-university-wallpaper
|
||||
|
||||
title: Futurama Mars University Wallpaper
|
||||
image: Teaser-Mars-U.jpg
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-09-23 23:22:16+00:00
|
||||
wordpress_id: 256
|
||||
categories:
|
||||
- goodies
|
||||
@ -13,8 +14,6 @@ categories:
|
||||
|
||||
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).
|
||||
|
||||
<!-- more -->
|
||||
|
||||
As usual you can [grab the whole zip package from my Goodies page](http://www.kremalicious.com/goodies/#wall) and have fun.
|
||||
|
||||
[download_button version=1.0]
|
||||
<a class="btn btn-primary icon-download-alt" href="/media/mars-u-wall-by-kremalicious.zip">Download Futurama Mars U Wallpaper</a>
|
||||
@ -1,10 +1,11 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-10-23 14:59:23+00:00
|
||||
layout: post
|
||||
slug: coffee-cup-icon
|
||||
|
||||
title: Coffee Cup Icon
|
||||
image: Teaser-Coffee-Cup-Icon.jpg
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-10-23 14:59:23+00:00
|
||||
wordpress_id: 1817
|
||||
categories:
|
||||
- goodies
|
||||
@ -12,33 +13,13 @@ categories:
|
||||
---
|
||||
|
||||
I’ve just released my own coffee cup icon, enjoy:
|
||||
|
||||
<!-- more -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
* 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](http://www.kremalicious.com/2008/10/the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web/)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Download
|
||||
|
||||
|
||||
|
||||
[download_button version=1.0]
|
||||
<a class="btn btn-primary icon-download-alt" href="/media/coffee_cup_by_kremalicious.zip">Download Coffee Cup Icons</a>
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-10-23 02:23:39+00:00
|
||||
layout: post
|
||||
slug: the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web
|
||||
|
||||
title: The Finest Coffee Cups - Most Incredible Coffee Icons On The Web
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-10-23 02:23:39+00:00
|
||||
wordpress_id: 277
|
||||
categories:
|
||||
- design
|
||||
@ -16,21 +16,14 @@ Now just get your next coffee, sit back and enjoy this little showcase. Just cli
|
||||
|
||||
<!-- more -->
|
||||
|
||||
|
||||
|
||||
|
||||
## The Finest Coffee Cups
|
||||
|
||||
|
||||
|
||||
Please note that these icons are the property of their respective owners and you should always consult their copyright notice first before using these icons.
|
||||
|
||||
|
||||
|
||||
## Coffee Cup icons by Susumu Yoshida
|
||||
|
||||
|
||||
A bunch of colorful cups of coffee.
|
||||
|
||||
[](http://www.mcdodesign.com/?page_id=22)
|
||||
|
||||
|
||||
@ -39,6 +32,7 @@ A bunch of colorful cups of coffee.
|
||||
|
||||
|
||||
A hyperrealistic icon from Vegrafik
|
||||
|
||||
[](http://macthemes2.net/forum/viewtopic.php?id=16789993)
|
||||
|
||||
|
||||
@ -47,6 +41,7 @@ A hyperrealistic icon from Vegrafik
|
||||
|
||||
|
||||
In a fit of megalomania I declared my icon as incredible and included it here. Originally I've made the coffee cup for the donations button on kremalicious.com.
|
||||
|
||||
[](/coffee-cup-icon)
|
||||
|
||||
|
||||
@ -55,6 +50,7 @@ In a fit of megalomania I declared my icon as incredible and included it here. O
|
||||
|
||||
|
||||
The one and only Mac OS X system replacement icon set has some coffee folders too.
|
||||
|
||||
[](http://dlanham.com/art/agua/)
|
||||
|
||||
|
||||
@ -63,6 +59,7 @@ The one and only Mac OS X system replacement icon set has some coffee folders to
|
||||
|
||||
|
||||
Coffee in a metal cup. Sadly Dave didn't updated his World of Aqua icon pack with bigger sizes so it's just 128px.
|
||||
|
||||
[](http://iconfactory.com/freeware/preview/woa3)
|
||||
|
||||
|
||||
@ -78,6 +75,7 @@ Coffee in a metal cup. Sadly Dave didn't updated his World of Aqua icon pack wit
|
||||
|
||||
|
||||
Also Jonas used coffee as the metaphor for the work folder (supposedly) and made clear he likes very big coffee cups.
|
||||
|
||||
[](http://www.jonasraskdesign.com/medias/medias.html)
|
||||
|
||||
|
||||
@ -86,14 +84,14 @@ Also Jonas used coffee as the metaphor for the work folder (supposedly) and made
|
||||
|
||||
|
||||
Does this application need any introduction? Although not released yet the new web-coding application from MacRabbit drew a lot of attention. The icon is one of the reasons for that.
|
||||
|
||||
[](http://macrabbit.com/espresso/)
|
||||
|
||||
|
||||
|
||||
## Coffee folders from the Pry system sets by Jonas Rask
|
||||
|
||||
|
||||
Another folder-combined-with-coffee icon by Jonas.
|
||||
|
||||
[](http://www.jonasraskdesign.com/medias/medias.html)
|
||||
|
||||
|
||||
@ -102,6 +100,7 @@ Another folder-combined-with-coffee icon by Jonas.
|
||||
|
||||
|
||||
A glass coffee cup which is [wildly used](http://abduzeedo.com/amazing-photoshop-light-effect-10-steps) on the web. Created for Windows so the icons are just 256px in size.
|
||||
|
||||
[](http://www.visualpharm.com/office_space.html)
|
||||
|
||||
|
||||
@ -110,6 +109,7 @@ A glass coffee cup which is [wildly used](http://abduzeedo.com/amazing-photoshop
|
||||
|
||||
|
||||
An icon set made in collaboration between [Alejandro Lopez](http://www.dimensionofdeskmod.net/medias/) & [Sergio Ruiz](http://www.camtessadesign.com/descargas/ver/the_coffee_shop) with icons related to a coffee shop.
|
||||
|
||||
[](http://RuizDesign.deviantart.com/art/The-Coffee-Shop-89457309)
|
||||
|
||||
|
||||
@ -125,6 +125,7 @@ An icon set made in collaboration between [Alejandro Lopez](http://www.dimension
|
||||
|
||||
|
||||
Not an icon but the coffee cup drawn in this wallpaper from Michael Flarup would make a good one. The detail of the cup is stunning.
|
||||
|
||||
[](http://pixelresort.com/wallpapers/)
|
||||
|
||||
|
||||
@ -133,6 +134,7 @@ Not an icon but the coffee cup drawn in this wallpaper from Michael Flarup would
|
||||
|
||||
|
||||
Bean is a free word processor for Mac OS X and Laurent Baumann included a nice coffee cup in the application icon for it.
|
||||
|
||||
[](http://www.bean-osx.com/Bean.html)
|
||||
|
||||
|
||||
@ -141,6 +143,7 @@ Bean is a free word processor for Mac OS X and Laurent Baumann included a nice c
|
||||
|
||||
|
||||
Nice shiny coffee cups with a lot of detail in the reflections. Sadly just in 128px size maximum. Maybe you can [persuade mat-u to update this icon with bigger sizes.](http://www.mat-u.com/)
|
||||
|
||||
[](http://mat-u.deviantart.com/art/Have-A-Break-Icons-54326598)
|
||||
|
||||
|
||||
@ -149,6 +152,7 @@ Nice shiny coffee cups with a lot of detail in the reflections. Sadly just in 12
|
||||
|
||||
|
||||
Apple uses a nice coffee cup in their Java applications which can be found in the Utilities folder. Thanks to [David](http://dlanham.com/) for pointing this out.
|
||||
|
||||
|
||||
|
||||
|
||||
@ -157,6 +161,7 @@ Apple uses a nice coffee cup in their Java applications which can be found in th
|
||||
|
||||
|
||||
Trevor Kay made the new icon for Caffeine. This application prevents your Mac from automatically going to sleep. Trevor also made [some additional icons for Caffeine](http://God-X.deviantart.com/art/Caffeine-Replacement-Icons-75619389) although the coffee cup looks pretty much the same as the one from Apple's Java application icons.
|
||||
|
||||
[](http://lightheadsw.com/caffeine/)
|
||||
|
||||
|
||||
@ -165,6 +170,7 @@ Trevor Kay made the new icon for Caffeine. This application prevents your Mac fr
|
||||
|
||||
|
||||
Some comic style icons which deviate from the realism of all the other coffee icons. Sadly just available in 128px size.
|
||||
|
||||
[](http://iconfactory.com/freeware/preview/cofe)
|
||||
|
||||
|
||||
@ -173,6 +179,7 @@ Some comic style icons which deviate from the realism of all the other coffee ic
|
||||
|
||||
|
||||
Dave made an icon set for the Iconfactory inspired by the classic sci-fi television series of the 70's and included a Moon Coffee cup. Also just in 128px size.
|
||||
|
||||
[](http://iconfactory.com/freeware/preview/1999)
|
||||
|
||||
|
||||
@ -181,6 +188,7 @@ Dave made an icon set for the Iconfactory inspired by the classic sci-fi televis
|
||||
|
||||
|
||||
Acrylic Software's "new type of newsreader for Mac OS X Leopard" called [Times](http://www.acrylicapps.com/times/) uses a gorgeous icon made by Mikio Inose.
|
||||
|
||||
[](http://www.mikworks.com/clientwork/times/)
|
||||
|
||||
|
||||
@ -189,6 +197,7 @@ Acrylic Software's "new type of newsreader for Mac OS X Leopard" called [Times](
|
||||
|
||||
|
||||
One delicious full and one empty cappuccino cup re available in this icon set made by Creative 9 Design. Available just in 256px from their [blog](http://www.c9-d.com/blog/view/63).
|
||||
|
||||
[](http://www.c9-d.com/blog/view/63)
|
||||
|
||||
|
||||
@ -197,6 +206,7 @@ One delicious full and one empty cappuccino cup re available in this icon set ma
|
||||
|
||||
|
||||
Not a coffee cup but also very coffee related is this awesome Cappuccino machine icon (although it shows an Espresso machine) made by [Sofa](http://www.madebysofa.com) for the Cappuccino framework.
|
||||
|
||||
[](http://cappuccino.org/)
|
||||
|
||||
|
||||
@ -208,55 +218,20 @@ 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!](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](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](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](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).
|
||||
|
||||
|
||||
|
||||
|
||||
Did you made or found another incredible coffee icon I've not mentioned here? Feel free to post them in the comments. Also don't forget to spread the word about this article on [digg](http://digg.com/design/The_Finest_Coffee_Most_Incredible_Coffee_Icons_On_The_Web), [StumbleUpon](http://www.stumbleupon.com/url/www.kremalicious.com/2008/10/the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web/) or in any other form you like.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Article Updates
|
||||
|
||||
|
||||
|
||||
|
||||
01/14/2009 added three more icons
|
||||
|
||||
|
||||
|
||||
|
||||
10/24/2008 added Apple's Java application icons and included some tutorials
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-10-26 16:05:58+00:00
|
||||
layout: post
|
||||
slug: the-definite-guide-to-watermarks-in-apple-aperture
|
||||
|
||||
title: The Definite Guide To Watermarks In Apple Aperture
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-10-26 16:05:58+00:00
|
||||
wordpress_id: 318
|
||||
categories:
|
||||
- photography
|
||||
@ -16,41 +16,17 @@ tags:
|
||||
|
||||
I received quite a few mails in the last days from Aperture users asking for the best way to add your copyright information or any other so called watermark to your images in an Aperture 2 workflow. Especially new users to Aperture find it quite confusing why there isn't something like a text brick in the Adjustments panel. So Aperture itself lacks the ability of quickly adding some lines of text to your images but nevertheless it has a watermarking feature.
|
||||
|
||||
|
||||
|
||||
In this article I will lay out every way I've found to add watermarks to your images in an Aperture 2 workflow and will discuss the advantages and disadvantages of each solution. The goal of this article is to give you a brief overview about the various ways you can add watermarks to your images so you can easily choose the best one for different needs. In short these are the possibilities:
|
||||
|
||||
<!-- more -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
1. The Aperture Way
|
||||
|
||||
|
||||
2. The External Editor Way
|
||||
|
||||
|
||||
3. The Plug-In Way
|
||||
|
||||
|
||||
4. Conclusion
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## 1. The Aperture Way
|
||||
|
||||
|
||||
|
||||
Aperture has built-in support for watermarking your images on export. But you have to create a watermark image in a bitmap graphic editor like [Photoshop](http://www.adobe.com/products/photoshop/photoshop/), [Pixelmator](http://www.pixelmator.com/) or [Acorn](http://flyingmeat.com/acorn/) before you can start adding watermarks. But I've written a detailed article about how to use this feature of Aperture back in May 2008 named [HowTo: Use high-quality watermarks in your images with Aperture 2.1](http://www.kremalicious.com/2008/05/high-quality-watermarks-with-aperture/). In short, you have to create your watermark image first and then define it in a new export preset. In the end all images exported with this preset will have your defined watermark image on them. If you want to watermark your images the Aperture way be sure to [check out my tutorial](http://www.kremalicious.com/2008/05/high-quality-watermarks-with-aperture/).
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
This way is perfect if you want to watermark a lot of images at once or if your copyright info doesn't change often. And this works with Aperture's Web Journal or Web Page feature if you add a watermark image to the export presets for that. Also this works with any other export plug-in in Aperture which utilizes the export presets, like the [FlickrExport](http://connectedflow.com/flickrexport/aperture/) plug-in. You just have to create e.g. a flickr export preset, define your watermark image there and chose it inside of FlickrExport from the export preset dropdown list.
|
||||
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-12-11 22:59:06+00:00
|
||||
layout: post
|
||||
slug: how-to-set-a-custom-gravatar-image-in-wordpress-27
|
||||
|
||||
title: 'HowTo: Set A Custom Gravatar Image In Wordpress 2.7+'
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-12-11 22:59:06+00:00
|
||||
wordpress_id: 344
|
||||
categories:
|
||||
- design
|
||||
@ -13,37 +13,36 @@ tags:
|
||||
---
|
||||
|
||||
|
||||
|
||||
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 -->
|
||||
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.
|
||||
|
||||
Before Wordpress 2.7 I achieved a custom gravatar image on kremalicious.com with this code placed in the comments.php template file:
|
||||
|
||||
{% highlight php %}
|
||||
<?php
|
||||
if(function_exists('get_avatar')) {
|
||||
echo get_avatar(
|
||||
$comment,
|
||||
$size = '70',
|
||||
$default = '<?php bloginfo('template_directory'); ?>/images/gravatar.png'
|
||||
);
|
||||
}
|
||||
?>
|
||||
{% endhighlight %}
|
||||
|
||||
|
||||
<code data-language="php"><?php if(function_exists('get_avatar')) {
|
||||
echo get_avatar( $comment, $size = '70', $default = '<?php bloginfo('template_directory'); ?>/images/gravatar.png' );
|
||||
} ?></code>
|
||||
|
||||
|
||||
|
||||
So we were able to set a path to our image we wanted to use as the default gravatar image. But with Wordpress 2.7 we have the new function [<?php wp_list_comments(); ?>](http://codex.wordpress.org/Template_Tags/wp_list_comments) which pretty much simplifies writing comment template code. Although it has a parameter for the avatar size it doesn't have one for setting a custom image like before.
|
||||
So we were able to set a path to our image we wanted to use as the default gravatar image. But with Wordpress 2.7 we have the new function [`<?php wp_list_comments(); ?>`](http://codex.wordpress.org/Template_Tags/wp_list_comments) which pretty much simplifies writing comment template code. Although it has a parameter for the avatar size it doesn't have one for setting a custom image like before.
|
||||
|
||||
But we can use the functions.php file in your template directory and add some lines to it: (If you don't have a functions.php file just create one.)
|
||||
|
||||
|
||||
|
||||
<code data-language="php"><?php
|
||||
function my_own_gravatar( $avatar_defaults ) {
|
||||
$myavatar = get_bloginfo('template_directory') . '/images/gravatar.png';
|
||||
$avatar_defaults[$myavatar] = 'GRAVATAR NAME DISPLAYED IN WORDPRESS';
|
||||
return $avatar_defaults;
|
||||
}
|
||||
add_filter( 'avatar_defaults', 'my_own_gravatar' );
|
||||
?></code>
|
||||
{% highlight php %}
|
||||
<?php
|
||||
function my_own_gravatar( $avatar_defaults ) {
|
||||
$myavatar = get_bloginfo('template_directory') . '/images/gravatar.png';
|
||||
$avatar_defaults[$myavatar] = 'GRAVATAR NAME DISPLAYED IN WORDPRESS';
|
||||
return $avatar_defaults;
|
||||
}
|
||||
add_filter( 'avatar_defaults', 'my_own_gravatar' );
|
||||
?>
|
||||
{% endhighlight %}
|
||||
|
||||
|
||||
|
||||
@ -51,11 +50,12 @@ Just set a name for your custom Gravatar image to show up beside the image in th
|
||||
|
||||
|
||||
|
||||
And you can adjust the displayed size of the gravatar image by adding a parameter to <?php wp_list_comments(); ?> function in your comments.php file:
|
||||
And you can adjust the displayed size of the gravatar image by adding a parameter to `<?php wp_list_comments(); ?>` function in your comments.php file:
|
||||
|
||||
|
||||
|
||||
<code data-language="php"><?php wp_list_comments(array('avatar_size'=>70, )); ?></code>
|
||||
{% highlight php %}
|
||||
<?php wp_list_comments(array('avatar_size'=>70, )); ?>
|
||||
{% endhighlight %}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
author: Matthias Kretschmann
|
||||
comments: true
|
||||
date: 2008-12-13 16:47:43+00:00
|
||||
layout: post
|
||||
slug: howto-styling-author-comments-with-wordpress-27
|
||||
|
||||
title: 'HowTo: Styling Author Comments With Wordpress 2.7+'
|
||||
author: Matthias Kretschmann
|
||||
|
||||
date: 2008-12-13 16:47:43+00:00
|
||||
wordpress_id: 360
|
||||
categories:
|
||||
- design
|
||||
@ -13,57 +13,42 @@ tags:
|
||||
---
|
||||
|
||||
|
||||
|
||||
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:
|
||||
|
||||
|
||||
|
||||
|
||||
<code data-language="html"><li class="<?php if ($comment->comment_author_url == "http://www.kremalicious.com") echo 'author'; else echo $oddcomment; ?> item" id="comment-<?php comment_ID() ?>">
|
||||
<em>other comments code</em>
|
||||
</li></code>
|
||||
{% highlight php %}
|
||||
<li class="
|
||||
<?php
|
||||
if ($comment->comment_author_url == "http://www.kremalicious.com")
|
||||
echo 'author';
|
||||
else echo $oddcomment;
|
||||
?>
|
||||
item" id="comment-<?php comment_ID() ?>">
|
||||
<em>other comments code</em>
|
||||
</li>
|
||||
{% endhighlight %}
|
||||
|
||||
|
||||
|
||||
So with some php stuff we were able to check for the author name or, as I did it, for the URL of the comment author. If one of these were detected Wordpress added a new class 'author' to the <li> tag which we were able to style by adding a li.author to our css file:
|
||||
|
||||
|
||||
So with some php stuff we were able to check for the author name or, as I did it, for the URL of the comment author. If one of these were detected Wordpress added a new class 'author' to the `<li>` tag which we were able to style by adding a li.author to our css file:
|
||||
|
||||
<code data-language="css">li.author { css comes in here }</code>
|
||||
{% highlight css %}li.author { css comes in here }{% endhighlight %}
|
||||
|
||||
But with Wordpress 2.7 these steps are needless because of the [new function `<?php wp_list_comments(); ?>`](http://codex.wordpress.org/Template_Tags/wp_list_comments) which adds a class on author comments for itself!
|
||||
|
||||
If a comment from the author of an article is posted under this article, **Wordpress automatically adds the class 'bypostauthor' to the surrounding `<li>` tag.** So all you have to do is adding a css style of `li.bypostauthor` to your css file or just renaming your old `li.author` class or whatever you used for this:
|
||||
|
||||
But with Wordpress 2.7 these steps are needless because of the [new function <?php wp_list_comments(); ?>](http://codex.wordpress.org/Template_Tags/wp_list_comments) which adds a class on author comments for itself!
|
||||
|
||||
If a comment from the author of an article is posted under this article, **Wordpress automatically adds the class 'bypostauthor' to the surrounding <li> tag.** So all you have to do is adding a css style of li.bypostauthior to your css file or just renaming your old li.author class or whatever you used for this:
|
||||
|
||||
|
||||
|
||||
<code data-language="css">li.bypostauthor { css comes in here }</code>
|
||||
|
||||
|
||||
{% highlight css %}li.bypostauthor { css comes in here }{% endhighlight %}
|
||||
|
||||
And that's it for adding a different style to comments from the article author. Just add some css and there you go. Wonderful!
|
||||
|
||||
|
||||
|
||||
## Even more
|
||||
|
||||
|
||||
|
||||
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':
|
||||
|
||||
|
||||
|
||||
<code data-language="css">li.byuser { css comes in here }</code>
|
||||
|
||||
|
||||
{% highlight css %}li.byuser { css comes in here }{% endhighlight %}
|
||||
|
||||
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/).
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user