デイリーWebテク・アーカイブ

Webテクとは、Webテクニック・Webテクノロジーの略。 Webデザイン/Webサイト構築に役立つサイト情報だったり、Web関連のニュースだったりを(ほぼ)デイリーでお届け。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

デイリーWebテク Vol.0031 2006/07/31

bestfreeapps - the world's best free apps - zoho creator

http://www.bestfreeapps.com/zohocreator.html
HTMLやPHPの知識なしでもオンラインでWebアプリケーションを作れるzoho creatorというサイトの紹介。このページ下のcommentフォームは、zoho creatorで作られている。

Thunderbird 2.0 Alpha 1 リリース - えむもじら

http://level.s69.xrea.com/mozilla/index.cgi?id=Thunderbird20a1
メーラーThunderbirdの2.0 Alpha 1。Firefoxとともに勢いがありそうですな。

Yahoo!オークション マイ・ショップ

http://y.bizstore.net/
自分の出品アイテムだけで、オンラインショップ風の表示ができるみたい。

Apples To Oranges – San Francisco Bay Area Visual and Experience Design Studio

http://applestooranges.com/blog/post/css-for-bar-graphs/
グラフのバー(棒)とかの「バー」をCSSでデザインするサンプル。

Lowe-Tech - portfolio

http://www.lowe-tech.com/portfolio/paperplanes.asp
シンプルでステキなFlashムービー。すでに有名なサイトなのかもしれないけど。

●ひとこと

わたしのメインのメーラーはGmailなんだけど、Thunderbirdも使っているので2.0には期待したい。

スポンサーサイト

デイリーWebテク Vol.0030 2006/07/30

チミンモラスイ? : [タ]タモさんがGoogleに潜入!

http://mapz.exblog.jp/2930106/
さっそくYouTubeにアップされているようだ。

[N] オープンソースなMacアプリケーションのトップ10

http://netafull.net/macosx/014795.html
オリジナルのエントリ(英語)には、もうちょっと詳しい解説あり。VLCはflvも再生できて便利だね。

Gradient Mesh Tutorial

http://www.creativebush.com/gmeshtutorial/
Illustratorのグラデーションメッシュを使ってのリアルイラストの描き方。そうとう根気がいりそう…。

ITmedia News:Google Toolbar 4が正式版として登場

http://www.itmedia.co.jp/news/articles/0607/29/news009.html
英語版の話。この記事を読んだ感じだと、Google以外の検索エンジン用の検索ボタンも作れるの?

[N] パスワードをエクスポートできるFirefox機能拡張「Password Exporter」

http://netafull.net/software/014801.html
パスワード忘れたけどブラウザには登録してるというケースで、パスワードを確認するのにも使えそうですな。

●ひとこと

きのうの「タモリ倶楽部」は東京渋谷のグーグル日本法人でのロケだったそうです。見逃しましたが、YouTubeで見られるようです。でも、YouTubeに載っているテレビ番組の動画って著作権やらを無視してアップされてるわけで、ちょっと複雑ですね。

デイリーWebテク Vol.0029 2006/07/29

あるSEのつぶやき: Ajax開発支援ツールまとめ

http://fnya.cocolog-nifty.com/blog/2006/07/ajax_677f.html
ブラウザに追加するツールなど、Ajax開発支援ツールを幅広く紹介。

機能変更、お知らせなど - はてなの日記 - ニンテンドーDS用トップページの新設について

http://hatena.g.hatena.ne.jp/hatena/20060728/1154068407
はてながニンテンドーDSブラウザー用のトップぺージを用意したんだとか。さすが。

[N] 気になるページをGmailで送信「Gmail This」ブックマークレット

http://netafull.net/lifehack/014784.html
これもいいけど、「あとで読む」もオススメ。

Awesome Form: The Simple, Semantic CSS Form

http://paularmstrongdesigns.com/examples/css/awesome-form.html
シンプルでセマンティックなCSSによるフォーム。

Top 126 Ajax Tutorials : Ultimate Web Developer Lists : eConsultant

http://www.econsultant.com/web-developer/ajax-tutorials/
数は多いがちゃんとカテゴリ分けされている。

●ひとこと

あとで読む」は、見ているWebページを自分のアドレスにHTMLメールで送ってくれるサービス。最悪そのページがなくなってもテキストは残るからアーカイブと考えても便利。

デイリーWebテク Vol.0028 2006/07/28

100%、CSSのみで構成されるメニューの作り方 - GIGAZINE

http://gigazine.net/index.php?/news/comments/20060728_purecss/
たしかにJavaScriptオフでも動いてる。

JonDesign's Smooth SlideShow Library

http://smoothslideshow.jondesign.net/
画像がスムースに切り替わるスライドショーのライブラリ。画像ごとにリンク先URLを指定できる。

Best Web Gallery

http://www.bestwebgallery.com/
ギャラリーサイト。この手のサイトのパターンはもう決まっちゃってる気が。

The Iconfactory

http://iconfactory.com/news.asp?day=1
Iconfactoryのサイトは、WebStandardなサイトにリデザイン中ですというムービー(だと思う)。すごい。

PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » ユーザーを幸せに導く5つのデザインパターン

http://www.pingmag.jp/J/2006/07/27/5-web-design-patterns-for-happy-users/
「半透明のオバーレイのお知らせ」は確かにいいよね。「オーバーレイ」だと思うけど。

●ひとこと

英国で発売されたボードゲーム「モノポリー」の新バージョンでは、紙幣の代わりにデビットカードを使うんだとか。「人生ゲーム」の紙幣もおサイフケータイになったりして?
http://www.itmedia.co.jp/news/articles/0607/25/news077.html

デイリーWebテク Vol.0027 2006/07/27

