Putting Time & Date & Flikr Slideshow on your Page

Not your Usual Flickr : But a Flash Badge !

There are many of you Bloggers out there who want to place the time & date on your pages & the slideshow , but once again : you are given limited options as to both . Many of you either have to place a seperate calendar widget , then another widget displaying the time for your visitors . Ok, you can stop searching & placing 20 widgets on your page . Here is a little piece of script ( 2 lines ! ) which will take care of all that searching now .





As promised : 2 lines of code right here --->

<script type="text/javascript">

document.write(Date());

</script>

Yep, that's all folks ! and the time & date will be displayed as it is over my profile photo ( take a look on bottom of page ) ; and you're done . You can place the code anywhere within your page document , or you can place it as a " widget " from the "Page Elements " section within your layout & put it anywhere you want - thats it for time & date .

Also, I would like to share with all of you a simple online " de-coder " . What is this you may be asking - ok , I will explain : have you tried creating a post and have tried to place a piece of ' code ' and then tried to publish that post and were notified that your post could not be published ? Or when you did publish your post - the code did not show or was just scrambled and looked like "<" or "lt&" yeah , I know - but here is an online tool which will help you insert any type of code into your posts without you having to sit there and figure out what this "<" means in simple language terms . If you have any type of code you wish to interpret within any o your posts simply go here Simple Code , take any piece of code which you may have & want to insert into your post and place it within the first box titled : " Enter markup " and press the " Process " button . Below in the second box , titled ;" Cut and Paste " , you will be given the result markup of the code . Copy & paste this into your post . Now in your post ( prior to ' Publishing ' , the code will look as it does , without the "<" & the ">" tags . However ; once you click publish mode , your code will appear normally . Please bookmark and save this site as you will probably need it in the future for creating other posts which you will want to include code in . I hope this helps :)

Now, as you all may know , when you are creating your page within the " Page Elements ' section , you are given a choice to place a slideshow on your page . You are given a choice to choose either : Flicker , Picasa & Photobucket . Most usually end up choosing Flicker . However , the slideshow which you are given is just one tiny box with not a lot of choice in " customization " . Ok, I have a nifty little piece of info here which I will now share with you all :) Aside from the usual slideshow offered on here by Blogger and the usual slideshow offered by Flickr.com , there is also a Flickr "Badge " which you can create and have displayed on your page as well . Here is the link where you can go to and begin creating your ' Flckr Badge ' . Now once you get there , pay attention : you are given the choice of either an HTML badge or : a Flash Badge . Also , you are given a choice to display either your own photostream or another users photstream . However , if you dont have a Flickr account , or even your own album [ photo stream ] and you dont wantto go searching through limitless 'user albums ' - you can simply choose " Everyone " at first and once you do so , a new option will be given to you as to whether you want to display ' Everyone's public Uploads ' or , you can simply choose ' All Public photos tagged with ' such as : kittens, or flowers , or vector , illustration, web , etc ..you get it . Once you choose your tag word and click the " Next " button below , you will be taken to the next page where you will see a small badge and customization options for the background , border , and the font . Choose your colors from the color chart to your right , and you will see your badge being updated every time you choose a particular color ( you may keep changing the colors until you are satisfied with the results or continue going back to correct anything else you wish ) . Once you are satisfied with your customization , hit the next button again , and you will be given the code for your new badge :
[ *Please note : The Flsh version of the badge cannot be included in this post , however you will be able to post in within your page elements by choosing the HTML/Javascript in ' Add a Gadget ' ]
You may also like to create an HTML badge if you dont want the Flash version : In the HTML version ( if you again dont have a Flickr account and simply choose tag words , ) you will be taken to the next page ( by clicking the next button of course ) , and in the HTML version you are given 3 choices : #1 ) the size of the thumb nail images you want displayed , and #2 ) the number of images you wish to have displayed by clicking the drop down button above ( in the preview you are shown 3 thumbs , once you choose the number of images you will automatically be shown the preview images of that as well ) and # 3) Horizontal, Vertical and Customized version of the slide , so I will choose for demostrational purposes 5 images and the " Horizontal version of this badge and again you will be taken to the customization page where you will again be able to choose what colors you would like for your badge . Once you are done customizing , just click next and you will be given your Flickr badge code & voila ! Youre done - now you can insert it into any part of your page and I hope you will enjoy your new Flickr badge .

