(via onkulis.com)

Related posts

1. Graphic vs. Web Design
2. Page Speed 95/100

$text = preg_replace("/\r\n+|\r+|\n+|\t+/i", " ", $text);

Related posts

1. Remove Inline CSS and Line Breaks in WordPress Galleries
2. How to Extract Heading Content (H1, H2, etc.) from an HTML String Using Regex
3. Simple Fullscreen Text Editors for Students, Bloggers, Journalists and Writers

preg_match_all('|<h[^>]+>(.*)</h[^>]+>|iU', $html, $headings);

Related posts

1. Logos and Names Are Not Headings
2. How to Create Beautiful and Elegant HTML Lists Using CSS
3. Remove index.html from the URL

Please note that there could still be some bugs and the code hasn’t been polished for a production use, but it serves as a very useful example of some of the most interesting HTML5 features such as localStorage and offline cache.

You can fork it on GitHub or download from the project page.

Related posts

1. Self-hosted HTML5 Notepad App With Synchronization
2. Got a meta in a heada’ — supporting standards and welcoming IEn where n = 1…∞

For some reason YouTube doesn’t offer a simple way to embed your YouTube channel. The only official method is to manually create a playlist with all your videos and embed that. However, it requires additional work after every upload which is not cool, especially if you’re on a mobile. Here is a simple script that creates an HTML5 (iframe) player using the YouTube API:

(function() {
    function createPlayer(jqe, video, options) {
        var ifr = $('iframe', jqe);
        if (ifr.length === 0) {
            ifr = $('<iframe scrolling="no" frameborder="no">');
            ifr.addClass('player');
            if (options.playeropts)
                ifr.attr(options.playeropts);
        }
        var src = 'http://www.youtube.com/embed/' + video;
        if (options.playopts) {
            src += '?';
            for (var k in options.playopts) {
                src+= k + '=' + options.playopts[k] + '&';
            }
        }
        ifr.attr('src', src);
        jqe.append(ifr);
    }
    var defoptions = {
        autoplay: false,
        user: null,
        player: createPlayer,
        playeropts: {},
        loaded: function() {},
        playopts: {
            fs: 1,
            showinfo: 1,
            modestbranding: 1
        }
    };
    $.fn.extend({
        youTubeChannel: function(options) {
            var md = $(this);
            var allopts = $.extend(true, {}, defoptions, options);
            $.getJSON('http://gdata.youtube.com/feeds/api/users/' + allopts.user + '/uploads?alt=jsonc&v=2', null, function(data) {
                var videos = [];
                var playlist = '';
                $.each(data.data.items, function(i, item) {
                    videos.push(item.id);
                    if (i > 0)
                        playlist += item.id + ',';
                });
                allopts.playopts.playlist = playlist;
                allopts.player(md, videos[0], allopts);
            });
        }
    });
})();
$(function() {
    $('#player').youTubeChannel({user:'kasparsdambis', playeropts: { width: 400, height: 280 }});
});

Related posts

1. Pāri jumtiem lido kaijas
2. Sunday with Beethoven
3. jQuery Script for Loading More Posts

I noticed this bug on this page — the heading “Kāzu ABC” was rendered aliased despite having the main menu in between that heading and the logo which had font-size:1px; applied. The only way to fix this is by avoiding aliased text directly before elements that use @font-face.

Here is a live demo of the bug.

Related posts

1. We’re back with a free font suggestion — Liberation Sans
2. No Font Embedding, Please
3. Replace WordPress Login Logo With Your Site’s Name and Link

Here are a few things that are wrong with this design: dictionary definition cliche; why is the spam count so prominent and has two versions — I bet that most people can’t even pronounce that number; too many words to explain a simple idea.

Here is a suggested re-align:

add_filter('login_headerurl', 'my_login_url_local');
function my_login_url_local() {
	return get_bloginfo('url');
}
add_filter('login_headertitle', 'my_login_title_attr');
function my_login_title_attr() {
	return esc_attr(get_bloginfo('name'));
}
add_action('login_head', 'my_style_site_name');
function my_style_site_name() {
?>
	<style type="text/css">
	h1 a { width:auto; height:auto; text-indent:0; overflow:visible; text-decoration:none; color:#666; display:block; margin:0; padding:0 10px; background:none; }
	h1 a:hover { color:#000; background:none; }
	h1 { font-family:'helvetica neue', arial, sans-serif; font-weight:bold; text-align:center; font-size:2em; width:310px; position:relative; right:-8px; margin:0 0 1em 0; }
	</style>
<?php
}

Here is how it will look:

Related posts

1. Notes on the 2010 WordPress Theme
2. Remove Inline CSS and Line Breaks in WordPress Galleries
3. How to Automatically Add Image Credit or Source URL to Photo Captions in WordPress

<form name="google-search" method="get" action="http://www.google.com/search">
	<input type="hidden" name="sitesearch" value="http://yourdomain.com/" />
	<input name="q" type="text" />
	<input type="submit" name="sa" value="Google" />
</form>

which will look like this:

This form does redirect your visitors to Google, but the results returned are only from your site, so there is nothing to worry about. And with Googling indexing blogs almost instantly, there are actually very little drawbacks from using this approach for site search.

Related posts

1. Optimize for search engines or users?
2. Show Ads Only to Visitors Coming from Search Engines
3. Google Sitelinks

It would be really interesting to know if there would be enough demand for $10 themes to cover the reduced markup.

Related posts

1. WordPress, Themes and GPL
2. Free Software, GPL and WordPress
3. Member of the Free Software Fundation