Konquest Online » The Top 10 of Top 10’s

http://konquest.org/the-top-10-of-top-10s
いろんなTOP10サイトのTOP10。

Exclusive: The Next Todos (Awesome OS X App) - PaulStamatiou.com

http://pstam.com/2006/07/25/exclusive-the-next-todos-awesome-os-x-app/
Mac OS Xのアプリケーションフォルダ内のすべてのアプリケーションアイコンを表示するラウンチャー。

Web標準準拠やSEOの適切さを無料で診断できる「ホームページ診断ツール」 (MYCOMジャーナル)

http://journal.mycom.co.jp/news/2006/07/26/440.html
「ホームページ診断」は単純だけど見やすくて、とっかかりとしてはいい感じ。

PHP正規表現のクイックリファレンス:phpspot開発日誌

http://phpspot.org/blog/archives/2006/07/php_53.html
関連サイトとして載っている「PHP&正規表現 - phpspot」も役に立ちそう。

PHPとGDを使って色々作るサンプル:phpspot開発日誌

http://phpspot.org/blog/archives/2006/07/phpgd_1.html
PHPのイメージ関数を使ったいろいろなサンプルが。

ITmedia Biz.ID:Webアプリケーションを使って楽をする

http://www.itmedia.co.jp/bizid/articles/0607/25/news092.html
私もファイルはローカルに置くよりサーバーに置いた方が安全だと思う。

●ひとこと

ITmedia Biz.IDは、なかなか読みごたえがある。最近はやりのGTDについての記事が充実してるしね。

デイリーWebテク Vol.0026 2006/07/26

Mozilla Firefox - Have it Your Way!

http://lesliefranke.com/files/firefoxyourway/
エクステンション、検索プラグインの追加、テーマ、カスタマイズ方法など盛りだくさんの内容。userChrome.cssのカスタマイズのサンプルまである。

FlickrShow › The simple Flickr slide-show

http://www.flickrshow.com/
FlickrのPhotosetをスライドショー表示するサービス。ページは自分のサーバーに設置できるが、このサイトのスクリプト(Javascript+PHP)を呼び出すようになっている。

Yay Hooray | yh collab: redesign famous logos in web 2.0 format!

http://yh.yayhooray.com/web20logos.html
有名なロゴをWeb 2.0風にリデザイン。グラデーションとリフレクションがポイントだね。

New Click Survey

http://blog.outer-court.com/click2/
どこをクリックする? ためしてみて。

ITmedia News:音楽SNS「Last.fm」日本版がオープン

http://www.itmedia.co.jp/news/articles/0607/25/news058.html

音ログ+SNSって感じでしょうか。

●ひとこと

ワイヤレスMighty Mouseが出たようだ。使うとしたらモバイル用ではなく日常的にずっと使うので、電池が必要というのがちょっと気になる。光学式じゃなくレーザーになったそうで。

デイリーWebテク Vol.0025 2006/07/25

窓の杜 - 【NEWS】「Firefox」で閲覧中のWebページ全体を見えない部分も含めて画像キャプチャー

http://www.forest.impress.co.jp/article/2006/07/24/pagesaver.html
Mac OS X版もあるんだけど、私の環境ではキャプチャーした画像の色が変。なんで? 背景画像も撮れてない(印刷設定と関係あるのかしら)。便利そうなんだけど…。

CSS Galleries: aggregating web design inspiration

http://www.css-galleries.com/
CSSデザインサイトのギャラリーサイト。

GIGAZINE - ポップアップブロック機能をテストするサイト「PopupTest」

http://gigazine.net/index.php?/news/comments/20060724_popuptest/
ポップアップWindowをブロックする機能をテストするためのサイト。popupテクニック集のようでもあり。

A Venture Forth » Blog Archive » Top 10 Ajax Applications

http://www.aventureforth.com/2005/09/06/top-10-ajax-applications/
Ajaxサイトの参考に。

ニンテンドーDSブラウザーのブラウザ機能をチェック

http://bb.watch.impress.co.jp/cda/special/14780.html
Webに関わる人は一応チェックでしょう。

●ひとこと

ニンテンドーDSでブラウザはタッチペンなので、年配の人とかがWeb見るにはいいのかも? まあ、Pocket PCとかもタッチペンだけどね。

デイリーWebテク Vol.0024 2006/07/24

CSS Browser Selector

http://rafael.adm.br/css_browser_selector/
CSSのセレクタに「.ie」「.opera」みたいなクラスを付けて、ブラウザごとに違うCSSを適用させるJavaScript。これはいいかも。

【無料ブログ比較なら】まあ待て、ブログを借りる前にここを読め。

http://www.ma-mate.com/
無料レンタルブログサービスの情報サイト。「まあまてドットコム」なのね。

GIGAZINE - ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」

http://gigazine.net/index.php?/news/comments/20060724_css_adxmenu/
サンプルの数が豊富で気が利いている。

Compound microformat のプロパティ一覧 - 2xup

http://2xup.org/log/2006/07/24-0130
microformatでのclassに付ける名前などがまとめられている。

[N] FlashでMac OS Xを再現した「FlyakiteOSX」

http://netafull.net/macosx/014677.html
似たようなものを前見た気もするが、こりゃよくできている。

●ひとこと

CSS Browser Selectorは便利そうだけど、JavaScriptがオフの環境ではどうするっていう問題は残るな。まあ、昔はJavaScriptでCSS切り替えとかしてたから同じなんだけど。

デイリーWebテク Vol.0023 2006/07/23

ページ作成のテクニックをまとめた「20 pro tips」が公開されています - PHPプロ!ニュース

http://www.phppro.jp/news/50/rss
初心者向けっぽい内容。プロには復習用って感じかな。

