web dev links

March 27, 2010

Just passing along a couple of web dev links:

http://go2web20.net/

http://www.killerstartups.com/

that is all…

Advertisements

Question of the day: How to embed youtube videos & make them fit…

March 26, 2010

Depending on what browser and resolution you are using, you may find that your content (such as blog posts) which have embedded videos are running over your blog post area. You COULD change your stylesheet, but if everything works except for embedded Youtube videos, an easier answer might be to change the width of the Youtube player. This is super easy to do.

First you need to find a video that you want to use. 😉 Not all Youtube videos are embeddable and many copyrighted ones are not. If that is the case, you’ll need to just link to them.

Get the code from Youtube

If you’re looking at the main user channel, you may not see the embed links, but you can get to them in a number of ways.

Underneath each of the videos posted on the channel, is a tab/button which says Info. Click on Info and you will see
View comments, related videos, and more
Click on this get to the video with its embeddable info.


The Embed box holds the code for the embeddable video. If you look carefully in the Embed box, you can usually see what the size is — object width is the width that the embeddable video will be.

If the pre-configured options will work, you can skip customizing the code; just grab a copy (Ctrl + A) of the code from the Embed box. You’ll be ready for the blogger section then.

To customize the embeddable video:
Click on the tiny star icon (whoa, is that easy to miss!). Clicking on this will show you the different pre-configured sizes for an embedded video including size and color for the player.

Below the Embed box you will now see a bunch of options to configure your players.

Note: Include related videos may or may not include videos from the same user or necessarily on the same topic. If you want to create a group of videos, your better bet is to make a playlist, which can then be embedded.

In the Embed box, you will hit Ctrl + A (or right click Select All, if you have that functionality).

Embedding a video into a Blogger post
For Blogger (blogspot blogs) you MUST switch to the Edit Html button in order to embed the video. In any other blog service or product, you will need to somehow get to the html, unless you have embed Youtube functionality.

Edit Html
Find a spot in your post where you want to add your video.
Now hit Ctrl + P (paste) or right click paste if you have that functionality.

It will paste in something that looks
like this. Recognize that stuff? It is
indeed, the code from Youtube.

If you click on Compose, you will not see the video.Don’t worry, the code is still there and if you click Edit Html you will see the code.

If for some reason, you need to edit the width and height even more you can do it by tweaking the height and width even more, directly in the code.

..and that’s how to do it (or at least, one way to do it). I realize this question has probably been answered alot over the ‘net, but it was a question asked to me, so there you go!

If you do it right, you’ll get something like this… yes, I am in this movie… LOL


What happened to tr.im (& reviews of URL shorteners)

March 22, 2010

Wandered over to shorten a URL @tr.im and found this:

tr.im is no longer accepting URL shortening requests via its website. May we respectfully suggest that you choose one of the many other wonderful alternatives available.

Please understand that this does not affect any software that has tr.im available within it. tr.im‘s API is available, and redirections are working normally.

Found this article about it:
http://thenextweb.com/us/2010/03/22/trim-small-app-problem/

Oooh, sounds like some political intrigue, hand wringing, and possible hurt feelings (not twitter’s favorite child?) I know that I’m not the only one who used tr.im beyond twitter posts, though….

I know about tinyurl and bit.ly, but I thought I’d check out other options. I found this review of URL shorteners. Probably more info than you’d ever want about them, but there ya go.

http://blog.watchmouse.com/2010/03/url-shorteners-make-the-web-substantially-slower-facebooks-fb-me-is-slowest/


Tips to eek out web performance

November 28, 2009

http://developer.yahoo.com/performance/

yslow from yahoo is a great site, as is some of the firebug stuff.


w3c cheat sheet

November 25, 2009

http://www.w3.org/QA/2009/11/w3c_cheatsheet_for_developers.html

“This cheatsheet aims at providing in a very compact and mobile-friendly format a compilation of useful knowledge extracted from W3C specifications — at this time, CSS, HTML, SVG and XPath —, completed by summaries of guidelines developed at W3C, in particular the WCAG2 accessibility guidelines, the Mobile Web Best Practices, and a number of internationalization tips.

Its main feature is a lookup search box, where one can start typing a keyword and get a list of matching
properties/elements/attributes/functions in the above-mentioned specifications, and further details on those when selecting the one of interest.”


Google docs add templates

November 14, 2009

Didn’t know that there were more templates beyond what is listed in google docs (and didn’t notice that ‘search templates’ link in google docs?) Well, now you do. You can also get ’em here.… and here is how to create your own (well, sort of).


Presentation secrets from steve jobs

November 4, 2009

In short a good presentation should have:
1. A headline
2. A villain
3. A simple slide
4. A demo
5. A holy smokes moment…

http://www.businessweek.com/smallbiz/content/oct2009/sb2009106_706829.htm