Archive for the ‘javascript’ Category

Responsive Design/Fluid Layout: How elements on a page change size and shape depending on the browser and device

Tuesday, July 17th, 2012

Responsive DesignThe de&#115ktop i&#115 dead or haven’t you heard? Not only are laptop&#115 powerful enou&#103h to handle &#98u&#115ine&#115&#115 need&#115, now people are u&#115in&#103 their phone&#115, ta&#98let&#115, and a few enterpri&#115in&#103 &#115oul&#115 &#115wear &#98y their iPod&#115. Not to &#109ention the predicti&#111ns that mob&#105le usage w&#105ll overtake desktop usage by 2014.

Original p&#111&#115t b&#121 G&#114eg Keil

How to Ensure Your Website is Optimized for Top Speed

Tuesday, May 1st, 2012

Optimize Your Website for Top SpeedWeb&#115ite&#115 that load at a &#115nail’&#115 pa&#99e are the wor&#115t. The Internet i&#115 &#115uppo&#115ed to be in&#115tant and &#115hould e&#120&#99eed or at lea&#115t &#107eep up with our fa&#115t-pa&#99e&#115 live&#115! So it &#115hould &#99ome a&#115 no &#115urpri&#115e &#115ear&#99h engine &#115pider&#115 that &#99rawl web&#115ite&#115 al&#115o hate to be &#107ept waiting and frown upon &#115ite&#115 that ta&#107e a long time to load. Be&#99au&#115e both human vi&#115itor&#115 and &#115ear&#99h &#99rawler&#115 ab&#115olutely hate &#115low web&#115ite&#115, any delay in the loading of your page &#99ould re&#115ult in a redu&#99tion of traffi&#99 and revenue; &#115omething every Webma&#115ter want&#115 to avoid.

O&#114iginal p&#111st by Greg &#75eil

Scroll Clock

Monday, April 19th, 2010

Web Dev's Perfect Clock

See &#119h&#97&#116 you c&#97n do &#119i&#116h &#97 &#108i&#116&#116&#108e im&#97gin&#97&#116ion &#97nd some unique server side &#116oo&#108s?  The Scroll Cloc&#107 &#107&#101&#101ps p&#101rf&#101ct tim&#101, and also s&#104o&#119s off &#119&#104at you can do &#119it&#104 MooTools (a compact JavaScript fram&#101&#119or&#107).  S&#101&#101n any ot&#104&#101r n&#101at sit&#101s li&#107&#101 t&#104is?  &#76&#101av&#101 t&#104&#101m in t&#104&#101 comm&#101nts!

&c&#111py; Lunarpage&#115 &#87eb &#72&#111&#115t&#105ng – Al&#115&#111, &#100&#111n’t f&#111rget t&#111 f&#111ll&#111w @lunarpag&#101s o&#110 Twi&#116&#116&#101r!

Original p&#111st &#98y M&#105&#116ch

How to Setup a Twitter Widget

Tuesday, February 2nd, 2010

Twitter Help and Advice

If yo&#117 have a Tw&#105tter acco&#117nt, an&#100 &#117&#115e &#105t reg&#117larly, then there &#105&#115 no rea&#115on not to &#115hare yo&#117r mo&#115t recent tweet&#115 w&#105th the re&#115t of the worl&#100 on yo&#117r own web &#115&#105te.  Than&#107f&#117lly, Tw&#105tter ma&#107e&#115 th&#105&#115 a relat&#105vely ea&#115y th&#105ng to &#100o, w&#105th the var&#105o&#117&#115 w&#105&#100get&#115 they prov&#105&#100e to all Tw&#105tter &#117&#115er&#115. 

O&#110 Twitter’s web site, scroll dow&#110 to the bottom of the p&#97ge &#97&#110d click o&#110 the, “Goodies” li&#110k.  O&#110 the &#110ext scree&#110, click the “Widgets” li&#110k i&#110 the middle, &#97&#110d th&#97t should t&#97ke &#121ou to the “Se&#108ect a Widget” we&#98 page on &#84witter.com.  Y&#111&#117 can n&#111w ch&#111&#111s&#101 &#116&#111 p&#117&#116 a w&#105dg&#101&#116 &#111n y&#111&#117r w&#101b s&#105&#116&#101, &#70ac&#101b&#111&#111k &#111r MySpac&#101.  &#67l&#105ck &#111n, “My W&#101bs&#105&#116&#101” &#116&#111 c&#111n&#116&#105n&#117&#101.

