Shop Mobile More Submit  Join Login
Estacado start page by Gocom Estacado start page by Gocom
Estacado is a start page / speeddial for web browsers. The design was inspired by Orman Clark's latest postings.

Estacado uses jQuery, CSS3 and valid XHTML. Has subtle effects, dark colors and supports newish WebKit and Gecko builds; Safari 5, Chrome and Firefox 3.6.

The package comes with instructions (Readme.txt) that explains how to add sites to it. Basically, it's just matter of writing a list of plain URLs into a text file and the script takes care of the rest.

Update 2011/03/20:
  • Now multiple URLs that share the same domain can have different thumbnails. Reoccurring URLs will be suffixed with an ordinal number.
  • Added font definitions for the search field and the button.
  • If the browser doesn't support CSS3 gradients, solid background color is used instead.


Update 2011/02/02:
  • Updated jQuery library to version 1.5.
  • Changed Favicon's link element's type value to image/png.


Update 2010/11/30:
  • Now keyboard navigation hooks to different event, and works on WebKit.
  • Resets cordinates if the page scrolls or opens in odd location.


Update 2010/11/26:
  • Fixed the small thumbnail dimensions typo in the readme, thank you informing me mattpoonani.
  • Added hash/anchor URL support. Now navigating groups appends hash/anchor to the URL, and if the page is loaded with an anchor, the particular group is shown instead of the default first one. Especially good if you are creating thumbnails and want to refresh the view, or want to bookmark the groups.
  • Added -ummm- better hover states to the buttons.


Update 2010/11/23:
  • Added keyboard navigation. Left arrow takes to previous group and right to vice versa.
Add a Comment:
 

Daily Deviation

Given 2010-12-01
the suggester said: "Estacado start page by *Gocom is a very nice & ellegant start page that allows you to have all your favourite websites in one place." ... you can group any amount of your bookmarks on as many pages as you like. that and the fact that you can add your own website-representing thumbnails is making this a highly flexible start page to be personalized for your very needs and preferences. in addition it's visually pleasing and can be used in many different browsers.
( Suggested by emey87 and Featured by OtisBee )
:icony-n-1-f:
Y-N-1-F Featured By Owner Jun 22, 2014
The buttons on the bar (Open Shown, Open All, I'm Bored).....seem to have the hover-state look as default, and the normal-state on hover. In other words, they look pressed before being hovered over, and they look raised (normal) when you hover/click.

Not so with this one, as an example: www.deviantart.com/art/Princip…
Reply
:iconmral3n:
MrAl3n Featured By Owner Jun 20, 2014
Love it.. Just the thing I was looking for. Thank you for the great work! Fav+ EXO : Kyungsoo Fangirling 
Reply
:icondcodexlol:
Dcodexlol Featured By Owner Jul 9, 2013
Hey guys, quick question: is the dark gradient background a .png?
Reply
:icondcodexlol:
Dcodexlol Featured By Owner Jul 9, 2013
Hey guys, quick question: is the dark gradient background a .png?
Reply
:iconsosat:
Sosat Featured By Owner Jun 12, 2013
Is this possible to run this page in IE??
Reply
:iconthorero:
Thorero Featured By Owner Aug 13, 2013  Professional Digital Artist
HAHAHAHAHAHAHAHA... Hahahahaha...

Okay, compose mysel-- hahahaha--myself. I can do this.

You want to run something that's made to a certain, high standard, on IE? Hahahahahaha. Oh God. You're quite the comedian.
Reply
:iconsosat:
Sosat Featured By Owner Aug 19, 2013
Yeah!!

I was originally going to run it on a washing machine but someone told me to wait for a helpful answer like yours!

I had my reasons to test it in IE....

Next time help people and don't criticize them.

I am glad that i made you laugh though!

;)
Reply
:iconmais88:
mais88 Featured By Owner Apr 29, 2013   Photographer
Great job!

I felt free to do the following modification for my own usage:

main.js
- inserted line 126: "img = img.substring(0,10);"

Why?
I have adresses like www.helloworld.com:port, where : can't be used in file names.
Same problem with www.helloworld.com/subfolder
Reply
:iconsosat:
Sosat Featured By Owner Jun 12, 2013
Hi mais88,

Currently i am using the above start page which is great, but i am facing the same issue with ports using the : symbol so i cannot use thumbnails..
Can you please share it?
That would made me happy! :)
Reply
:iconsosat:
Sosat Featured By Owner Jun 13, 2013
I figured it out...
Awesome!!

Thanks for the js line info!