www.flickr.com More photos or video tagged with web design on Flickr

Hope you enjoyed this piece of info . Catch you in cyberspace & smile , Mootools & Jquery love you :)

Women of Web Design

Women of Web Design

Ok all of you big boys of Web Design & Development , hold on to your HD's - there's a ' New Kid in Town ...and the kid is a Girl ! . Not any ordinary girl that is either . This little young lady does not only possess beauty - but brains and killer skills at Web Development , coding & Designing !

If the attribute of Multi- Skilled & Multi- Talented can be attributed to one so young and ( did I mention beautiful yet ? ) of the Female gender - then I will go as far as to say that this young little lady packs a wallop of skills . She goes by the alias of "INSIC and as far as I can tell from her brief bio , she is based in Cebu City in the Philippines .

She is aptly skilled at :

* Ajax

* Code Igniter

* CSS

* XHTML

* PHP

* JQuery

PostGresql

* JSON

* Web Design

And God knows what else ( you will just have to get to her site and ask her ) . What I like about her is the statement she makes in the opener of her personal Blog : " Let's see what I can do for you and your business " . Now that statement speaks volumes about a Designer / Developer . It states that the primary focus is centered on you ( the client ) and your needs . This is what moves one ahead in the Design & Development business I believe . The fact that the Designer in charge is not egocentric and has the clients best intentions at heart . Yes , this young little lady's star is quickly rising and is already shinning as bright as her smile .

The irony is : I was looking over some WP galleries a few days ago in my quest for " Originality as far as template design goes - and I came across a WP template she had made ( only I wasn't aware that this was " Her " ! ) . The template is beautiful ( and I fell in love with it as soon as I spotted it amongst a multitude of others ) it stands out & apart from the rest . It is a " Gallery " Template ( one of the more difficult templates to design & code ) and this little lady has left nothing out of this template . It has a very professional look & looks as if it carries the cost of a Premium Theme ; ( I have seen other templates of lesser caliber which cost a fortune + an arm and your mommas leg ! ) which are not of equal quality as the one Ms. Insic has designed ! Now here's the best part for all of you WP users : she has made it FREELY available ! Yep - My only regret at this point is not knowing how to use PHP , so that I could use it myself ! :(

It would have been great if she could have coded it for the Blogger Platform as well - I know that thousands of Bloggers out there would be downloading it per second ! If you think I'm over exaggerating , have a look for yourself right here : Insic WP Template . This theme reminds me of a well designed Italian office ! ( with media ! ) Now what have you got to say about that ??? If you don't think this is a great Design , then I can't help you - sorry . However , maybe Insic Designs can :)

You may want to go over to her well oiled & smooth running website and have a look over at everything this young little beauty has to offer . I believe that you will walk away knowing something more than you don't already know , and more than a few freebies which she is presently giving away which you might find helpful . Do enjoy her site , but moreover : you may just want to hire her to do your next project , put up a website you've been considering ( ? ) ; I believe she will not leave you disappointed - with a face & a smile like that ? She'll surely put a smile on your face as well . Don't believe me ? well, just go have a look for yourself then , and let me know if I was wrong .

You can visit INSIC DeSIGN & Web Development Here InSiC DeSiGns

Catch you in cyberspace & dont forget to smile , Mootools & JQuery do love you :)

Javascript & Resource Sites

Accordions , Rounded Corners & A Host of other Tips & Tricks For Your Site

Here are some great tutorial sites for you to create anything from rounded corners to animated boxes & links via Javascript !

These are some of my favorite sites for online free source tutorials which offer a myriad of tips and the latest tricks on implementing Javascript & just plain old CSS to create some of the spectacular effects which you may have seen on several sites . CSS Juice , is a great site for you to bookmark and keep dropping in on for updates on the latest tricks . They feature practically everything one would require to create some pretty neat effects . You can check them out here : --> CSS Juice
Another great site for Javascript resources is Rico where you will find some pretty neat apps , as the ' accordion ' is becoming all the rage at the moment with Web designers ; implementing it into just about everything - even 'accordion templates / layouts ' now serving as entire pages . Check it out , I believe you will enjoy it .