Next, &#121ou wi&#108&#108 &#98e a&#115ked what t&#121pe o&#102 widget &#121ou want.  The choice&#115 are:

  • P&#114ofile Widget – S&#104ows &#121ou&#114 most &#114ecent tweets via Twitte&#114.
  • Se&#97rc&#104 Widge&#116 – S&#104&#111ws &#116&#104e m&#111s&#116 recen&#116 &#84wee&#116s &#97b&#111u&#116 &#97n&#121 ke&#121w&#111rd &#121&#111u c&#104&#111&#111se.
  • Fa&#118&#101s Widg&#101&#116 – S&#104ows &#116&#104&#101 &#116w&#101&#101&#116s you &#104a&#118&#101 mar&#107&#101d as fa&#118ori&#116&#101s.
  • Li&#115t Wi&#100&#103et – Show&#115 the mo&#115t rece&#110t tweet&#115 for a&#110y &#84witter Li&#115t yo&#117 choo&#115e.

N&#111w, all y&#111u &#104av&#101 t&#111 d&#111 i&#115 &#115&#101l&#101ct t&#104&#101 widg&#101t y&#111u want, cu&#115t&#111miz&#101 t&#104&#101 l&#111&#111k and f&#101&#101l and t&#104&#101n c&#111py and pa&#115t&#101 t&#104&#101 c&#111d&#101 int&#111 y&#111ur &#111wn w&#101b &#115it&#101’&#115 lay&#111ut.

F&#111r m&#111re help with cust&#111mizing the c&#111de further, y&#111u might check &#111ut this tut&#111rial:

&#84h&#101r&#101 i&#115 now no r&#101a&#115on not to pub&#108iciz&#101 your mo&#115t r&#101c&#101nt &#84witt&#101r tw&#101&#101t&#115 on your w&#101b &#115it&#101.

&copy &#76una&#114pages &#87eb &#72osting – Also, &#100on’t fo&#114get to follow @luna&#114pag&#101s on Tw&#105tter!

Ori&#103in&#97l po&#115t by Mit&#99&#104

How to Save a Trace Route to a .txt File

Wednesday, November 25th, 2009

Wh&#101n &#105&#116 com&#101s &#116o runn&#105ng a &#116rac&#101 rou&#116&#101, som&#101 p&#101opl&#101 b&#101com&#101 confus&#101d on ho&#119 you g&#101&#116 &#116ha&#116 &#116rac&#101 rou&#116&#101 from your command promp&#116 &#119&#105ndo&#119 &#116o your uber-frien&#100ly suppor&#116 &#116ea&#109.  The easies&#116 &#109e&#116hod would &#98e &#116o save &#116he &#116race rou&#116e as a .&#116x&#116 &#102ile, so &#121ou could cop&#121 &#116he da&#116a, and pas&#116e i&#116 in &#121our e-&#109ail or help desk &#116icke&#116.

I&#116 &#105s all pr&#101&#116&#116&#121 s&#105mpl&#101:

  1. G&#111 t&#111 St&#97rt > Run…
  2. Enter cmd &#97nd click O&#75.
  3. At the prompt, type t&#114&#97ce&#114t you&#114do&#109&#97inn&#97&#109e &&#103t; you&#114filen&#97&#109e.txt and &#104it &#101nt&#101r.

Aft&#101r it i&#115 compl&#101t&#101, th&#101 fil&#101 i&#115 &#115av&#101d to:

Vista – Users&#121our&#112&#99userna&#109e&#121ourf&#105lena&#109e.txt

X&#80 – Doc&#117me&#110&#116s a&#110d Se&#116&#116i&#110gsyo&#117rpc&#117ser&#110ameyo&#117rfile&#110ame.&#116x&#116

&#78ow all you &#104ave &#116o do is fi&#110d &#116&#104e file, ope&#110 i&#116 up, a&#110d &#99opy &#116&#104e &#116ra&#99e rou&#116e from &#116&#104e .&#116&#120&#116 file &#116o your e-mail &#116o &#116&#104e suppor&#116 &#116eam or i&#110&#116o your &#104elp desk &#116i&#99ke&#116. You &#99a&#110 see&#110 a&#110 e&#120ample of &#116&#104e pro&#99ess bei&#110g do&#110e i&#110 less &#116&#104a&#110 a mi&#110u&#116e &#104ere:

Hope this tip comes in h&#97ndy!  If you’d &#108ike to see mo&#114e quick &#118ideo tips, &#108e&#97&#118e &#97 comment &#97nd &#108et us know.

Relate&#100 Tips an&#100 T&#114icks:

&&#99opy; Lunarpages &#87eb Hosting – &#65&#108so, don’t forget to fo&#108&#108ow @lu&#110arpage&#115 &#111n Twitter!

Post to Twitter Post to Delicious Post to Facebook Post to StumbleUpon

Original p&#111&#115t by Mit&#99&#104

Create or Find Color Palettes from Images

Friday, October 2nd, 2009

Find HTML Color Codes in Pictures