CSS examples

http://www.pmob.co.uk/
CSSの作例集。地味だけどためになるサンプル多数。

Going My Way: bluewind+SearchWeb用、Firefox用iTMS検索フォーム

http://kengo.preston-net.com/archives/002723.shtml
自動でiTunesが立ち上がります。ちょっと便利かも。

CSS Nite公式ブログ

http://cssnite.jp/vol10/
Vol10の第1部(神崎正英さん)のプレゼンの資料、第2部(鷹野雅弘)のプレゼンの資料+音声資料が公開されています。

FPN-YouTubeの骨をiTunesが拾う形になってしまうのか

http://www.future-planning.net/x/modules/news/article.php?storyid=1584
わたしも同じようなことを考えてました。日本のドラマがiTMSで販売される日はくるのかなぁ。

●ひとこと

日本のドラマが放送日翌日にiTMSで販売されたら、わたしは買うかも。ビデオ再生できるiPodを持っていたらだけど(今は持っていない)。録画した番組をエンコードする手間賃と考えて納得できる金額だったらね。

デイリーWebテク Vol.0022 2006/07/22

ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン

http://labs.unoh.net/2006/07/post_25.html
MIT IS&Tというサイトのガイドラインを翻訳したもののようです。参考になりそう。

9rules Official Blog ― Stay Up To Date With The 9rules Network

http://9rules.com/blog/2006/07/not-just-another-9rules/
巨大ブログネットワーク9rulesが新しくなったよ、という話だと思う。

Hawk Wings

http://www.hawkwings.net/
Apple Mail関連の情報ブログ。

CSS Browser Selector

http://rafael.adm.br/css_browser_selector/
最近あまりこういうやり方しないけど、JavaScriptを使ってのブラウザごとのCSS切り替え。

CNET Japan Blog - 中島聡・ネット時代のデジタルライフスタイル:YouTubeを使ったテレビ番組の『引用』の合法性に関する一考察

http://blog.japan.cnet.com/nakajima/archives/002994.html
基本的にはこの意見に賛成だけど、この問題はなかなか難しそう。

ITmedia News:「極楽とんぼ」加藤さんの謝罪動画、YouTubeから削除

http://www.itmedia.co.jp/news/articles/0607/21/news057.html
こういう削除依頼が増えてくると、逆に「削除依頼がない=許可している」みたいに思われても困るだろうな。

PHPからYouTubeのAPIを簡単に使えるServices_YouTube:phpspot開発日誌

http://phpspot.org/blog/archives/2006/07/phpyoutubeapise.html
さすがWeb 2.0のYouTubeはAPIを公開しているんですな。

●ひとこと

きのうはミュージックステーションでひさしぶりにTUBEを見た。かつて日本の夏はTUBEが熱かったが、今熱いのはYouTubeだね。

デイリーWebテク Vol.0021 2006/07/21

Google Spell -- Spell words with Google Images

http://www.progranism.com/junk/google_spell/index.php
これおもしろい。入力した文字列を、Google Imageから拾ってきた画像を並べて作ってくれる。数字はダメみたい。

SEOmoz Blog | 10 Remarkably Effective Strategies for Driving Traffic

http://www.seomoz.org/blogdetail.php?ID=1220
サイトの集客のための効果的な戦略について。

Read/WriteWeb: Search 2.0 vs Traditional Search

http://www.readwriteweb.com/archives/search_20_vs_tr.php
Web 2.0的な検索サイトが5つ紹介されている。

wiki感覚でオリジナルの検索サービスが作成できる「FC2マイサーチ」

http://internet.watch.impress.co.jp/cda/news/2006/07/20/12723.html
いまひとつピンとこないのだが、みんなで育てていく検索エンジンみたい。

GIGAZINE - リンクサムネイルの作り方

http://gigazine.net/index.php?/news/comments/20060721_linkthumb/
以前似たようなのを紹介したね↓
http://www.kawa.net/works/js/tips/yui-tooltips.html

BlueDot--「元祖」del.icio.usに挑むソーシャルブックマークの「進化系」 - CNET Japan

http://japan.cnet.com/column/somethingnew/story/0,2000067121,20176807,00.htm
ここに書いてあるほとんどのことは、del.icio.usでもFirefoxのエクステンションを使えばできるんだけどね。
本家のじゃなくて、↓ここのエクステンション。
http://delicious.mozdev.org/

●ひとこと

Web2.0的な検索サイトとして、Rollyoはユーザー登録して使ったことがある。でも検索結果が、直接Yahoo!で検索するときと違っているみたいだし、日本語もうまく通ってるのかよく分からなかったりした記憶が…。

デイリーWebテク Vol.0020 2006/07/20

Webデザイン エンジニアリング第16回 ボタンを押させるテクニック:ITpro

http://itpro.nikkeibp.co.jp/article/COLUMN/20060718/243499/
カラーにもガイドラインが必要ということですね。

Carousel Component - Documentation

http://billwscott.com/carousel/index.html
スライドみたいに画像(や文字など)を見ていくコンポーネント。作例が豊富でどういうケースで使うのかイメージしやすい。

G-Fan@Wiki - Gmail不用メール検出器Wiki!

http://www3.atwiki.jp/g-fan/pages/1.html
こういうのを共有して使えるというのもオンラインサービスのいいとろこだね。

Graffletopia

http://graffletopia.com/
OmniGraffleで利用できる素材がダウンロードできる。

ITmedia News:ブラウザのブックマーク、使ってますか?

http://www.itmedia.co.jp/news/articles/0607/18/news094.html
Firefoxの新バージョンでは、ブックマークと履歴の管理が強化されているようで期待しているのだが。わたしも今はブラウザのブックマークは使ってませんね。

