dribbble.com – Inspiration systematized

The famous Danish author Hans Christian Andersen said: "To travel is to live" in these times we travel whenever we browse the Internet. You will be inspired as web developer and as a person. This site is distinguished by having categorized inspirational websites.One can on the website "http://dribbble.com/" (subtitle: “What are you working on?”) take different angles on a series ofinspirational websites. What angle do you have? Looking for sites in a particular color? Is there a keyword (tag) that you want to see inspirational sites? Or will you just let you takearound through random taste guided clicks?

The front page – landing page at dribbble.com

Landing on dribbble.com you view the most popular websites – I am not sure if it makes sence as a prime filter, cause what kind of search angle is that? Ofcause you get a view of (in theory) great websites, even if you probertly will have other preferences like “Give me somthing blue”, not “just” “give me something popular”.

The colored angle – sort by color

Each company has its own color (s) – what is more natural than to take inspiration based on the same color? If you’re an open person and want to travel with colored glasses, socan it dribbble.com.

Buckets – you may call it “categorized”

Websites sharing the same categorize, for instance “UI” have been collected in “Buckets”. Even within buckets you can see the tags found in the bucket.

Other filtering options

Other that the filtering options described above some other ways of filtering the content also exists:

Everyone
Debuts
Playoffs
And many tags, like: Live and iOS

From Frontenders DK – other inspirotainal sites for you to explore

This blog post has its root in a facebook group “Frontenders DK” which roots in Denmark. I am active in this group and participate in the activies happening in the Aarhus branch of Frontenders DK. It is a group of active frontend developers sharing knowledge and meeting up from time to time.

This blog post was created using a post by “Kristoffer Kjelde” send as part of a thread in the group created by Brian Christensen.

Onepagelove.com (subtitle: “The ultimate showcase of one page websites”) suggested by Brian Christensen
Books “webdesign index” suggested by Henrik Oldenborg
www.webdesignserved.com (subtitle: “Curated work from leading creatives on Behance”) suggested by Kim Dolleris
http://box.mepholio.com/ (subsite: “Websites & collections”) suggested by Nikki R.D. Strømsnes

Test: jQSlickWrap jQuery plugin–wrapping text around irregular shapes

I think that it can look great if text flows around irregular shapes. Something which have been possibel for years on DTP (Desktop Publishing). We are getting the same effect here on the internet soon when CSS3 regions will be ready for release.

I have found and testet a jQuery plugin which in a simple way adds such “knocking out” features to your webpages.

To the left you can see a test/demo page in which I have written about how you can use it and how I found the plugin.

Read and see the plugin in action here: “Testing SlickWrap jQuery plugin”

Use <!–@ParagraphContainer–> to make paragraphs render different content depending on placement #Dynamicweb

With the Dynamicweb Layout system you define various content areas in the Layout file like this:

Part of example layout template:


<div id="left" class="dwcontent" title="Left content" settings="paragraph:left.html">We do not want module content here, for some strange reason</div>

<div id="main" class="dwcontent" title="Main content" settings="paragraph:main.html"></div>

<div id="right" class="dwcontent" title="Right content" settings="paragraph:right.html"></div>

This will create a three column page. Imagine that in the left col we do not want the user to be able to add paragraphs which renders module output. We can do that by adding tests for the ParagraphContainer value in the paragraph templates like this:

Part of example paragraph template


<!--@If(ParagraphContainer!="left")-->

output your content here

<!--@EndIf-->

The above test will ensure that no content will be returned if you use the paragraph in the left coloum. Combined with a selected default paragraphtemplate (settings="paragraph:left.html") as you can see in the layout file above, will help ensuring that editors will

a) Get a head start with choise of template (a default will be selected for them, related to which content area they add content to

b) No paragraph templates outputing module content can be added to the left coloum

A wish for improvement to the Dynamicweb template system

This leads to my wish for an improvement in the Dynamicweb template system: Please add two tags from the paragraphlevel template to the module template:

a) ParagraphContainer – so that the module template will be aware of in which layout placeholder it is rendered

b) ParagraphName – Which paragraph template is used? Allows the module content to be controled by the paragraph used for it. This would actually also be relevant to add to the paragraph template too.

tversity kan give dit DLNA tv nyt liv!

Jeg er glad for mit TV, et Samsung LED tv som jo kan hvad man sådan går og har brug for i et TV. En af de ting det kan er DLNA, og hvad er nu det for noget? DLNA tillader at dit fjernsyn kan afspille indhold fra andre eksterne enheder, f.eks. din computer.

Jeg har fundet et godt program der findes i en gratis version: “Tversity” som du finder på http://tversity.com/ er nemt at downloade og installere.

Det kan streame indhold fra din computer til dit TV, så billeder, musik og videoer er nemt at vise på dit TV. Ud over det kan den også streame indhold fra internettet. Som du ser ovenfor er der en række online video kanaler. Hvis du bliver glad for den gratis udgave og bliver træt af at blive mindet om at “det kan du hvis du køber pro udgaven” så kan du købe $ 39,95 – som i skrivende stund ifølge google er 220,47 kr. Det er jo efter min mening ikke et skræmmende beløb.

Find Tversity serveren via din fjernbetjening

.For at dit TV kan afspille streamet indhold fra din computer skal de være på samme netværk. På mit Samsung TV klikker jeg på “Media P.” og skifter så over til “Tversity” som kilde. Når jeg først har gjort det er der næsten uanede muligheder for at streame indhold! Lige fra YouTube til musik eller egne billeder på min PC. Mit TV er pludselig ikke længere begrænset af hvad YouSee sender eller det indhold jeg kan se gennem Samsungs apps. Det er sejt!

Mere om emnet når jeg får testet den… (og opgraderet)

www.netsi.dk

"The internet is just a layer on the real world" (don't forget that!)

Monthly Archives: April 2012