Aviary is a group that develops web-based design and editing applications. They recently released a screencapping extension for firefox called "Talon." You can use Talon to click and drag on the screen to select an area to be screencapped and copied to the clipboard. Check it! http://aviary.com/capture
Just wanted to share an article that reiterates some things I learned about at the “An Event Apart” conference this week.
http://deals.venturebeat.com/2009/06/24/twitter-co-founder-others-back-small-batchs-web-typography/
Things are continuing to move forward that will allow us to have more font options when designing for the web. CSS3 has support for using any font you want using the “@font-face” property. This will likely be an issue for licensed fonts as no one is going to want to be caught serving out fonts in an ill-advised manner. This is currently already supported by IE8, Safari 4 and will be supported in the upcoming versions of Firefox (3.5) and Opera (10).
Typekit is coming! - http://typekit.com
Tags: @font-face, css3, typekit, typography
Check it out. A fun, short film from Pixar, called "Partly Cloudy." Don't know much about it other than it's really well done!
http://rutube.ru/tracks/1992180.html?v=b0fcd305c874b312de16cea6c515edfa
Tags: animation, partly cloudy, pixar
Thanks to Andy for sharing this.
This was a cool link that a friend sent me a vid off of. If you're into music or editing or are just a regular old hippy check it out...
This guy took audio/video clips of street musicians and pieced them together layed them over top of each other and made these music videos. Pretty awesome/inspiring!
Tags: Editing, inspirational, Music
Check out my blog post on Augmented Reality, a glimpse of the future's virtual reality.
http://www.flashgoblin.com/?p=14
Tags: Augmented Reality, Flash, gaming, iPhone, Papervision3D, virtual reality, webcam
So a majority of us use some sort of clear container such as a div or break tag (<br>) to remove floating within our structure. Ideally we'd like to not have to rely on this technique or approach and the alternatives I've come across aren't simplistic and clean enough to warrant a change ... at this point in time anyway.
Typically we create a class called "clear" and it would look like the following:
.clearer { clear:both; height:0px; }
Ths works fine 98% of time as the "clear: both" property does it's job and clears floating items for us. However, in IE6 you'll sometimes get extra space within your container, whether it's <div class="clear"></div> or <br class="clear" />. This is in regards to how the font-size's and line-height's are inherited. The extra space is very minimal but when we're working on "pixel-perfect" designs everything counts.
To circumvent any extra or un-wanted space make sure your clear containers contain a font-size of 1 pixel and a line-height of 0 pixels like below:
.clear { clear:both; height:0; font-size: 1px; line-height: 0px; }
Also, when working with your layouts make sure to use an even number for the width of your site such as 960 or 958. Using odd numbers like 955 or 959 can cause background graphics to be mis-aligned by one pixel depending on the browser window size.
Tags: clear both, clear divs, CSS, xhtml
Apple has released it's latest version of Safari for download but note that it is still in Beta release.
As usual Apple is toting a ton of new features but once you get past the heavy narcissistic verbiage there are a few substantial updates. The "Top Sites" feature is certainly not new as I remember Opera doing this years ago. Other browsers have adapted and used this "top sites" feature but Apple has put a cool new twist on it surrounding it in a theme similar to that of iTunes. The functionality of browsing through your top sites and even your web history is nothing short of fun 
Granted, it may be more of a bells and whistles feature than anything else but it is a useful feature with a fun twist.
The search functionality is fantastic. Searching through your history has never been easier. You no longer need to troll through link upon link trying to remember what it was you were looking for. You can use the browser's built-in search functionality for "smart" searching.
They've finally added zoom options that equal Firefox's zoom options. You can now zoom in/out on a page's text or everything on the page. The URL-assistance dropdown menu is also like Firefox 3 now in how it shows you relative matches.
The best part is its support for CSS3, Custom Web Fonts and HTML 5 which show be an interesting experience in the next few years.
It does pass the Acid 2 and Acid 3 tests, which are tests used to help determine how efficiently a browser renders and supports standards.
Acid 2 Test: http://www.webstandards.org/files/acid2/test.html
Acid 3 Test: http://acid3.acidtests.org/
On another note, I just read that IE8 passes the Acid 2 Test! Very nice Now .... if only IE6 can go away!
And even though this post was not overly pro-mac and as objective as possible I'm sure I'll still hear the "stupid mac-fan-boy ..." comments or mumbling. So on that note, enjoy the following link about how Safari got hacked in less than 8 seconds at the Pwn2Own 2009 contest (Thanks to Jason M. for the info on this one.)
*updated solution:
To get rid of that nasty dotted line that shows up around a swf in FF3.
Simply put this in your css… thx Larry! :oP
object{
outline:none;
}
Old Solution:
Gabe found this solution to get rid of that nasty dotted line that shows up around a swf in FF3, thanks Gabe!
See solution here:
http://www.junasoftware.com/blog/firefox-3-and-flash-swf-outline-problem-using-swfobject-2.1.aspx
Or the short version:
add this line to your swf embed:
swfobject.createCSS("#myContent","outline:none");
e.g. (take note of the container id "#myContent")
-----------------
swfobject.embedSWF("/twizzlers/lib/swf/Preloader.swf", "myContent", "100%", "650", "9.0.0", "/twizzlers/swf/expressInstall.swf");
swfobject.createCSS("#myContent","outline:none");
-----------------
Recent Comments