Web2.0ナビ: Web2.0時代のアクセスアップ-はてブ(SBM)の集客力

http://www.web-20.net/2006/07/post_24.html
SEOに続いてSBO(ソーシャルブックマーク最適化)とか言われているようですね。

ITmedia News:YouTubeでは120万ヒット 極楽とんぼ問題にネット騒然

http://www.itmedia.co.jp/news/articles/0607/19/news098.html
見逃したTVの映像はYouTubeで見るというスタイルが当たり前になっているところがすごいね。ものが報道よりなので、著作権はあまり問題にされてないのかな。

●ひとこと

MacBook ProにはOmniOutlinerは付いてるけどOmniGraffleは付いてなかった。以前使ってたPowerBookには両方ついてたのに。そんなに使わなかったので新たに買うかどうか迷っているんだけど、結構いいソフトなんだよね。

デイリーWebテク Vol.0019 2006/07/19

microformats(マイクロフォーマット)特集
microformatsについていろいろ調べてみたので、以下に勝手に特集します。

Amazon Web サービス ブログ: Microformats 運動

http://aws.typepad.com/aws_jp/2005/07/microformats_.html
microformatsって何?という人には、このページがわかりやすいと思う。

microformats に対応したサービスなどまとめ - 2xup

http://2xup.org/log/2006/04/21-2154
microformatsについてだいたいの主要な情報やツールにはここからのリンクで行けますな。

Technorati Microformats Search

http://kitchen.technorati.com/search/
Technoratiのmicroformats検索。microformatsで記述したブログなら、ここでイベント情報とかレビューとかに限定して検索できるわけだ。

Main Page - Microformats

http://microformats.org/wiki/Main_Page
microformats.orgのwiki。ここで、まだドラフトなものも含め、各フォーマットの書き方が分かる。今後class属性付けるときには、Microformatsを意識したほうがいいのかも。

----------microformats特集ここまで。

Get free stuff for Web design

http://www-128.ibm.com/developerworks/library/wa-freeweb/
Webデザインのためのフリーで使えるツールや素材などの紹介。IBMがこういう情報を提供しているところがいいね。

Using a Background Image Grid to Lay Out Your Web Site | Smiley Cat Web Design

http://www.smileycat.com/miaow/archives/000264.html
このグリッド画像を背景に置いてからレイアウトしてみたら、というものなのかな。

Breathe new life into OS X Safari | 5ThirtyOne - Refreshing isn’t it?

http://5thirtyone.com/archives/489
Safariをカスタマイズするツールの紹介。

●ひとこと

MovableTypeの投稿画面をmicroformats対応にカスタマイズできるプラグインがあるので、このプラグインを自分用にカスタマイズできれば便利そう。定型のものなら、うまくフォーマットを作ればHTMLを書かなくてもよくなるだろうから、HTMLの分からないような人に投稿してもらう場合にいいだろうね。

デイリーWebテク Vol.0018 2006/07/18

メディア・パブ: 事実上無限のストレージをユーザーに,Googleがアナリスト向けスライド資料で明言

http://zen.seesaa.net/article/14470564.html
「ウェブ進化論」言うところの「あちら側」がどんどん拡大していくわけですな。

Top 71 CSS Menus Navigation Tabs : Ultimate Web Developer Lists : eConsultant

http://www.econsultant.com/web-developer/css-menus-navigation-tabs/
CSSによるナビゲーションメニューやナビゲーションタブのチュートリアルページへのリンク集。

Web2.0 List, Web 2.0 Site

http://www.web2list.com/
BETAって付いてるところが、このサイト自体Web2.0っぽいね。

The JavaScript Source: Code Generators: Popup Window Maker

http://javascript.internet.com/generators/popup-window.html
いまさら感もあるけど、ポップアップウィンドウを開くJavaScriptを生成。

Web Design Showcase - Darkeye

http://www.dark-i.com/
色で探せるサイトデザインのギャラリーサイト。

ソースコードの盗み方|悪態のプログラマ

http://ameblo.jp/argv/entry-10014786723.html
ソースコード検索サイトのリストが載ってるよ。

●ひとこと

そういえば以前書いたfeedpathが発表する革新的なBlogサービスというのは、外部ブログ投稿管理サービスのことでした。
http://www.feedpath.co.jp/2006/07/_blog_2.html
ちょっと試してみたけど、これはよさそう。マイクロフォーマットは今後要注目ですな。

デイリーWebテク Vol.0017 2006/07/17

GIGAZINE - 高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」

http://gigazine.net/index.php?/news/comments/20060716_templatesbox/
WebサイトのテンプレートはHTML+CSSの他に元ファイルのPSD(編集できるようレイヤーに分かれている)や使用フォントも含まれていて、いたれりつくせり。

Free Css Templates

http://www.free-css-templates.com/
こんなテンプレートサイトも。こっちはHTML+CSSだけですが。

Firefox用 検索プラグインの作り方 - [ホームページ作成]All About

http://allabout.co.jp/internet/hpcreate/closeup/CU20060715A/
Safariもこういう風に検索エンジンを追加できたらいいのに。

Web::Blogoscope: The Day of Web Standards[Web標準の日]終了

http://www.cybergarden.net/blog/2006/07/the_day_of_web_standards_epilogue.html
「Web標準の日」が終わったようです。

CSS Remix: CSS-Based Website Gallery

http://www.cssremix.com/
サイトギャラリーのサイト。

CSS Heaven | Gallery

http://www.cssheaven.com/
サイトギャラリーのサイト。

CSS Mania

http://cssmania.com/
サイトギャラリーのサイト。

●ひとこと

