I came across Dutch photographer GoWithTheFlowEnzo’s work from Tycho's Blog. I found his work to be simple with a touch of effects overlapped to give his work the feeling of serenity. His work reminds me of days of past when things were simplistic and yet imaginative. Robin I'm assuming is his name per his profile on deviantart.com will keep on his inspiration and inspire others. The kid has talent and I'm sure it will continue to grow in the future.
Shun Kawakami has a unique form of art. Shun is a designer, currently based in Tokyo and the founder and Chief of artless Inc.I have enjoyed his style of art with the use of number. He then uses the feel of Japanese plants to bring the number to life. Shun has been in many exhibitions throughout the world in showing his work. If you want to check out more of his work you can check out his site.
Shun Kawakami Website
Shun Kawakami Website
Shunkawakami and His Art of Numbers
Over the past couple of months on my researching of different fonts and websites. I have noticed a large increase in Grungy style websites and graphics. So I thought I would give you some Fonts that can help with your designs. While most of the fonts on this list can’t really be used for website copy and articles, they can certainly be used for logos and headings or other types of graphics.
Dirty English
Defused
Got Heroin
Cocaine Sans
Ginga
Dirty English
Docteur Atomic
A Bite
Defused
Got Heroin
Cocaine Sans
Ginga
Trashy and Distorted Fonts for Your Next Design
The ultimate homage to Dick Tracy this year as two of its preeminent electronics manufacturers duke it out for supremacy in the oh-so-pricey world of watch phones. Due to land in France any day now, the Samsung S9110 is said to be the slimmest watch phone ever released, featuring a 1.76-inch touch screen and such niceties as Bluetooth, voice recognition, MP3 player capabilities, a speakerphone, and e-mail functionality. Sporting similar specs but a slightly thicker profile, and a higher MSRP, LG's GD910 will also pack 3G video call capabilities and 2GB of internal memory (versus just 40MB in the S9110) when it arrives in France at just about the same time.
LG GD910 Watch Ph Video
LG GD910 Watch Ph Video
LG GD910 Watch Phone and Samsung S9110 Watch Phone
I have decided to make a playlist for all to enjoy. It was a little difficult to find a Playlist player that actually let me load the tracks from my computer instead of a search site. I used MixPod.com if you were interested in knowing which player I used. I would eventually like to create one myself through Flash. Well hope you like the Playlist and the artwork I made. Also don't forget to leave me a comment. Let me know what you think.
Tracklist:
1. Fractales Pt I by Apparat
2. Effigy by Andrew Bird
3. No ones Going to Love You by Band of Horses
4. Terrapin by Bonobo
5. Daydream In Blue by I-Monster
6. Ida, My by Annuals
7. PBS by Tycho
8. March at Dawn by GDEB
9. Each Coming Night by Iron and Wine
10. Go by 800Beloved
11. The One I Love by Greg Laswell
12. Pass Into Silence by Iceblink
13. Two Become One by Govinda
14. The Ballad of the Broken Birdie Ruxpin Remix by Mum
1. Fractales Pt I by Apparat
2. Effigy by Andrew Bird
3. No ones Going to Love You by Band of Horses
4. Terrapin by Bonobo
5. Daydream In Blue by I-Monster
6. Ida, My by Annuals
7. PBS by Tycho
8. March at Dawn by GDEB
9. Each Coming Night by Iron and Wine
10. Go by 800Beloved
11. The One I Love by Greg Laswell
12. Pass Into Silence by Iceblink
13. Two Become One by Govinda
14. The Ballad of the Broken Birdie Ruxpin Remix by Mum
DJ & Producer Damion Playlist No. 1
I was taking a look back at the technologies of computers the other day with a friend. It was astonishing how computer technologies have changed so rapidly. So I thought, wouldn't it be interesting to take a look at what website looked like in the later part of the 90's and what techniques were used.
Google.com in 1998
Yahoo.com in 1999
Apple.com in 1999
Sony.com in 1997
Reference: How Popular Website Designs Looked Like In Late 90’s, Web design history, a look at the 90s
- Animated .GIF files.Yes, we really thought these made our sites look cool! I love these thing!
Combine this with Times New Roman font and it’s 1995, all over again! - Cheesy clipart icons. Graphics programs have come a long way (can you say CS4?). Free and almost-free stock image sites are abundant. There is NO excuse for using crap like this today:
- Layout tables with borders. We all know (or should know) that CSS is almighty and that you really shouldn’t be designing layouts using tables. There are always exceptions, but that’s for a different article. You want your readers to flash back quickly? Give your layout table a border. At least if you are using tables to create your site, the lack of a border doesn’t make it obvious.
- Overbearing, non-seamless, repeating background tiles. Okay, admittedly, web design in the early 90s had major limitations and you were considered a progressive designer if you had a repeating background. Photoshop was still in its infancy, so seamless tiles were hard to come by. These days, there is nothing wrong with a repeating pattern but the rules have changed. Make them fade into the background, not stand out. And make them seamless and appropriate to your content. When it doubt, leave it out!
- Blue and Purple links. If you can install a theme/template, use any HTML editor, or do a Google search for CSS, you can change the color of your hyperlinks.
- Times New Roman and Comic Sans. Using either of these fonts for you body content tells the world you’re watching reruns of Beverly Hills, 90210.
- Centered text. For everything.
There were so few tricks of the trade in the 90s,
web designers did anything they could
to make their stuff stand out.
Centering body text was one of those ‘tools’.
Back then, I guess a lot of designers didn’t care that there text was not very readable. - Blinking text. Fun, isn’t it? For those of you who started coding after 1998, you can acheive this by simply using the
blink
tag. (update: for some reason theblink
tag won’t work with this Today.com theme. Bummer. You don’t know what you’re missing.) - Psychedelic buttons. You know the ones. pretty, funky, rainbow gradients with beveled edges, that showed off your mad Photoshop skills. Buttons like this one:
- Flash splash pages. Back in the 90s, all the cool kids toyed with Flash. Anyone who could make a logo rotate in an non-animated-gif way, and included a moving link to enter the page, well they are now the ones making kick-ass GUI interfaces. But back then, they made really annoying, no-use-whatsover splash pages.
Google.com in 1998
Yahoo.com in 1999
Apple.com in 1999
Sony.com in 1997
Reference: How Popular Website Designs Looked Like In Late 90’s, Web design history, a look at the 90s
Website Designs of the 90's
You love your phone, you don't want to be separated from your phone, trouble is you can't take your phone into the shower.
Now you can, one soap maker has taken their love affair with the new Palm Pre a little too far with the launch of a Bourbon and Coke scented soap in the shape of the new smartphone.What you see here is the first bar of soap modeled after the Palm Pre. The Palm Pre soap bar is about the same size and shape as the real-world Palm Pre.
What happens when you wear the soap down to the touchscreen is anyone’s guess.
The phone will weighs about 3 oz and rather randomly be scented with a Bourbon & Coke fragrance and made with Shea butter.
Luckily users can request the soap without fragrance.
But wait, if the Palm Pre isn't your gadget of choice, the seller is happy to make one that is, already stocking an iPhone, iPod, Blackberry and a range of Sony PlayStation gadgets too.
Price start from around $13 including worldwide shipping. If you want one, the Palm Pre Soap is available from Two Egg Plants shop over at Etsy.
Now you can, one soap maker has taken their love affair with the new Palm Pre a little too far with the launch of a Bourbon and Coke scented soap in the shape of the new smartphone.What you see here is the first bar of soap modeled after the Palm Pre. The Palm Pre soap bar is about the same size and shape as the real-world Palm Pre.
What happens when you wear the soap down to the touchscreen is anyone’s guess.
The phone will weighs about 3 oz and rather randomly be scented with a Bourbon & Coke fragrance and made with Shea butter.
Luckily users can request the soap without fragrance.
But wait, if the Palm Pre isn't your gadget of choice, the seller is happy to make one that is, already stocking an iPhone, iPod, Blackberry and a range of Sony PlayStation gadgets too.
Price start from around $13 including worldwide shipping. If you want one, the Palm Pre Soap is available from Two Egg Plants shop over at Etsy.
Have You Washed with Your Gadget Lately?
I was just trying to kill some time at work as I sometimes do and I stumbled upon a blog called Change The Thought. Change the Thought was founded in 2002. It was originally created to harbor the personal creative work of artist and designer Christopher Cox. Although the site does still harbor Christopher’s body of work it has since grown into a usable archive of creative inspiration for the online art and design community. I wanted to show some of the print work that was done by Christoper Cox because his style is one that I enjoy and his work is done very well.
Change The Thought
The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways.
I would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. Try to pick the transition that best captures the style of your website.
View Demo | Download File
3. Moving Boxes
The big difference in this slider is that there are buttons to change panels and the panels zoom in and out when user click on the buttons at the left and right.
View Demo | Download File
4. Sliding Boxes and Captions with jQuery
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.
View Demo | Download File
I would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. Try to pick the transition that best captures the style of your website.
1.ImageSwitch
The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some beautiful effects.
2. Carousels & JCarousels
Over the last couple of years we have noticed a strong trend toward sliding horizontal panels or menus also known as Carousels. Creamy CSS uses a similar effect, once one of the navigation options at the left and right is clicked, a group of images in onetag slides Horizontally.
jCarousel (Riding carousels with jQuery) –
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).
View Demo | Download File
3. Moving Boxes
The big difference in this slider is that there are buttons to change panels and the panels zoom in and out when user click on the buttons at the left and right.
View Demo | Download File
4. Sliding Boxes and Captions with jQuery
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.
Set up the default starting point for the caption box. If you want it fully hidden initially, you will want the distance from the top or left to match the height or width of the window (.boxgrid), depending on which direction it will be sliding. You can also have it partially visible initially, as .caption .box caption illustrates.
View Demo | Download File
Sliding Content Techniques for Web Design
ABOUT THE COLLECTIVE LOOP
TCL Collective Series 012
TCL Trending
TCL Blog Archive
-
►
2021
(5)
- ► November 2021 (2)
- ► October 2021 (1)
- ► January 2021 (1)
-
►
2020
(18)
- ► October 2020 (2)
- ► September 2020 (1)
- ► August 2020 (1)
- ► April 2020 (2)
- ► March 2020 (4)
- ► February 2020 (1)
- ► January 2020 (4)
-
►
2019
(61)
- ► December 2019 (3)
- ► November 2019 (6)
- ► October 2019 (5)
- ► September 2019 (1)
- ► August 2019 (7)
- ► April 2019 (3)
- ► March 2019 (3)
- ► February 2019 (4)
- ► January 2019 (9)
-
►
2018
(35)
- ► December 2018 (4)
- ► November 2018 (2)
- ► October 2018 (2)
- ► September 2018 (2)
- ► August 2018 (6)
- ► April 2018 (3)
- ► March 2018 (2)
- ► February 2018 (3)
- ► January 2018 (2)
-
►
2017
(40)
- ► December 2017 (1)
- ► November 2017 (5)
- ► October 2017 (2)
- ► September 2017 (1)
- ► August 2017 (3)
- ► April 2017 (3)
- ► March 2017 (5)
- ► February 2017 (4)
- ► January 2017 (7)
-
►
2016
(49)
- ► December 2016 (1)
- ► November 2016 (4)
- ► October 2016 (5)
- ► September 2016 (4)
- ► August 2016 (5)
- ► April 2016 (2)
- ► March 2016 (5)
- ► February 2016 (5)
- ► January 2016 (7)
-
►
2015
(73)
- ► December 2015 (3)
- ► November 2015 (6)
- ► October 2015 (10)
- ► September 2015 (7)
- ► August 2015 (6)
- ► April 2015 (5)
- ► March 2015 (7)
- ► February 2015 (8)
- ► January 2015 (6)
-
►
2014
(99)
- ► December 2014 (6)
- ► November 2014 (3)
- ► October 2014 (7)
- ► September 2014 (10)
- ► August 2014 (11)
- ► April 2014 (9)
- ► March 2014 (7)
- ► February 2014 (9)
- ► January 2014 (9)
-
►
2013
(103)
- ► December 2013 (7)
- ► November 2013 (8)
- ► October 2013 (9)
- ► September 2013 (6)
- ► August 2013 (7)
- ► April 2013 (8)
- ► March 2013 (11)
- ► February 2013 (10)
- ► January 2013 (15)
-
►
2012
(195)
- ► December 2012 (10)
- ► November 2012 (14)
- ► October 2012 (14)
- ► September 2012 (12)
- ► August 2012 (17)
- ► April 2012 (19)
- ► March 2012 (17)
- ► February 2012 (20)
- ► January 2012 (19)
-
►
2011
(252)
- ► December 2011 (20)
- ► November 2011 (20)
- ► October 2011 (20)
- ► September 2011 (21)
- ► August 2011 (25)
- ► April 2011 (21)
- ► March 2011 (23)
- ► February 2011 (20)
- ► January 2011 (22)
-
►
2010
(249)
- ► December 2010 (23)
- ► November 2010 (22)
- ► October 2010 (21)
- ► September 2010 (21)
- ► August 2010 (21)
- ► April 2010 (20)
- ► March 2010 (23)
- ► February 2010 (20)
- ► January 2010 (20)
-
►
2009
(142)
- ► December 2009 (18)
- ► November 2009 (15)
- ► October 2009 (20)
- ► September 2009 (19)
- ► August 2009 (19)
2018. Powered by Blogger.