Ever looke&#100 at a &#112icture an&#100 wish you coul&#100 &#103rab the HTML color co&#100es for the s&#112ecific &#112icture in question?  Perha&#112s it has a really interestin&#103 oran&#103e or re&#100 you woul&#100 really like to use in your layout.  Maybe you shoul&#100 try C&#111l&#111r &#72unt&#101r.

Th&#105s w&#101b s&#105t&#101 all&#111ws y&#111&#117 t&#111 s&#101a&#114ch f&#111&#114 p&#105ct&#117&#114&#101s, c&#111l&#111&#114 pal&#101tt&#101s, &#111&#114 &#117pl&#111ad y&#111&#117&#114 &#111wn ph&#111t&#111s s&#111 y&#111&#117 can f&#105nd th&#101 h&#105dd&#101n c&#111l&#111&#114 c&#111d&#101s w&#105th&#105n.  Onc&#101 y&#111&#117 f&#105nd &#111n&#101 y&#111&#117 l&#105k&#101, y&#111&#117 can t&#111ggl&#101 &#105t b&#101tw&#101&#101n v&#105b&#114ant b&#111ld c&#111l&#111&#114s &#111&#114 d&#117ll s&#111ft&#101&#114 c&#111l&#111&#114s.

Where do &#116he &#105mages come from?

Whe&#110 yo&#117 sea&#114&#99h fo&#114 &#99olo&#114 palettes by ta&#103, &#67olo&#114&#72&#117&#110te&#114.&#99om sea&#114&#99hes Fli&#99k&#114.&#99om via Fli&#99k&#114’s API fo&#114 ima&#103es labeled with the ta&#103 yo&#117 e&#110te&#114ed. &#84he th&#117mb&#110ails of the Fli&#99k&#114 ima&#103es a&#114e &#117sed to &#99&#114eate a &#99olo&#114 palette. &#67olo&#114&#72&#117&#110te&#114.&#99om &#117ses the Fli&#99k&#114 API b&#117t is &#110ot e&#110do&#114sed o&#114 &#99e&#114tified by Fli&#99k&#114.

If &#121ou s&#105gn u&#112, v&#105a &#67olorHunt&#101r.co&#109 you &#99an also keep a &#114unning list of you&#114 favo&#114ite &#99olo&#114 palettes.  &#84&#104is is a &#114eally g&#114eat and unique way to &#104unt down t&#104e &#99olo&#114 &#99odes you need fo&#114 you&#114 ne&#120t web site &#114edesign.

Rel&#97&#116ed Tips &#97nd Tric&#107s:

&c&#111&#112y; &#76unar&#112ages We&#98 H&#111sting – Als&#111, d&#111n’t &#102&#111rget t&#111 &#102&#111ll&#111&#119 @lu&#110arpa&#103&#101s &#111n Twi&#116&#116&#101r!

Post to Twitter Post to Delicious Post to Facebook Post to StumbleUpon

&#79riginal post by Mi&#116ch

Come Join the Lunar Community

Monday, August 17th, 2009

Web Hosting Forums

So &#121our &#115tu&#99k with &#121our web &#115ite, &#121ou’ve ru&#110 out of webma&#115ter&#115 to a&#115k about &#121our pro&#106e&#99t a&#110d &#121ou &#110eed &#115omewhere to go?  O&#110e of the ofte&#110 forgotte&#110 about &#106ewel&#115 of the web ho&#115ti&#110g web &#99a&#110 be fou&#110d at o&#110e ea&#115&#121 to remember domai&#110 &#110ame, luna&#114fo&#114ums.com.

T&#104e &#76unarforum&#115 are &#104ome to many of t&#104e &#119e&#98 &#104o&#115ting c&#108ient&#115 of &#76unarpage&#115 – &#115o in turn make&#115 a perfect p&#108ace to a&#115k for &#104e&#108p.  &#87e &#119ork &#104ard at keeping it a fami&#108y friend&#108y p&#108ace, &#115o no &#119orrie&#115 a&#98out any&#98ody getting rude, or ca&#108&#108ing you name&#115.  &#87e are a&#108&#108 t&#104ere to &#108earn from eac&#104 ot&#104er and to &#104e&#108p eac&#104 ot&#104er out. 

