Archives for posts with tag: twitter

Chrome extensions are simpler than you think. They’re written with web languages and can be as simple as pure HTML, CSS, and a few lines of Javascript. Right now we’re going to make a ‘browser_action’ extension.

Download this .zip file and follow along! Extensions are fun and easy!

An extension is entirely based on one file called manifest.json. The manifest.json file contains your extension’s information and tells Chrome what the extension will do. The necessary elements for browser_action are default_icon, which links to the icon you see in the corner of your browser, and default_popup, which is the ‘page’ that opens when the icon is clicked. But enough babbling, let’s get started on your first extension!

1. Create a folder for your extension!

(Or download this .zip file and follow along!)

2. Create your manifest.json!

Create up a new text file in your extension’s folder and name it manifest.json, then add the following code:

{
 "manifest_version": 2,
 "name": "My First Chrome Extension",
 "description": "Description of your extension goes here.",
 "version": "1.0",
 "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
 }
}

3. Create your popup.html!

Next, create your popup.html file. In this file, put whatever you want to be in your pop up! Here’s what mine looks like:

<!doctype html>
<html>
  Hey there!
</html>

4. Every great extension needs an icon.png!

icon

Finally you need an icon. Download this one for our demo! browser_action icons need to be 19×19 pixels, and should use alpha transparency so they look good on different themes.

Got your manifest.json, popup.html, and icon.png files? That’s it! You’re extension is ready to be installed!

Unpacked Extension Installation

Screen Shot 2013-05-12 at 4.27.55 PMGo to chrome://extensions, check that you’re in Developer Mode, and click Load Unpacked Extension. Select the directory containing your manifest.json, popup.html, and icon.png files and presto! Your extension lives! Wasn’t that easy?

Imagine the possibilities. Anything you can build on a website, you can build in a Chrome extension. We’ve barely scratched the surface of what’s possible with extensions. If you’re thirsty for more, check out this fun and informative post on Lifehacker, and the extremely helpful official Google Chrome Developer Documentation.

I hope you had as much fun making your first Chrome extension as I did writing this. Don’t be shy, let me know if you write any sweet extensions!

Don’t forget to follow me on Twitter & Dribbble, happy extensioning!

Advertisements

Vine has been around for just under a week now, and it’s shaping up to be quite a big deal. Here’s why.

1. It’s the easiest app to use, possibly ever.

Any five-year old could figure out how to use Vine. By implementing the “touch the screen” mechanic as the primary action, Vine makes creating fun video loops as simple as possible. It literally could not get any simpler. Did I mention it’s fun, too? The instant gratification of creating something cool, interesting, beautiful, or just silly is enough to convert any skeptic to an evangelist in 5 minutes.

2. Make friends with people who share your passions

I’m an avid skateboarder. A quick #skateboarding search in vine reveals there are dozens of other techies who skateboard too! Anyone who takes the time and effort to create a cool video about a mutual interest is just a friend you haven’t met yet.

3. Insanely simple integration

The first place you saw Vine was probably on Twitter. That’s because they’re from the same vine. (hah!) Twitter acquired Vine, and made sure integration was as seamless as possible. It takes about 3 seconds to embed a vine on a web page.

From twitter, simply find the tweet the Vine is posted in, click the ‘…’ icon for more options, click ‘Embed Tweet’, and copy/paste the generated code into your web page or blog post and BOOM:

Instant Vine on your blog! Check out an example of embedded Vines on the official Vine blog.

4. Constraints result in creativity

There’s been a lot of criticism about the 6-second time limit. But when you hit a wall, creative people build ladders. And when there’s nothing to build with, they find a way to run up the wall anyway:

By forcing constraints, Vine gets users to think creatively and come up with lots of cool stuff. Don’t believe me? Watch Justvined (allows you to watch 20 vines at a time live as they are posted) for a few minutes and try not to have your mind blown. Want a one-at-a-time vine experience? Check out VinePeek.

In conclusion,

Vine is different, fresh, fun to use, and plays nice with the best communication platform in the world (Twitter). What’s not to love?

Follow me on Vine, @willdjthrill

And on twitter while you’re at it!

Happy Vining!

What is instagram?

Instagram is an amazing photo community consisting entirely of iPhone photographers.

I downloaded Instagram when my friend told me about it several months ago. I was instantly hooked. Not only does it provide a cloud to save and keep track of all your fun, quirky photos, but there are tons of users that you can ‘follow’ so that their photos appear in your home feed.

The UI for Instagram's stream.

Instagram allows you to easily put filters on them that bring out the personality of the photo. The beauty here is that the blandness normally resulting from camera phones is now a non-issue. You can quickly slap a colorful or high contrast filter on a photo so that it emulates real life!

But what’s best of all is that Instagram allows for EASY platform integration. When I take a photo, it is posted to my Tumblr blog, my Twitter, AND my Facebook immediately, allowing me to share events, news, or exciting finds real time across all my social media platforms. (I wonder how long it’s going to take them to add Google+?)

"It's a beautiful day for a Pool Party @TheEstates! Come hang out! #swag #weekend" an appropriate tweet accompanying this photo.

I use Instagram nearly every day- and dozens of times throughout the day on the weekends and on vacation. To check out photos from my recent trip to New York (and the rest of my Instagrams) follow me on Instagram @willnewton or check out my blog’s Instagram tag feed!

So the next time somebody asks you about Instagram remember everyone, it’s more than just a photo app.

Download Instagram here: http://instagr.am/ (try putting it in your phone’s browser!)