週刊Webテク通信

2010年10月第3週号 1位は,Wordpressをブログ以外に使うためのヒント,気になるネタは,最近Facebookが話題

この記事を読むのに必要な時間:およそ 2 分

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2010年10月11日~10月17日の間に見つけた記事のベスト5です。

1. Turn your blog into anything: 13 unusual uses for WordPresshttp://www.designer-daily.com/wordpress-unusual-uses-10112

Wordpressをブログ以外のいろいろな用途に使うヒントをまとめた記事です。

以下の13種類の例について,実現するためのプラグインやテーマとともに紹介されています。

  1. 送り状と請求書
  2. FAQ
  3. ジョブボード(求人情報)
  4. 名刺サイト(プロフィール情報を掲載したサイト)
  5. ポートフォリオ(自作の作品集)
  6. Wiki
  7. 不動産
  8. 企業名鑑(住所録)
  9. メールマガジン
  10. 商品のプロモーションサイト
  11. 連絡先の管理
  12. ギャラリー
  13. 写真ブログ

図1 Wordpressのブログ以外での使い方いろいろ

図1 Wordpressのブログ以外での使い方いろいろ

2. Tips, Tricks and Inspiration for Creating Great Screencastshttp://www.1stwebdesigner.com/inspiration/tips-tricks-inspiration-create-screencasts/

アプリケーションやWebサービスなどの使い方を解説するスクリーンキャスト(画面の動きを記録した動画)を作る上での,テクニックや実例を紹介しています。

良いスクリーンキャストを作るポイント,やりがちな失敗,Tipsなどが解説されています。

スクリーンキャストの具体的な作り方や使用するツールについては触れられていませんが,関連情報へのリンクが用意されていました。

図2 良いスクリーンキャストを作るためのテクニックや実例

図2 良いスクリーンキャストを作るためのテクニックや実例

3. [CSS]Media Queries(メディア クエリ)を使用したデバイスごとの指定方法のまとめ | コリスhttp://coliss.com/articles/build-websites/operation/css/css-framework-hardboiled-css3-media-queries.html

CSS3のメディアクエリを使って,iPhone,iPadなどのデバイスごとにスタイルシートを分ける実例を紹介しています。

スマートフォン,iPhone,iPadの場合,縦画面と横画面とでCSSを分けることも可能です。

CSS内で条件分岐して記述する方法と,デバイスごとに読み込ませるCSSを変える方法とが紹介されていました。

図3 CSS3のメディアクエリの実例集

図3 CSS3のメディアクエリの実例集

4. 20 Helpful jQuery Tooltip Plugins and Tutorials | CreativeFanhttp://creativefan.com/21-jquery-tooltip-plugins-and-tutorials/

jQueryを使ったツールチップを作るためのプラグインとチュートリアルを紹介しています。

図4 jQueryを使ったツールチップを20個紹介

図4 jQueryを使ったツールチップを20個紹介

5. 50 New Useful CSS Techniques, Tutorials and Tools - Smashing Magazinehttp://www.smashingmagazine.com/2010/10/12/50-new-useful-css-techniques-tutorials-and-tools/

最近公開されたCSSのテクニック,チュートリアル,ツールを大量に紹介しています。やはりCSS3関連のものが多いようです。

テクニックもそうですが,ツールやサービスも大量に紹介されていて興味深いものがたくさんあります。

図5 新しいCSSテクニック,チュートリアル,ツール50選

図5 新しいCSSテクニック,チュートリアル,ツール50選

そのほか先週の記事から,気になるニュース記事を紹介します。

先週の気になるWebサービス

SyncList for TVhttp://synclist.jp/

SyncList for TVは,気になるテレビ番組のリストを共有できる,ツイッターと連携したサービスです。

気になる番組を番組表で選んでWishリストに追加できるのですが,同時にツイッターに投稿するか,放送30分前にツイートするかを選ぶことができます(ツイッターには投稿しないこともできます)⁠

趣味の合うほかのユーザーの番組リストをSync(フォローみたいなもの)すると,思わぬ興味深い番組を見つけられるかも,という狙いのサービスですね。

ユーザー登録不要で,ツイッターのアカウントを使いOAuth認証で利用できます。

自分がツイッターでフォローしている人で,このサービスも使っている人を探すことができます。まずはそこからSyncするユーザーを探せばいいでしょう。

野村総合研究所(NRI)が運営するサイトです。現在ベータ版としての公開で,将来的には録画サービスとの連携なども考えているようです。

図6 気になるテレビ番組のリストを共有できるサービス

図6 気になるテレビ番組のリストを共有できるサービス

今週の気になるWebネタ

最近Facebookに関する話題をよく見かけます。IT業界の有名人が使い始めたことによって,ブログでの関連記事が増えているようです。

とりあえず始めてみようという人には,Facebookを使いこなすのに役に立ちそうな記事まとめ - かちびと.netという記事が役に立つと思います。

わたしのところにも,最近急に知り合いからの「友達リクエスト」がよく届くようになりました。IT業界でない人でも,ビジネスに活かせないかと思って始めた人が多いようです。

なお,Facebookの公式カタカナ表記は「フェイスブック」ですが,ニュース記事などで「フェースブック」となっているものも結構ありました。ツイッターも昔はトゥイッターという表記を使っている人もいましたね。

ツイッターのように,新聞記事やテレビ欄で「フェイスブック」という文字が連日登場するようになる日が来るのでしょうか? そうなったときには,ツイッターと同様に表記もきっちり統一されることでしょう。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入