Posts by unisphere

Forgot to say that when your theme accesses this remote file on your server it should cache the results (using transients for example) so that hundreds of your client’s themes don’t hammer your server.

Here’s the solution I’m using on one of my themes.

Create a php file on your server and paste the following code with your own API Key:

<?php
$apikey = 'XXXXXX'
$cachefile = 'fonts.json';
$cachetime = 60 * 60;
// Serve from the cache if it is younger than $cachetime
if (file_exists($cachefile) && time() - $cachetime < filemtime($cachefile)) {
    include($cachefile);
    exit;
}
ob_start(); // Start the output buffer

/* The code to get the google web fonts list goes here */
$ch = curl_init('https://www.googleapis.com/webfonts/v1/webfonts?key=' . $apikey);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
$content = curl_exec($ch);
echo $content;
curl_close($ch);

// Cache the output to a file
$fp = fopen($cachefile, 'w');
fwrite($fp, ob_get_contents());
fclose($fp);
ob_end_flush(); // Send the output to the browser
?>

This will output the Google Web Fonts list in JSON format and will cache the requests for 1 hour so that the API doesn’t reach the access limit (make sure that the script can write as it creates a file called fonts.json that actually contains the font list as cache).

In your themes you can make an HTTP request to this remote file on your server and filter any fonts you want since this list contains ALL fonts available (this script guarantees that the font list is up to date).

Hope this helps, have fun

Congrats Jonathan, awesome job and greatly deserved milestone

Hehe, no difference but it’s easier and saves time

Great new tool from 37signals that lets you test your localhost development sites and apps on a physical device, just find your current lan ip address and append it with .xip.io

It’s magical: http://xip.io/

After developing my first responsive theme there’s one thing that really bugs me, the #$% lightbox appears all wonky on mobile devices. Well, today I came up with a small custom CSS that you can apply to your media queries and it should look pretty much equal in every theme using prettyPhoto

Grab the code here: http://pastie.org/4034229

See what it looks like: http://screencast.com/t/UJ9gZmsVgfI4

Keep in mind this is a very early solution, would love to see what you can add to the above code to make it even better.

Cheers

I know it must have taken a lot of time and effort to go through 1700+ items and analyse them individually, all I can say is thank you, good job!

Cheers

Congratulations buddy, good job

This was the first time growing a Mo and I’m keeping it

Yeah I don’t like it either especially when the first of those 3 themes with equal names is mine…