;)
Reply
:iconheimdyll:
Heimdyll Featured By Owner Feb 18, 2013  Student Digital Artist
got it working on my system :) But I dont like the thumbnails I could find :/
Reply
:iconjohnniekim:
johnniekim Featured By Owner Feb 12, 2013
It looks really good.... Thank you very much....
Reply
:iconkidvicious18:
Kidvicious18 Featured By Owner Jan 21, 2013  Hobbyist Digital Artist
How do I shift the web pages to the left instead of the center?
Reply
:iconsupermix1337:
Supermix1337 Featured By Owner Sep 30, 2012  Hobbyist Filmographer
Really cool. But I have a problem. After I created every thumbnail for my sites and everything was done I went to bed, the next day the folder had deleted itself.. :S I put it in the firefox folder in program files.. I don't think it's something to do with your start page. Have you ever heard of this problem before?
Reply
:iconnorthdakota91:
NorthDakota91 Featured By Owner Sep 5, 2012
Gorgeous start page :D thank you for sharing
Reply
:iconnuclearblasshole:
NuclearBlasshole Featured By Owner Jul 3, 2012  Hobbyist Interface Designer
How I can define what happens when I click "I'm bored" button?
Reply
:iconmegawiggle:
MegaWiggle Featured By Owner Aug 13, 2012
It opens a random page from all the Websites you added !:)
Reply
:iconmasterdeathaxe:
MasterDeathAxe Featured By Owner May 5, 2012
Very nice page this is. One thing that would make this awesome is if you could use the scroll button to switch sections. Would it be possible to add this?
Reply
:iconcapedape:
capedape Featured By Owner Mar 6, 2012
Liking this. Thank you

----
Dax Monson www.d3bu.com
Reply
:iconarfaz:
Arfaz Featured By Owner Jan 29, 2012
Hay
I just love this and want to thank you for this greatness!

Also, if you could help me out with the bored button?
I want to replace the link of the bored button to [link]

Just again thank you soo much
Reply
:iconayucyruz:
ayucyruz Featured By Owner Jan 28, 2012
Just finished configuring it. Nice work, thanks for sharing!
Reply
:iconiamevn:
iamevn Featured By Owner Jan 8, 2012
Fantastic, nearly perfect! :D

I've changed mine so that the buttons on top are centered [link] going to add in a button that makes it open random from the current page because I have a webcomics page and I'd like to be able to hit random and have it not open up anything but webcomics.

//center buttons, goes in line 49
$('body').html('<div id="bar"><center>Open shownOpen allI\'m bored</center>');
Reply
:iconiamevn:
iamevn Featured By Owner Jan 8, 2012
well that didn't work. [link] because DA messed up the js
Reply
:icondorianstone:
DorianStone Featured By Owner Oct 22, 2012
It does work, but you have to replace the "p" with "div", boyh at the beggining and the end of the line, and also to insert the "center" argument at the beggining and the end.
Reply
:icontdogmets:
tdogmets Featured By Owner Nov 20, 2011  Student Digital Artist
do u possibly know how to change the background on k3ttc4's start page?? [link]
Reply
:icontdogmets:
tdogmets Featured By Owner Nov 16, 2011  Student Digital Artist
could you tell me exactly how to edit it? I open up index.html and change the link to one of my choosing, but then when i open index.html in safari, it shows all the words, and not the actual page. PLEASE HELP!
Reply
:icongocom:
Gocom Featured By Owner Nov 19, 2011
Make sure that you are opening index.html in editor that doesn't mess the actual markup. For instance, you can't open it in Word or in TextEdit as those are rich editors that will change the HTML. Instead it's better to open the file in a plain text editor (Notepad) or in syntax editor (Smultron, Fraise, Notepad++, Coda, or Espresso).

If you are using Mac OS I would suggest opening the file in Smultron, or Fraise, or on Windows with Notepad++. Those editors won't mess the encoding or markup.