Another really great site for resources for just about everything and anything you can imagine is Script Plaza , now this place is as wide in range of information as the Yellow Pages , or a telephone book ! You will find EVERYTHING there , believe me . When you click on a link , the page will redirect you to a new window which resembles an advertisement - be patient - it will open to the site offering whatever it is you have clicked on or are looking for . * When you find something you are interested in r want , click on the "download " link [ you will not be downloading anything - but that is what will open up a new window & the site which is offering the specified application .

Now , aside from Soh Tanaka's informative & educational site for just about everything you may have heard of [ and maybe not - ] , there is also one more blog you should check into and that is : " Woork " , hosted and updated on a nearly daily basis by another yet great Developer who gives it t you straight from the edge . You will find his tutorials are easy to grasp and utilize and he makes it very simple to follow along & if you dontt understand something, he will respond to your inquiry . Anotonio Lupetti is right up there with Soh Tanaka as far as web developers go and a truly sweet guy .

I hope the above will help you in finding some answers to your questions so far . Stay tuned , more updates will be soon following . In the meantime , keep smiling , Mootools and Jquery love you !

Great Web Developers | Soh Tanaka

So-h What ?
If Elvis were alive he'd call Soh Tanaka " The King "

Amongst the multitude of Web Developers & Web Designers out there inhabiting infinite cyberspace , there are those few Web developers & Web designers who stand apart from the rest . Due to their limitless imagination & rockin code skills ! Here is the Top #1 Web developer & Designer ExtraOrdinaire !




If I had to name one extraordinary Web developer with a limitless amount of skill & expertise it would definitely have to be no other than Soh Tanaka . For those web junkies ( such as myself ) out there who are familiar with Soh's name & his work , you know what I am talking about & about whom . Soh Tanaka is not only Revolutionizing the Web as we know it - but moreover : He is Re-Inventing it ! Everytime I visit his site , I am always amazed at this man's skill & ingenuity at taking some of the most common applications and simply not only re-inventing them , but giving them a ' life of their own ' [ if you will ].

Example at hand : Drop down menu's , which have been around for a little while now - and despite Web developer's not liking them very much due to the fact that they are considered confusing & obtrusive , as well as not being preferred by 'older people' due to the fact that an elder persons navigational skills tend to slow down after a certain age and the such ..ehemm .. most developers tend to avoid incorporating them into their own web-sites . Well, you can bring on the Drop Down Menu & freely & without fear incorporate it back into your website /blog , whatever - because Soh Tanaka has just given new meaning not only to the apprehensively used drop down menu but has made it that much easier to use as well as More ' Sexy ' ( yes , if drop down's can be considered Sexy in any way - Soh has given the drop down an entirely new " Sex - Appeal " ) .
You can check out his famous demo right here & decide for yourself if it's Sexy or not : Soh's Sexy Drop Down Menu Demo . Now as you can clearly assess , it is quite Sexy now isn't it ? Here is the demo -resource page for it , which Soh wrote the tutorial for Noupe.com , a parent / child Soh affiliate site .

Soh also has another affiliate site , which is primarily his " offspring site " aside from his parent site of www.sohtanaka.com and it goes by the name of Design Bombs and believe me : they do Drop Design Bombs all F**k'n Day ! ( which is their motto ) .

Soh's work does not begin nor end with Sexy Drop Down Menu's or Jquery , as he is a never ending spring of resources and ideas . I doubt the man sleeps at all , and if he does : he must surely dream in code . He never ceases to amaze me with his new & innovative apps & creations . Soh's name is on the rise and if you are saying ' So-H What ?! , you better think again - for the next time you are implementing something into your page / website such as a menu or tabs using Jquery , you just may be using a Soh Tanaka script without even being aware of it ! Soh Tanaka can be easily labeled as one of those Rockin Web Designers w/ Killer Skillz ! , and yes - if Elvis were indeed alive , I do believe that if he had known Soh , he would have definitely bequeathed the honored title of " King " unto Soh Tanaka . He definitely deserves it !

If you are in search of something new and innovative & cutting edge - then head on over to Soh Tanaka's site and learn from the Samurai of Web developers himself & the Guru of Code ! @Soh Tanaka where yu will find & learn much more than sexy menu's ! :) Hope you enjoy & find Soh's site useful & educational ( I know I do ! ) . keep smiling , Mootools & Jquery love you & so does Soh ! Catch ya in cyberspace ~