Näytetään tekstit, joissa on tunniste web. Näytä kaikki tekstit
Näytetään tekstit, joissa on tunniste web. Näytä kaikki tekstit

sunnuntai 12. tammikuuta 2014

The best Firefox plugins for web developers

Tamper Data
JSONView
XPath Checker
Here's a bunch of Firefox plugins for the web developers out there. If you are only going to install one, then Firebug is obviously a no-brainer (and you should already have it if you are a developer), but these others are very useful as well. Listed in alphabetical order:
  • Advanced Cookie Manager: Inspect and easily edit and/or remove any cookies there are
  • JSONView: Makes JSON documents easily inspectable with syntax highlighting and collapsible structure
  • Live HTTP Headers: Makes it trivial to inspect the HTTP headers of all requests and their responses
  • Tamper Data: Modify HTTP and HTTPS post parameters and headers
  • XPath Checker: View and test XPath expressions on the current page
Finally, there's a whole array of plugins for Firebug and there's something for everyone, so I'm not going to list any individual plugins from there. Just take a look and pick whatever you might like. :)

tiistai 3. huhtikuuta 2012

URL shorteners

Have you ever had to share a long link to some website with someone? Perhaps something like this: http://maps.google.com/?ll=60.169145,24.952417&spn=95.287566,270.527344&vector=1&hnear=Helsinki,+Suomi&t=w&z=3&layer=c&panoid=-fKxq5ulDCh5MjWvf2lsqw&cbll=60.169145,24.952417&cbp=13,-9.198922634831321,,0,-3.4772653749464837&source=gplus-ogsb? You can be sure that if you send a link like that over the email it gets cut at some point and breaks. So, what to do? Enter URL shorteners.

URL shorteners take a long URL and create a short alias for it. One of the oldest ones, if not the oldest, is TinyURL. The user interface is simple: you take your long link, paste it into the box on the site and click the button. The long link above then becomes a much more manageable "http://tinyurl.com/cs92l4u". On the site you can, in theory, also choose a custom name for your URL, instead of the randomly assigned string "cs92l4u". However, TinyURL is so old and popular that most good short names are already taken. If you want to know where a TinyURL link leads to, you need to add "preview." in front of the domain name like this: http://preview.tinyurl.com/cs92l4u.

TinyURL links are short and good for email and newsgroups, but they could be shorter. bitly is a good alternative for many reasons. First, the domain name they use by default is "bit.ly", i.e. just six characters instead of the 11 in "tinyurl.com". If you create an account to bit.ly you also get an access to the shortest possible short domain address "j.mp", which is just four characters. Second, bitly provides extensive tracking for the links shortened with it. Shortening the long link above gets me this: http://j.mp/H5Go2J. Now, when I want to see the statistics of any bitly or j.mp link I'll just add a "+" sign at the end of the URL: http://j.mp/H5Go2J+. Tadah! On that page you can also see a QR code for the URL, to be read with the camera of your smartphone. Unfortunately, bitly does not allow you to choose the name for your link: it's always a random string of characters. bitly does, however, allow you to create collections of links, i.e. bookmark lists. See, for example, my list of the most interesting TED talks.

Yet another URL shortener is is.gd, pronounced "is good". You can choose to have it log statistics and it also creates a QR code for your URL, but there's no registration or login required. The example link shortened to http://is.gd/yitefe with the "lower case pronounceable" option selected. The preview page is the URL with a minus sign added, and from that page you can also access the statistics (if you chose them to be logged) and the QR code: http://is.gd/yitefe-. is.gd is also newer and less popular than TinyURL so you actually have a chance of getting some meaningful short name assigned to your link -- for example, the http://is.gd/bookofjobs address now leads to my post about the biography of Steve Jobs.

The next URL shortener is called Tiny Arrows. The URLs created with it look really special: they actually have tiny arrows in them! Tiny Arrows never assigns a random string to your URL so you are forced to think of a name for your link, which is not bad. I shortened the example URL to this: http://➡.ws/senatesquare. What's also special about this shortener is that it doesn't take you to the target right away but actually shows a short countdown during which you see the actual URL of the page you are about to enter. You can also bypass this countdown by clicking a link or disable it altogether from ever appearing to you again.