Hope that helps :)
Reply
:icontdogmets:
tdogmets Featured By Owner Nov 19, 2011  Student Digital Artist
Thaks a lot!!!!!!!
Reply
:iconnra59:
nRa59 Featured By Owner Nov 10, 2011
Nice work!!!
However, is it possible to delete the taskbar at the top (open show - open all - i'm bored) ?
What are the manipulations to be made?

Thanx : )
Reply
:iconkaffeden:
kaffeden Featured By Owner Oct 24, 2011
Does it work with Firefox 7?
Reply
:icongocom:
Gocom Featured By Owner Oct 25, 2011
Yes, should.
Reply
:iconkrabbymcnabby:
krabbymcnabby Featured By Owner Oct 16, 2011
can you explain to me how to do this properly? i can't find the file to add in the links so i haven't been able to use it at all yet. I tried reading the code but I'm terrible at CSS, any help? I thought you might have to make your own but the one i made isn't being read either
Reply
:icongocom:
Gocom Featured By Owner Oct 21, 2011
Included Readme.txt explains where to add URLs. Basically just open the file in a text editor and add a list of URLs. For more detailed explanation, look at the readme file or at the index.html file.
Reply
:iconkrabbymcnabby:
krabbymcnabby Featured By Owner Oct 17, 2011
Nevermind, you have to edit the actual html code. Now I feel silly
Reply
:iconpurplegreendave:
purplegreendave Featured By Owner Oct 4, 2011
This is awesome, thanks man.
In my last row of tiles I only have 3 links - is there an easy way to centre them?
Reply
:icon6insane9:
6InSaNe9 Featured By Owner Oct 3, 2011
Thanx Looks great.. Can u make an css compatible with chrome speeddial 2 extention ?? Love ur layout and the colors, could be great if it can be done for chrome speed dial 2 :-)
Thanx for a great work
Reply
:icondevilart14:
devilart14 Featured By Owner Aug 19, 2011
this is an AMAZIINGG start page but i was wondering..when i move the mouse on the right or left of the thumbnails and click it changes page, how can i stop it doing this as i only want to navigate with the keys? thanks alot!
Reply
:iconflygon-jinn:
Flygon-Jinn Featured By Owner Aug 19, 2011
This is really great!

I'm trying to get thumbnails for multiple boards on 4chan, but the startpage only shows the first thumbnail.

Any suggestions as to how to fix this?
Reply
:iconflygon-jinn:
Flygon-Jinn Featured By Owner Aug 19, 2011
Never mind, I should've payed more attention...
Reply
:iconrevengexx14:
revengexx14 Featured By Owner Jul 29, 2011  Student Digital Artist
Very interesting, I have a similar project under way: [link] But my plan is to have it be an actual extension.
Reply
:iconalexandrestiller:
AlexandreStiller Featured By Owner Jul 7, 2011
i cant put a background image, can u help me please ?
Reply
:iconiinsaniiity:
iinsaniiity Featured By Owner Jul 3, 2011
wish i knew how to add this :(
Reply
:iconmadridista83:
Madridista83 Featured By Owner Jun 29, 2011
My Start Page, thx for the help. :)

[link]
Reply
:iconjumera:
jumera Featured By Owner Jun 20, 2011
awesome work! i like it very much ! thanks for sharing .. :)
Reply
:icongocom:
Gocom Featured By Owner Jun 21, 2011
Thank you :)
Reply
:iconwhittlingdesigns:
WhittlingDesigns Featured By Owner Jun 16, 2011
Thanks for sharing man. This is a really nice browser start page. Fits my VS well! :+favlove:
Reply
:icongocom:
Gocom Featured By Owner Jun 20, 2011
Thanks, you're very welcome :)
Reply
:iconmadridista83:
Madridista83 Featured By Owner Jun 16, 2011
Plz help, how to put wallpaper in the left side for example. :)
Reply
:iconphauxington:
Phauxington Featured By Owner Jun 8, 2011
Simply awesome, love it.

This is my version of your creation. My start page

I was wondering if you might be able to help me with something. I have 2 monitors one is a 19" 1440 and the other is a 24" 1920. The background image I created in photoshop works great on my 19". However when I move my browser over to my other monitor, the image does this Example. It also changes when I minimize my browser. So my question is, is there a way to make the image auto resize when viewing on a different monitor/minimizing my browser, or is there a way I can create multiple background images in different resolutions and have it auto use the one thats needed.

Thanks for this amazing work, and any help is wonderful since im still new to all this.
Reply
:icongocom:
Gocom Featured By Owner Jun 20, 2011
Thank you :)

CSS level3 offers background-size property which is probably the easiest way to do what you are after.

By setting the property to "cover" (or "100% auto") would make the image scale, and setting it to "100%" would make it stretch.

So, by adding something like this to the end of "body" elements styles in library/style.css (after the background definition, around line 67) might (should, depending if the browser supports it) do it:

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Reply
Add a Comment:
 
×
Download ZIP download, 734 KB




Details

Submitted on
November 22, 2010
File Size
734 KB
Link
Thumb
Embed

Stats

Views
72,071 (3 today)
Favourites
695 (who?)
Comments
274
Downloads
10,585
×