Friday, July 02, 2010

iPhone icons made with pure CSS

Louis Harboe over at graphicpeel.com has recreated 11 iOS icons using per CSS styles. No images used. To see the icons you need to use a webkit browser such as Safari 5 or Google Chrome 5. This is very cool!

image

The mysterious band called Sea Exchange (Collider)

imageI recently came across two albums by a band called Sea Exchange. One is called EP3 and the other Schemes. Both appear to have been released this year around the same time. At first listen I was blown away at what I heard and had to find out more about this band. Though after many searches on Google I found very little. It appears that both albums were once available free from bandcamp.com but in its place now is a stream of a 7 song EP called Strobos which are songs found on the EP3 album. I also found the band on Myspace but it appears to be abandoned with no information on the band. To label the music of Sea Exchange is difficult. Dream Pop, Shoegaze and Experimental are just a few that come to mind. If anyone has more information on this band or knows where I can buy his/her/their music please contact me from my homepage or leave a comment below. I highly recommend you check out this music.

Below are links to both the EP3 and Schemes albums. As far as I can tell these albums are being distributed for free though if I am wrong please let me know and I will take the links down. Enjoy!

Sea Exchange - EP3
Sea Exchange - Schemes (rough demos from Collider's upcoming album - Sept/Oct Release)

UPDATE: I received an email from a visitor letting me know that Sea Exchange also goes by the band name Collider and included their bandcamp.com webpage. http://collider.bandcamp.com/ . Out of curiosity, I sent an email to the contact found on their website in hopes of getting more info on the two bands. Here is the response I got from John.

Hi Jason,

Sea Exchange used to be our old site for in progress demos for our band Collider (Official band name). About 2 months ago a couple blogs found the site and leaked the demos for our 2 upcoming EPs. We just released Strobos EP ( which was EP3 on Sea Exchange site) and Schemes was all the very very rough demos for our next release coming up in September / October. Glad you like the tunes, and you kinda lucked out b/c probably only 5-6 of the tracks on Schemes will really end up making the final cut.

Cheers,

John - Collider

So go to http://collider.bandcamp.com/ and grab the latest Collider album Strobos EP. And be on the look out for their new album in September/October.

(3) Comments | Music

Monday, March 08, 2010

Check out Foxes in Fiction

imageI came across Foxes in Fiction in my google feeds this weekend and being a huge music fan I thought I'd help spread the word. From what I can gather from his blog, Foxes in Fiction is a solo project from Warren Hildebrand of Toronto, ON Canada. I have listened to it once so far and am pretty impressed. The first half of the album (tracks 1-9) has an ambient sound whereas the second half reminds me a lot of Bradford Cox of Atlas Sound. Give it a listen.

Download Foxes in Fiction - Swung From The Branches

Foxes in Fiction Website

From foxesinfiction.blogspot.com...

"The whole thing was recorded for a kind of cassette A Side / B Side format so there is a pretty obvious division in style between the two. The first flows kind of as one long dreamlike hallucination song that segways pretty easily into each track, and is meant to inspire some pretty specific moods, while the second side more lucid pop songs. A big inspiration in making a lot of these songs was short-tracked hip hop albums like J Dillas' 'Donuts'. I don't know how obvious this is. It wasn't even really supposed to have an 'album' feel but it just sort of turned out that way, even two albums?, though I'm hoping it kind of has something for everyone.

Most of these songs are tracks that arose from restlessness, breaks between classes, insomnia and 5 AM isolation while in my in my apartment in Toronto. A couple of them are reworkings of old tracks that most of you guys probably have never heard but I felt would be fitting on this release. In the new few days I'm gonna post the lyrics and some detailed explanations into the meaning behind some of these tracks, cause who doesn't love to know? Hope you enjoy it. xoxo"

(0) Comments | Music

Saturday, March 06, 2010

Good news for the future of HTML5

Not only has the W3C HTML Working Group Published New HTML5 Drafts but rumor has it that the upcoming Internet Explorer 9 will have HTML5 support too.

This week’s tutorials from around the web

Create a Shiny Psdtuts+ Folder Icon in Photoshop
"Icon design is an essential element in any designer’s tool chest. No matter how simple or how complex your design is, a nice looking icon will almost always help to spruce things up. In this Photoshop tutorial we will demonstrate some easy steps to help you to produce your own shiny Psdtuts+ icon in Photoshop. These steps can be easily modified to produce a family of icons for your website."

Displaced Text
"In this Photoshop tutorial I would like to show you a creative way of how to displace the text and get an interesting effect on it."

How To Build a Vector Clock Graphic in Illustrator
"If you’re looking to develop your Illustrator skills, here’s a tutorial for you! Follow this walkthrough to see how adding layer after layer of vector shapes along with a range of gradients and a spot of texture can quickly create a great looking icon-style clock graphic."

Create A Briefcase Icon
"In this tutorial, I will show you how to create a briefcase icon with rectangles, ellipses, and gradients. This briefcase icon is great for web designs and user interfaces. Moreover, you can easily apply these techniques to other icons, logos, and illustrations."

Sunday, February 21, 2010

This week’s tutorials from around the web

Create a Clean and Professional Web Design in Photoshop
"In this Photoshop web design tutorial we are going to design a smashing, clean, and professional website layout in Photoshop. The layout we are doing in this tutorial can be used as personal or corporate website design."

How to Build a Custom Wordpress Theme from Scratch
"If you’re confident with your CSS and HTML, it’s not hard at all to step up to the challenge of building a custom Wordpress theme. This overview shows the process of how my latest custom Wordpress theme was built from design concept through to completed theme. See how the static design is split up into the various Wordpress theme files, and discover how the simple PHP snippets can add that dynamic functionality of a blog."

Abduzeedo 2010 Logo Design
"Every new year I like to try new things with the Abduzeedo logo. In 2009 I changed the typography a little bit, but now that it's 2010 I decided that the blog needed a symbol. That necessity came up when we are finishing the Abduzeedo iPhone app and we needed to have an icon."

Saturday, February 13, 2010

CSS3 techniques you can use today

The future of CSS is exciting with all the new techniques coming our way in CSS3. Though CSS3 is not yet fully supported in all popular browsers there are some browser specific prefixes that are supported in such leading browsers as Firefox, Chrome, and Safari. Because CSS3 is not fully supported yet we have to use the following extensions:

  • -moz- for Mozilla/Firefox
  • -webkit- for browsers running on Webkit (Safari/Chrome)

So let's look at a few CSS3 techniques that I use on this site that can be used in today's leading browsers that degrade well in the non-supported browsers (Internet Explorer).

Rounded Corners

Having rounded corners in your designs has always been possible using graphics. An easier way is to let CSS do it for you. If you look at my site you will see a few rounded corners here and there such as on the background of the sidebar to the right. I'm using both the Mozilla and Webkit specific styles to make that happen. First you write the specific prefixes for both mozilla and webkit browsers then you add the radius value for the corners. If all corners have the same radius then you can simply write:

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

To add a different radius value to each corner you will first need to add the specific prefix for each corner and then add the radius value.

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 20px;

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 20px;

Text Shadows

The drop shadow effect is one of the CSS3 properties that is actually supported in all the leading browsers except, you guessed it, Internet Explorer. The first 2 values are the X and Y coordinates. The next value is the blur radius of the text-shadow. And the last value is the color of the text-shadow. This effect can be seen at the top of my site on the large blue text.

text-shadow: 1px 2px 2px #000;

In a future post I will show more CSS3 techniques that can be used in today's leading browsers.

Friday, February 12, 2010

New version of Chrome beta for Mac now supports extensions

Today Google updated Chrome beta for the Mac adding support for extensions. One of the big reasons I use Firefox is for its extensions. As a web designer I use many useful Firefox extensions on a daily basis such as the Web Developer, Firebug, and Colorzilla extensions to name a few.

Out of curiosity I checked the Chrome extension library and found there were quite a few developer tools available.

Alt text

  • Firebug Lite - It's not a replacement for Firebug but still a very useful extension with many of the useful tools found in Firebug.
  • Pendule - Not only does this extension have many of the tools found in Firefox's popular Web Developer extension it also has many extras such as a color picker.

With Chrome now supporting extensions (Firebug lite, Pendule) I feel I can now give Chrome a try as a full-time browser. It is a speedy browser and seems to run Javascript faster than the other leading browsers. I think I will start using it this week and see how it goes.

Monday, February 08, 2010

One show a month

About 7 months ago a friend and I made a somewhat pact that we would try to see a show at least once a month. So far we have done what we set out to do. When you are married with small kids, finding time to go out with the guys can be hard. The one show a month pact is our way of getting out and keeping sane.

Friday we saw Girls at The Earl. The opening bands were Smith Westerns and The Magic Kids. It was a great line-up and show.

I'm looking forward to the Surfer Blood show next week at the Drunken Unicorn. And it is looking like I will get to see my long time favorite band, Wilco, next month.

I guess the one show a month pact has turned into two shows a month for February. I can't complain.

Sorry for all the myspace links. Those bands don't seem to have their own sites.

(0) Comments | Music

Friday, February 05, 2010

Site redesign

I have finally made a much needed redesign to my site. My old design was nice but it was starting to look dated. Plus the content (portfolio) needed updating.

Along with a new portfolio page I have added this journal. I'm not sure what I plan to write here but I have some ideas. Maybe some useful links, Photoshop/Illustrator/web design tutorials, etc...

I am using Expression Engine on the back-end and am still coding some of the journal pages so you may find a few quirks while navigating. I should have it done in the next few weeks.

Page 1 of 1 pages