Klaus Weidenbach
5 days ago
What a great single-page design. Nice scrolling effects.

We are Jolla. We are Unlike. | Jolla.com on Jolla


They want to ship at the end of 2013 for €399.
Categories: Webdesign
Klaus Weidenbach
7 days ago
What a totally broken page on a tablet. o_O #esc2013 #fail

Eurovision.tv by Jakov Leon on Eurovision
The official website of the Eurovision Song Contest (Malmö 2013), featuring the latest news, photos, videos, information about the contestants, the show, the contest's rich history and more.
Categories: Webdesign
Klaus Weidenbach
1 week ago
BDD tools
Mink and Behat, two tools I need to try when back from #oxcom13. I tried cucumber two years ago, but couldn't get it running. This looks really promising.
Categories: Webdesign , QA
Klaus Weidenbach
2 weeks ago
HTML5 download attribute
"Right click and save as" needs to go away on Svarden
For a long time it has been standard practice to ask visitors to "right click and save as" when downloading a file that the browser itself is capable of rendering, but where doing so is not desirable. One reason for doing this is to spare people from the annoying expe...
Categories: Webdesign
Klaus Weidenbach
3 weeks ago
obsolete hgroup
Just eliminated hgroup. Not sure yet about the right alternatives. At least my page validates as valid #HTML5 again.

How to mark up subheadings, subtitles, alternative titles and taglines | HTML5 Doctor by Steve Faulkner on Html5doctor
If you don’t already know, the hgroup element is obsolete in HTML5. Advice is now provided in the HTML spec on how to mark up subheadings, subtitles, alternative titles and taglines using existing and implemented HTML features. The important question for developers is: How do I mark up these buggers??? To answer this advice has been added to the ...
Categories: Webdesign
Klaus Weidenbach
3 weeks ago
The Cicada Principle and Why It Matters to Web Designers
Very impressive work! Using CSS and prime numbers to generate appealing random patterns.

The Cicada Principle and Why It Matters to Web Designers - DesignFestival by Alex Walker on Designfestival
A few weeks ago we looked at the process of making seamless tiles. As super-​​useful as seamless tiles are, it can be tough to get the balance just right.
Categories: Webdesign
Klaus Weidenbach
3 weeks ago
Lorem Ipsum Alternatives
I didn't knew there exist so many Lorem Ipsum alternatives.

Keine Lust auf Lorem Ipsum? 15 schräge Alternativen by Profil von Lars Budde anzeigen on T3n
Du bist auf der Suche nach Fülltext, hast aber keine Lust auf Lorem Ipsum? Ob Bacon oder Veggie Ipsum, wir haben die perfekten Fülltext-Variationen für jeden Webdesigner. Sogar Charly Sheen, Samuel L. Jackson und Barack Obama sind dabei.
Categories: Webdesign
Klaus Weidenbach
2 months ago
Wookmark
Another interesting #jQuery plugin Wookmark which lays out a series of images in a dynamic column grid.

Wookmark jQuery Plugin on Wookmark
Javascript to create a waterfall grid layout.
Categories: Webdesign
Klaus Weidenbach
2 months ago
OpenWeb Icons font
OpenWeb Icons (a font!) on Github
Why OpenWeb Icons? Because Font Awesome had no RSS-icon and a font with only one icon would be a bit boring...!
Categories: Webdesign
Klaus Weidenbach
2 months ago
Client-side templating
Interesting proposal.

HTML's New Template Tag: standardizing client-side templating - HTML5 Rocks on Html5rocks
A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.
Categories: Webdesign
Klaus Weidenbach
2 months ago
HTML5 offline
Have read often about these new #HTML5 offline features, but saw them really seldom in production.

HTML5 Offline - Linux Magazine on Linuxpromagazine
An offline cache in your browser and a bit of HTML5 acrobatics combine for interactive web applications that keep working even when the Internet connection breaks down.
Categories: Webdesign
Klaus Weidenbach
2 months ago
An interesting interview with Eric Meyer about #CSS.

An Interview with Eric Meyer on Davidwalsh
I had a moment to interview CSS author, developer, and legend Eric Meyer. We talked about the history of CSS, CSS' problems today, and where we go from here.

The answer to the question what mistakes developers most frequently make has some important points. Removing of focus outlines and the end of control over a page layout.
Beyond that, the biggest is probably still that developers think CSS gives them absolute control over page layout and presentation. It doesn't, and was never supposed to: CSS gives you presentational influence, and that's it. Granted, that influence is very strong, but it can still be overridden by users, by devices, by any number of things.
I hope developers know this, but it also seems something that is really hard for customers to understand and accept.
#css
Categories: Webdesign
Klaus Weidenbach
2 months ago
Impressive charts library under MIT license.
Chart.js | HTML5 Charts for your website. on Chartjs
Open source HTML5 charts using the canvas tag. Chart.js is an easy way to include animated graphs on your website.


Unbelievable how many polyfills are out there.
Modernizr on Github
So here we're collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don't natively support them.
Categories: Webdesign
Klaus Weidenbach
2 months ago
Bad webdesign wins again
I hate IE for letting me do such things! :-(
<!--[if lte IE 8]>
<script type="text/javascript">
$('#fs-2 li:first').css("display", "block");
$('#fs-2').attr("id", "#fs-badIE8");
</script>
<![endif]-->

Needed for a navigation with a hover submenu over a flexslider slideshow.


But I found much more evil stuffs:
Browserhacks on Browserhacks
An extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.
Categories: Webdesign
Klaus Weidenbach
4 months ago
Photobox image gallery
I like this #CSS3 and jQuery image gallery.

Photobox - CSS3 image gallery modal viewer on Dropthebit
A lightweight CSS3 image gallery that is pretty to look and and easy to use
#css3
Categories: Webdesign
Klaus Weidenbach
5 months ago
Furchtbarer Tag
Habe heute auf voller Linie versagt und kapituliert. Ich habe echt angefangen Browserweichen für Webkit Browser zu schreiben. :-(
Categories: Webdesign
Klaus Weidenbach
11 months ago
SASS
Interesting comparison between #SASS and #LESS by Chris Coyier. Wanted to try #Compass for some time which is based on SASS. Should try get my homepage relaunched and play with it. Would love to use it on my next project at office.

Sass vs. LESS | CSS-Tricks on Css-tricks
"Which CSS preprocessor language should I choose?" is a hot topic lately. I've been asked in person several times and an online debate has been popping up every few days it seems. It's nice that the conversation has largely turned from whether or not preprocessing is a good idea to which one language is best.
Categories: Webdesign
Klaus Weidenbach
1 year ago
Impressive animation effects for web #typography.
#CSS3 #webdesign

Rotating Words with CSS Animations | Codrops by Mary Lou on Tympanus

In today’s tutorial we’ll create another typography effect. The idea is to have some kind of sentence and to rotate a part of it. We’ll be “exchanging” certain words of that sentence using CSS animations. ...
Categories: Webdesign
Performance: Database: 0.524, Network: 0.477, Rendering: 0.019, Parser: 0.02, I/O: 0.017, Other: 0.113, Total: 1.17