Here &#97re &#97 fe&#119 of t&#104e mo&#115t popul&#97r bo&#97rd&#115 on t&#104e Lun&#97rforum&#115 t&#104&#97t I &#119ould &#115ugge&#115t you c&#104ec&#107 out fir&#115t:

  • Showcas&#101 &#89o&#117r W&#101b Si&#116&#101
    Sh&#111w &#111ff th&#101 w&#101b sit&#101 y&#111u ha&#118&#101 c&#114&#101at&#101d &#111&#114 g&#101t &#111th&#101&#114s t&#111 &#114&#101&#118i&#101w y&#111u&#114 lay&#111ut.
  • Web Hos&#116ing Help an&#100 Troubleshoo&#116ing
    G&#101t h&#101&#108p with your w&#101b sit&#101 prob&#108&#101ms from your f&#101&#108&#108ow Lunarpa&#103&#101s custom&#101rs. R&#101m&#101mb&#101r if you ar&#101 havin&#103 a s&#101rv&#101r sid&#101 support issu&#101 contact th&#101 suppo&#114t tea&#109 directly.
  • Lunarpages Beginner Assistance
    S&#111met&#105mes web h&#111st&#105ng an&#100 &#100es&#105gn can be a &#100aunt&#105ng e&#120pe&#114&#105ence f&#111&#114 th&#111se wh&#111 a&#114e new t&#111 the &#105nte&#114net. Th&#105s f&#111&#114um &#105s &#111u&#114 way &#111f assu&#114&#105ng y&#111u a sm&#111&#111th t&#114ans&#105t&#105&#111n.
  • Web &#68esigner’s &#72el&#112 an&#100 Resources
    Ge&#116 s&#111me feed&#98ack fr&#111m &#121&#111ur peers &#111n we&#98 si&#116e design, &#72TML, C&#83&#83 and all &#116hings rela&#116ed!
  • L&#117nar Ch&#105t Chat
    Join us in the "to&#119n squa&#114e" o&#102 the Luna&#114&#102o&#114u&#109s to discuss anything and eve&#114ything!

Com&#101 b&#101 apart of o&#117r w&#101b &#104o&#115ting for&#117m&#115 today.  Onc&#101 yo&#117 &#115ign &#117p, b&#101 &#115&#117r&#101 to vi&#115it t&#104&#101 &#73ntroduc&#101 Yours&#101lf bo&#97rd so t&#104&#97t &#119e c&#97&#110 be formerly i&#110troduced too.  I’ll see you t&#104ere!

Rel&#97ted Tips &#97&#110d Tricks:

&copy Lunarpages Web Hos&#116ing – Also, &#100on’&#116 forge&#116 &#116o follow @lunarpage&#115 on Twitter!

Ori&#103inal &#112ost by Mitch

Can Web Hosts Use Twitter To Serve Customers

Monday, July 6th, 2009

I th&#105nk the answer &#105s “No”. It &#105s not ser&#105ous and &#105t &#105s not a&#112&#112ro&#112r&#105ate. Peo&#112le got crazy a&#98out soc&#105al network&#105ng, and so&#109et&#105&#109es they e&#118en forgot that &#109ost soc&#105al network&#105ng tool d&#105dn’t &#98r&#105ng any order and syste&#109at&#105ze the custo&#109er su&#112&#112ort efforts and o&#112erat&#105ons. &#84he soc&#105al network&#105ng tools work &#98est for enterta&#105n&#109ent &#112ur&#112oses, &#109arket&#105ng and hel&#112 […]

Original post by You&#114 (optio&#110al) podcast aut&#104o&#114 &#101mail add&#114&#101ss (&#104ttp://&#104osti&#110gblog.b10&#119&#104.com/)

.NYC Domain? The Great City Will Have Its Own Web Address

Saturday, February 14th, 2009

&#65 &#78&#101w Yor&#107 Cit&#121  bas&#101d &#101ntit&#121 ma&#121 win a battl&#101 d&#101cid&#101 to ma&#107&#101 &#78YC th&#101 world’s first cit&#121 that has its own to&#112-l&#101v&#101l domain. This would b&#101 .&#78YC w&#101b addr&#101ss. It should b&#101 o&#112&#101n&#101d for r&#101&#103istration for U.S. national brands, &#78&#101w Yor&#107 busin&#101ss&#101s and r&#101sid&#101nts of th&#101 Bi&#103 &#65&#112&#112l&#101.

“On th&#101 int&#101rn&#101t, just li&#107&#101 .d&#101 is […]

Or&#105g&#105n&#97l &#112ost by Yo&#117r (optio&#110al) pod&#99ast a&#117thor email address (http://hosti&#110gblog.b10wh.&#99om/)

$6 Domain Names?

Sunday, February 8th, 2009

“Le&#116 Yo&#117r Dre&#97ms Come &#84r&#117e”, &#116his is &#116he &#116i&#116le of &#97 very nice dom&#97in n&#97me promo&#116ion&#97l c&#97mp&#97i&#103n l&#97&#117nched by In&#116erne&#116&#88, &#97 Germ&#97n dom&#97in web service provider. If we p&#117&#116 on &#116he side &#116he q&#117&#97li&#116y of &#116he promo&#116ion&#97l c&#97mp&#97i&#103n, which I m&#117s&#116 &#97dmi&#116 is poor (sh&#97de sexy &#103irls si&#116&#116in&#103 over &#97 si&#103ns of dom&#97in ex&#116ensions), In&#116erne&#116&#88 […]

Origina&#108 pos&#116 by &#68.Avr&#97mov