テンプレートサイトとギャラリーサイトばっかりになってしまった。
今日が祝日ということに昨日気づいてかなり得した気分。

デイリーWebテク Vol.0016 2006/07/16

Urban Fonts. Download Free Fonts and Free Dingbats for PC and MAC

http://www.urbanfonts.com/
フリーフォントのサイト。フォントを探して確認するためのインターフェイスがよくできている。自分で入力した文字でリアルタイムにプレビューできるのがスゴイ。

GIGAZINE - オンラインでPhotoshop級の画像加工ができる「nexImage」

http://gigazine.net/index.php?/news/comments/20060715_neximage/
本来は製品版のもので、無料のデモ版もあるということのようです。

人力検索はてな - あなたの中で 「えっ!マジで知らないの?このソフト・・無料だよ?」 「こんなにメチャメチャ役立つウェブサービスって世の中にあったんだねぇ」 というように下記のよう..

http://q.hatena.ne.jp/1152923078
おすすめのフリーソフトやウェブサービスを教えて、という質問に対する投稿。なかなか役立つ情報が。

intensivstation :: CSS HOW-TO

http://intensivstation.ch/en/css/
CSSのレクチャーとテンプレート。ドイツ語ですが。

flickrInspector | http://netomer.de/flickrtools/

http://netomer.de/flickrtools/inspector/
ユーザー名を入れると、その人がflickrにアップした画像やらタグやらいろんな情報がまとめて見られる。

●ひとこと

ネット版わらしべ長者の話が話題になっているみたいだなぁと思っていたら、きのうのTBS「ブロードキャスター」でもやってた。なんかこの話うまいこと行き過ぎだと思うんだけどなぁ。

「ネット版わらしべ長者」の素敵なエンディングと貨幣経済の「外側」 - CNET Japan http://japan.cnet.com/column/somethingnew/story/0,2000067121,20170467,00.htm

デイリーWebテク Vol.0015 2006/07/15

Photos.jp - ロイヤリティフリー・ストックフォト・コミュニティ

http://www.photos.jp/
1枚100円からのロイヤリティフリー写真サイト。自分の作品を販売することもできる。

LogoPond - A Place To Fish For Ideas

http://logopond.com/
ロゴのギャラリーサイト。

Iconwerk Icondesigner Icons Piktogramme und Symbole

http://www.iconwerk.de/
Iconwerkというところのアイコン、ピクトグラム、シンボルのポートフォリオ。すごくセンスがいい。

ITmedia Biz.ID:画像で見る「Firefox 2.0 β1」の新機能

http://www.itmedia.co.jp/bizid/articles/0607/13/news096.html
まだインストールはしないほうがいいみたいです。

本田雅一の「週刊モバイル通信」:PC業界がAppleに学べること

http://pc.watch.impress.co.jp/docs/2006/0711/mobile348.htm
アップル好きな人にはちょっと読んでみたい内容。

●ひとこと

Photos.jpは写真だけじゃなくて、イラストも登録して販売できるとのこと。アフィリエイトで自分のサイトから販売することもできるみたい。

デイリーWebテク Vol.0014 2006/07/14

A CSS Solution to Image Blocking | Articles/Tips - Campaign Monitor Blog

http://www.campaignmonitor.com/blog/archives/2006/07/a_css_solution.html
見出し文字を画像で置き換える技だが、CSSは有効で画像を無効にしている場合も考慮した組み方。空のspanで作ったabsoluteの領域でrelativeの文字を追い出すってことか。

freeCSScart

http://www.freecsscart.com/
なんかよくわからないが、OSCommerceとかと競合するショッピングカートのシステムみたい。

GIGAZINE - トラックバックスパムよけにも使える「mod_security」

http://gigazine.net/index.php?/news/comments/20060713_mod_security/
Apacheをセキュアにするモジュールとのこと。よさそう。

【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (1) 01-01 Internet Explorer 7 beta2のCSS実装 (MYCOMジャーナル)

http://journal.mycom.co.jp/special/2006/ie7beta2/
読み応えある。CSSの勉強にもなる内容。

blog.woremacx.com: Gmail で古いメールを一気に消す方法

http://blog.woremacx.com/2006/07/gmail_1.html
ポイントは検索のテクニックですね。

●ひとこと

IEが対応していないため使えなかったCSSの機能が多いので、IE7には期待したいなぁ。

デイリーWebテク Vol.0013 2006/07/13

Japan.internet.com Webビジネス - フジテレビラボ、動画共有サイト「ワッチミー!TV 」を13日より試験運用

http://japan.internet.com/busnews/20060711/7.html
今日の正午オープンのようです。

ITmedia エンタープライズ:Web2.0的ビジネスへの条件 (1/2)