Next, t.co. It's not a link here because it doesn't really have an user interface: it is integrated to Twitter. So when you post any link to Twitter, it gets shortened using t.co. They rolled this service out in 2010 when they decided that they want to track the links and that their users shouldn't need to use third-party services for posting long links to Twitter. Not much to say about this one besides that, but it's good to know about it. It doesn't give the tracking information to you, so if you want to track the clicks, you still need to use, say, bitly.

So, is that all? Nope, there are still some services worth mentioning, like the mcaf.ee shortener by the computer security company McAfee. Because they are a reputable computer security company, they have a pretty good idea on which web sites are safe and which ones may try to infect you with viruses. So, the mcaf.ee links are safe to click. They also display a frame at the top of the page telling you security information about it. The example URL to Google Maps that I've been using in this post is a bad example in this case because it breaks out of the frame, but take the Steve Jobs post again: http://mcaf.ee/mgj7b. You'll see the "This site is Safe" text at the top of the page, along with a link to a detailed site report (which, in the case of this blog, tells you almost nothing, but anyway..).

ShadyURL is the opposite of mcaf.ee: it creates links that look really, really suspicious: something along the lines of http://5z8.info/best-russian-sites-for-bootleg-everything_r7c1lr_b00bs for example. It's more of a satire of an URL shortener than an actual URL shortener. :) And finally, if all those links were too short for you, then HugeURL is your service: it expands any URL into a ridiculously long one!

OK, we are almost in the end. There are many utility services also built around the concept of URL shorteners. For example, there are various browser plugins. For Chrome, the bitly plugin creates and copies short URLs to clipboard with one click. There are also services that show you the expanded links, possibly as tooltips over the shortened URLs. For Chrome, there's View Thru for that. For Firefox there are URL Shrink Easy and Long URL Please for the same purposes.

Finally, a word of warning: like any other website, a URL shortener site may stop working. At that point all of your short links will also stop working. This is called link rot. So keep your important links in the full form and only use shorteners if you figure that no damage will be done in case the link would stop working in a week or in a year. You can lower the risk of your links rotting by only using reputable shorteners, such as TinyURL and bitly, even though there are actually dozens of URL shorteners available.

perjantai 11. marraskuuta 2011

The best TED talks

I have compiled a list of the most interesting TED talks I have watched so far. There's a talk about gaming, a couple about data visualization and a few about brains. There's a talk by F-Secure's Mikko Hyppönen and one by the skeptic James Randi. MythBuster Adam Savage's talk is also featured. It's not about robots but there's another one about them as well. Currently there are thirteen talks but I'll probably update the list as I encounter more good enough talks. Watch one or a few, let me know what you think about them and also feel free to suggest new talks for me to watch!

perjantai 21. lokakuuta 2011

TED: Ideas worth spreading

TED is a non-profit organization arranging conferences where the top experts of various fields give short, 10 to 20 minute talks on all kinds of topics. TED is short for "technology, entertainment and design", but the scope has expanded vastly since the original conference back in 1984. I have been watching the TED talks with my smartphone using the TED Air app, but they are viewable at the TED website as well.

If you now got even slightly interested I recommend starting with a short talk and a familiar topic. I'll make it really easy for you and post a suitable video right here. The talk is called Doodlers, unite! and it's just six minutes long:


Now, I haven't watched that many talks yet but they have all been very fascinating. Jill Bolte Taylor's stroke of insight, for example, is, as far as I understand, regarded as one of the best TED talks ever. I'm tempted to give more suggestions on what to watch but as I haven't watched even ten talks myself I'll just give you a link to the most viewed TED talks which should be a good starting point for finding some interesting ideas worth spreading.

tiistai 6. huhtikuuta 2010

Tools for web developers

A handy tool for web developers is Dynamic Drive's Gradient Image Maker. Creating gradient images is a basic thing that a web developer has to do and there's no need to fire up Photoshop for something like that. Microsoft Paint can be used to create gradients, too, but a dedicated tool beats that hands down. :)

Another nifty tool, possibly for selecting the colors for your gradient, is Iconico's ColorPic. It can be used to pick a color anywhere from your screen. It's got an adjustable magnifier, you can nudge the mouse cursor pixel by pixel using the arrow keys, and you can select the average color of a small area of pixels in case selecting the color of a single pixel is not desired!