http://www.itmedia.co.jp/enterprise/articles/0607/11/news001.html
わたしもfeedpath(http://feedpath.jp/)使ってます。とっても便利。

Free Online Education :: qoolsqool

http://www.qoolsqool.com/index.php?category=Graphic%20Design
チュートリアル系のソーシャルブックマークサイト。

Folder tree with Drag and Drop capabilities

http://www.dhtmlgoodies.com/index.html?whichScript=drag-drop-folder-tree
Ajaxで動くドラッグ&ドロップできるフォルダーツリー。右上のDemoからデモが見れる。また、このページのツールチップはシャレている。

Solve Sudoku (Without even thinking!)

http://www.instructables.com/id/EJLUBKN48JEPD7QXGR/?ALLSTEPS
数独の解き方のページだが、サムネールをロールオーバーするとページ全体のサムネールが表示されるところなど、見せ方がシャレている。

Web Sudoku - Billions of Free Sudoku Puzzles to Play Online

http://view.websudoku.com/
オンラインの数独サイト。数独つながりで。

●ひとこと

feedpathが今週末に革新的なBlogサービスを発表するらしいんだけど、なんだろう。
http://blogs.itmedia.co.jp/speedfeed/2006/07/14blog_972f.html

デイリーWebテク Vol.0012 2006/07/12

Pixel Groovy - front page

http://www.pixelgroovy.com/
投票型チュートリアルサイト。百式で紹介されていたので知っている人多いでしょうが。

スタイルシートを書く時のガイドライン - 2xup

http://2xup.org/log/2006/07/11-1956
主に書く順番についてだが、参考になる。

A List Apart: Articles: Automatic Magazine Layout

http://www.alistapart.com/articles/magazinelayout
PHPとCSSで自動レイアウト(!?)

Sunhome redesign for 50 Redesigns book

http://www.webdesignfromscratch.com/50-redesigns-sunhome.cfm
実際のサイトを元にリデザインのポイントについて説明している。

個人サイトで使える着うたフルのアフィリエイトプログラム

http://k-tai.impress.co.jp/cda/article/news_toppage/30081.html
携帯サイトでのアフィリエイトは今後増えていくんだろうな。

株式会社WEB2.0のサービス「PingKing」がついに明らかに - CNET Japan

http://japan.cnet.com/news/media/story/0,2000056023,20167067,00.htm
ソーシャルブックマークみたいなもののようだね。

Web2.0を語る際の論点を整理してみた :Heartlogic

http://www.heartlogic.jp/archives/2006/07/web20_4.html
企業サイトとWeb 2.0についてもちゃんと整理してある。

●ひとこと

着うたフルのアフィリエイトに個人的に興味が。販売手数料が1曲につき10円なので、そんなに儲からないとは思うけど。

デイリーWebテク Vol.0011 2006/07/11

ITmedia Biz.ID:タスク管理サービスRemember The Milkが日本語対応

http://www.itmedia.co.jp/bizid/articles/0607/10/news058.html
オンラインでToDoリストを管理するサービス。

[春] 裏技もWEB標準へ

http://sug.blog2.fc2.com/blog-entry-502.html
CSSのmax-widthがIEに対応していないことに対する裏技的解決法。

PHP5で書かれたWeb2.0風プロジェクト管理ツール:activeCollab:phpspot開発日誌

http://phpspot.org/blog/archives/2006/07/php5web20active.html
オープンソースのプロジェクト管理ツール

Firefoxのシェアが約13%に増加~一部地域では4割に迫る

http://internet.watch.impress.co.jp/cda/news/2006/07/10/12607.html
「全世界の」だそうだが、日本だけだともっとFirefoxのシェアは小さいだろうね。

Protopage v2 released - free AJAX start pages now with RSS news feeds, sticky notes and bookmarks

http://www.protopage.com/v2
いわゆる「マイページ」を作れるサイト。ウィンドウがフローティングですな。

Japanapush Font | dafont.com

http://www.dafont.com/japanapush.font
日本っぽいイラストフォント。相撲、空手、芸者、寿司…といった昔ながらの日本っぽいものと、モビルスーツっぽいロボットが共存してるのが面白い。

●ひとこと

Remember The Milkはインターフェイスがよくできていて、操作感が心地いい。でもここまで機能はいらないと思って、単純なTa-da Listをつかっている私。最近あんまり使ってないけど。
http://www.tadalist.com/

デイリーWebテク Vol.0010 2006/07/10

pebbleRoad: Creating & Maintaining a Web Style Guide

http://www.pebbleroad.com/article/creating_maintaining_a_web_style_guide/
Webスタイルガイドを作って維持するという記事。

colr.org

http://www.colr.org/
画像を元にしたり、タグで検索したりして、カラーパレットを作ってくれるサイト。

Flërnk: A Guide to OS X Software for Switchers

http://flernk.blogspot.com/2006/07/guide-to-os-x-software-for-switchers.html
MacにSwitchする人のためのガイド。結構多くのソフトが紹介されている。

Going My Way: A9のエンジンを採用したAmazon.co.jpのFirefox用検索フォーム

http://kengo.preston-net.com/archives/002705.shtml
最近Firefoxの検索バーからAmazon検索すると、文字化けしてうまくいかなくなってた。ここにその理由と修正したものが。

Google Operating System: New In Gmail: Apply Filters To Old Emails

http://googlesystem.blogspot.com/2006/07/new-in-gmail-apply-filters-to-old.html
Gmailで過去のメールに対してもフィルタを適用できるようになったようです。

●ひとこと

Webスタイルガイドの記事。これの日本語版があるといいんだけど…。

デイリーWebテク Vol.0009 2006/07/09

The Yellow Icon : Quality Freeware Icons For You

http://www.yellowicon.com/
アイコン集。アイコンを購入してサイトや印刷物に使うこともできるみたい。

Picment.com » Articles » CSS » Fun with forms – customized input elements

http://www.picment.com/articles/css/funwithforms/
CSSでフォームの入力欄を角丸に。

Photoshop & Design Tutorials

http://tutorialblog.org/
Photoshopのチュートリアルブログ。シンプルなネタが多い。

Adobe Spot :: Your Spot for Adobe Tutorials

http://www.adobespot.com/tutorial.php
これもチュートリアルサイト。上にあるのはアドセンス広告なので注意。

feedremix

http://www.feedremix.jp/
複数のRSSフィードをまとめてメールで購読できる。

:: Reboot bbc.co.uk ::

http://open.bbc.co.uk/reboot/
英BBCのサイトをリデザインしようというコンテストのようだ。

[R30]: YouTube-Google型企業になるための4つの法則

http://shinta.tea-nifty.com/nikki/2006/07/creators_are_th.html
「YouTubeバブル」の津波はやってくるのかなぁ。

●ひとこと

The Yellow Iconにあるワールドカップアイコンはワールドカップロゴも入ってるけど、ちゃんとライセンス取ってるのか??

デイリーWebテク Vol.0008 2006/07/08

PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » 日本のウェブ2.0

http://www.pingmag.jp/J/2006/07/06/web-20-in-japan/
欧米のWeb 2.0サイトを紹介して、同じジャンルの日本のWeb 2.0サイトを紹介するというスタイルの読み物。

XHTML+CSS (r)evolution

http://www.cybergarden.net/revolution/
イベントのスライド、音声データ、配布資料が公開されてます。XHTMLに足りないコト→XHTML 2.0でどこまで克服されるか、CSSに足りないコト→CSS3でどこまで克服されるか、といった内容。

Lovely Blogs - showcasing the best looking blogs on the web

http://www.lovelyblogs.com/
ラブリーなブログ集。

BoydCreative » Blog Archive » Top 10 Open Source OS X Apps!

http://www.boydcreative.net/apple/top-10-open-source-os-x-apps/
Mac OS XのオープンソースアプリのTop10。

「iza!」は「新聞2.0」--産経デジタルが語るネット事業への取組み - CNET Japan

http://japan.cnet.com/news/media/story/0,2000056023,20160907,00.htm
iza!のイザ語、livedoorのlivedoorキーワードなど、はてなキーワードやウィキペディアを意識したキーワード集みたいのがはやってる。SEO効果があるしね。

ノバック、Skype経由でどこからでも自宅のテレビが視聴できる「どこでもTV for Skype」 - CNET Japan

http://japan.cnet.com/news/tech/story/0,2000056025,20164007,00.htm
なるほど。既存の技術を使ってロケフリのようなことを実現しちゃったわけだ。

●ひとこと

どこでもTV for iChatとかもできそう。FOMAのTV電話機能で自宅のテレビを見るシステムとかも可能かも。

デイリーWebテク Vol.0007 2006/07/07

OrderByColumnデモ

http://skit.dip.jp/lab/js/order_by_column
Tableの列でソートするjavascript。便利そう。

Timeout your Mouseovers

http://www.pjhyett.com/articles/2006/07/05/timeout-your-mouseovers
マウスオーバーで特定の領域を表示、外れると非表示するJavaScript。prototype.jsとeffects.js使用。

MdN Interactive - TOP

http://www.mdn.co.jp/index.php
MdNのサイトがリニューアル。読み物系の記事は無料の会員登録をしなくてはいけないようです。

第2回 Web標準と新たなマークアップ言語「XHTML」:ITpro

http://itpro.nikkeibp.co.jp/article/COLUMN/20060620/241302/
ITproの連載。なぜXHTMLかというのを人に説明するのに使えるかも。

GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」

http://gigazine.net/index.php?/news/comments/20060706_jquery/
有名JavaScriptライブラリjQueryについてまとめてある。

GIGAZINE - 無料のクリップアートを6900個以上入手できる「Open Clip Art Library」

http://gigazine.net/index.php?/news/comments/20060707_open_clip_art_library/
作者別で検索したりできないので、同じテイストのイラストを複数探すのが難しいかも。

GIGAZINE - SEO対策がFirefoxで簡単にできるようになる「SEO for Firefox」

http://gigazine.net/index.php?/news/comments/20060707_seo_for_firefox/
Firefox extensionのSEO for Firefoxについての詳しい解説。

●ひとこと

MdNのサイト、会員登録しないと読めないというのはちょっと納得いかないな。

デイリーWebテク Vol.0006 2006/07/06

検索エンジン相関図 2006年7月5日版 :: SEM R

http://www.sem-r.com/22/20060705104821.html
エキサイトは検索エンジンをGoogleからYahoo! Search(YST)へ切り替えてたんだ。

GIGAZINE - Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」

http://gigazine.net/index.php?/news/comments/20060705_inkscape/
Linux、Windows 2000/2003/XP、Mac OS X、FreeBSDなどで動作するそうで。

Sumibi.org ローマ字を日本語に変換できる無料サイト

http://www.sumibi.org/
なるほど。海外のインターネット喫茶とかの日本語が使えないマシンで使うんだな。

Web Host Directory: 16 Elements You Must Include in Your Site Design

http://www.webhostdir.com/news/articles/shownews.asp?id=16417
4のリンクは絶対URLで書けってのは初耳。そうなのかなぁ?

Hot Dates with CSS by Christian Montoya, christianmontoya.com

http://lab.christianmontoya.com/css-dates/
今日の日付を日めくりカレンダーっぽく表示するCSSのレクチャー。

thinkmac: Switchers Guide To Mac OS X Software

http://www.thinkmac.net/blog/archives/switchers-guide-to-mac-os-x-software.html
各ジャンルの定番ソフト(?)を紹介。日本の定番とは違うみたいだけど。

SEO for Firefox

http://tools.seobook.com/firefox/seo-for-firefox.html
SEOに役立つFirefox extension。ブログからのリンク数やdel.icio.usにブックマークされた数とかも分かるらしい。

Super Stripes

http://webdesign.maratz.com/lab/superstripes/
カラーの背景の上に白い斜め線の入った透過GIFを重ねてストライプを作るという技の紹介。まあ誰でも考えつきそうですが。

●ひとこと

SEO for Firefoxは今度試してみよう。これを配布しているサイトには、他にもいろんなSEOツールがあるみたい。

デイリーWebテク Vol.0005 2006/07/05

Snipplr - Code 2.0

http://snipplr.com/
HTMLやCSSとかのよく使うフレーズ集のサイト。タグ付けとURLの関係なんかはdel.icio.usっぽいサイト。

Cocoalicious: A Cocoa del.icio.us Client for Mac OS X

http://www.scifihifi.com/cocoalicious/
Mac OS X用のdel.icio.usクライアントの単独アプリケーション。

その場編集できるテキストBOX実装用PHP+Javascriptサンプル:phpspot開発日誌

http://phpspot.org/blog/archives/2006/07/boxphpjavascrip.html
Web 2.0サイトではよく見かける「編集できるテキスト」を実現。

Litebox- Same great taste, less calories

http://www.doknowevil.net/litebox/
Lightboxより1/4もサイズが小さいから“Lite”boxなんだとか。

Web2.0時代のグループウェア。「desknet's V5.0」: Recently Ajax

http://www.h2o-ajax.com/article208.html
Ajaxによって使い勝手がよくなったグループウェアのようです。

nikkeibp.jp SPECIAL 【ビジネスシーンを変え始めた「ブログ」のインパクト】

http://info.nikkeibp.co.jp/nbpp/blog/index.html
記事広告みたいなサイトだな。デザインもブログ風。

●ひとこと

Snipplrはいわゆるsnippet(スニペット)を集めたサイト。snippetを辞書で調べたら「断片、短い抜粋」とのこと。Dreamweaverとかでちょっとしたコードとかを記憶させとくのもスニペットだが、検索エンジンの検索結果のタイトルの下に出てるテキストもスニペットなんだとか。たしかに「短い抜粋」だもんね。

デイリーWebテク Vol.0004 2006/07/04

ITmedia News:「ヤフーに追いつけ」は“卒業”――ライブドアポータルがリニューアル

http://www.itmedia.co.jp/news/articles/0607/03/news034.html
どこかのサイトっぽいのは変わらないけど。ちなみにXHTML+CSSですね。

[N] ウェブページに付箋機能をつける「noteit」

http://netafull.net/tech/014396.html
Acrobatの付箋のように最小化できるといいのになぁ。

Vitamin Features » 15 Things you can do with Yahoo! UI

http://www.thinkvitamin.com/features/javascript/15-things-you-can-do-with-yahoo-ui
Yahoo! UIの解説。独自のサンプルが見れる。

Free Fonts - 6500 Free TTF Fonts (V)

http://www.webpagepublicity.com/free-fonts-v.html#FreeFonts
フォントの他にもWeb制作に関するフリーのものがいろいろある、微妙にあやしい雰囲気のサイト。

PhillRyu.com - The Top Ten Most Beautiful OS X Apps

http://www.phillryu.com/2006/07/03/the-top-ten-most-beautiful-os-x-apps/
CoverFlowってアプリがカッコいいなぁ。

●ひとこと

「 The Top Ten Most Beautiful OS X Apps」に載ってるアプリは、そのサイトもカッコいいデザインな場合が多いね。

デイリーWebテク Vol.0003 2006/07/03

Favicon Editor

http://www.degraeve.com/favicon/
なんとブラウザ上で直接ドット絵が描ける。

27 Of The Most Useful Firefox Extensions - thanassis blog

http://www.thanassis.com/blog/index.php?/archives/22-27-Of-The-Most-Useful-Firefox-Extensions.html
スクリーンショット付きでわかりやすい。

アップロードしたファイルにaltを設定するプラグイン、またはTransformerのサンプル (Kickstart my heart)

http://www.luckypines.com/mt/2006/07/alttransformer.html
Movable Typeのプラグイン。

東京webデザイナー日記: Gmailで検索できない単語がある?

http://tokyo.fun.cx/web/2006/06/gmail.html
たしかにGmailでの日本語の検索機能は微妙です。

今夏、Mac OSX上でWindowsアプリをシームレスに起動可能に… - 気になる、記になる…

http://taisyo.seesaa.net/article/20090237.html
現在アルファ版でリリースは7月末~8月初旬を予定、販売価格は59.95ドルとのこと。

●ひとこと

Mac OSX上でWindowsアプリを起動できる「CrossOverMac」。たしかにアプリが動けばWindowsが動かなくっていいんだな。

デイリーWebテク Vol.0002 2006/07/02

Tutorialism ~

http://www.tutorialism.com/
グラフィックデザインやプログラミングのチュートリアル専門のソーシャルブックマークサイト。

PHP+MySQLで作成されたAjaxベースのWeb2.0ファイルマネージャ:Relay:phpspot開発日誌

http://phpspot.org/blog/archives/2006/07/phpmysqlajaxweb.html
Relayのサイトで実際にいじれる。ドラッグ&ドロップでファイルを移動できたり、画像はプレビューが出たりとなかなかスゴイ。

GIGAZINE - 決済サービス「Google Checkout」開始、その解説ムービーを見る

http://gigazine.net/index.php?/news/comments/20060630_google_checkout_movie/
Google Checkoutって何?って人は、まずはこれを。

フォトレポート:絵で見る「Google Checkout」 - CNET Japan

http://japan.cnet.com/news/media/story/0,2000056023,20155649,00.htm
Google Checkoutのスクリーンショットを元に解説。

Warning Sign Generator

http://www.warningsigngenerator.com/
警告画像のジェネレーター。アイコンが豊富だね。

Lightbox Web Photo Gallery | Photoshop Lab

http://www.photoshoplab.com/lightbox-web-photo-gallery.html
PhotoshopのWeb フォトギャラリー機能を使って、Lightbox JSに対応したフォトギャラリーを作る方法。なるほどこれは簡単。

●ひとこと

Google Checkoutは、ユーザーとして使う分には日本からでも利用可能らしい。シェアウェアの支払いとかに使えたら便利そう。

次のページ

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。