アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」:phpspot開発日誌
http://phpspot.org/blog/archives/2008/04/sliding_javascr.html
ライブラリを使っていないドロップダウンメニュー作成のJavaScriptの紹介。
FLASHサイト作成インスピレーションの参考になるflashサイト7つ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-467.html
元ネタの「30 Beautiful and Innovative Flash Designs」は30個紹介していますが、そこからピックアップしての紹介。
Photoshop無料ブラシで簡単にサイトの背景を描いてみる - DesignWalker
http://www.designwalker.com/2008/04/brush-background.html
Photoshop用の無料ブラシが多数紹介されています。
Kousyoublog | 文系素人ですがPHP勉強始めました。
http://kousyoublog.jp/?eid=1659
PHPの勉強を始めた人が、勉強に使った本を紹介してます。「全くの素人はググれない、というか、何をググればいいのかわからない」というのはよく分かりますね。
ビジネスマンのシルエットのフリーのベクター素材 | コリス
http://coliss.com/articles/build-websites/operation/design/1039.html
ここで紹介されているsnap2objectsというサイトはいろんな素材を提供していてよさそう。
複数のブクマをまとめるボタン「AddClips」正式版がリリース | ネット | マイコミジャーナル
http://journal.mycom.co.jp/news/2008/04/28/018/index.html
ソーシャルブックマーク追加ボタンやRSSリーダーへの追加ボタンを1つに統合できる「AddClips」の紹介記事。
Leopard最強アプリは辞書 : could
http://www.yasuhisa.com/could/article/leopard-dictionary/
おお、control + command + Dは知らなかった。でもFirefoxでは使えないみたい。残念。
MediaQuery まとめ - IT戦記
http://d.hatena.ne.jp/amachang/20080425/1209139140
CSS3 から導入されるというMedia Type を大幅に拡張する仕様MediaQueryの解説。これが使えるようになると確かに便利そう。
JavaScriptを使って期間を選択するためのコントロール『Timeframe』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2008/04/javascripttimeframe.html
カレンダー上をドラッグして期間を設定できるインターフェイスがしゃれている期間設定のためのスクリプトの紹介。
ブログが続かないわけ | XHTMLでやりがちな8個の間違い
http://en.yummy.stripper.jp/?eid=888061
「ブログが続かないわけ」というのはこのブログ自体のタイトルなのね。で、基本ですがXHTMLでやりがちなミスについてのまとめ。
●ひとこと
いろんな計算ができる便利サイト「keisan」というのが正式サービスを開始したとのこと。カシオ計算機が作っているサイトなのね。
高精度計算サイト の計算
クリック位置のヒートマップを作成できるオープンソースやサービス色々:phpspot開発日誌
http://phpspot.org/blog/archives/2008/04/post_194.html
Webページのどこがクリックされたかを可視化できるヒートマップを作成できるサービスなどの紹介。
画像解析してユーザーの視線をヒートマップ化する「Feng-GUI」: DesignWorks
http://designwork-s.com/article/94590238.html
こっちはWebページの画像を解析してヒートマップを作るサービス。
[追記]何百件先の画像まで一気に検索してしまうインターフェイスを搭載したfirefoxプラグイン*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-463.html
PicLensというプラグインの紹介ですが、これはすごいです。
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
http://coliss.com/articles/build-websites/operation/css/1036.html
元記事よりも読みやすくまとまっています。元記事のIE Bugのイラストはおもしろいけど。
jQueryサンプル集 - DesignWalker
http://www.designwalker.com/2008/04/jquery.html
jQuery関連はかなり見てきたつもりでいたけど、知らないものも結構多かった。
今webサイトは幅何pxで製作されているのか | Liquid Paper Clips
http://lpclips.net/2008/04/post_58.html
いろんなサイトが横何ピクセルなのかを調べています。大きなサイズを有効に使えるポータルサイトなどは900px以上がフツーになっているようですね。
Free Vector Graphics
http://vector4free.com/
フリーのベクターグラフィック素材を配布しています。使うシーンが難しそうなものも多いですが、アイコン的なものもあります。
フォント・マネージメント 日本語フォント 欧文フォント - DesignWalker
http://www.designwalker.com/2008/04/font.html
フォントマネージメントツールやフォントを探せるサイトなどの紹介。
幅固定か可変かではなく、読者環境に合わせて見やすいデザインを提供しよう - Liner Note
http://note.openvista.jp/269/
固定／可変／エラスティックレイアウトの解説から、この記事の作者の試したユーザーに調整させる方法についてなど。
SEOチェックツールをざっくり集めてみました | *|Meta|Mix|+
http://www.metamix.com/837.php
SEOチェックツールのリンク集。
Fireworksのチュートリアルいろいろ - DesignWalker
http://www.designwalker.com/2008/04/fireworks-tutorial.html
海外のものばかりですが、Fireworksのチュートリアルのまとめ。わたしもFireworks派です。
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
http://labs.unoh.net/2008/04/csshtml.html
見出しのh1〜h6タグの直下に<span>を入れとくといいってのは、賛否あると思うけどなるほどという感じ。jQueryを使ってh1〜h6タグの内側にspanを自動で入れるって手もあるな。
WindowsやMacOSにおけるフォーム部品の画像がダウンロードできるサイト | IDEA*IDEA
http://www.ideaxidea.com/archives/2008/04/windowsmacos.html
PSDファイルでフォーム部品の画像がダウンロードできるサイトの紹介。便利かも。
●ひとこと
「直リンクに何が起きているのか」という直リンクに関するまとめ記事が興味深い。そもそも直リンクという言葉の解釈もいろいろあるし、間違った解釈が一部で常識化してたりといろいろあるのね。
Googleのリンク評価検証――最初のアンカーテキストだけが評価対象になる | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2008/04/11/2965
同一URLへのリンクが同じページにあった場合、最初のアンカーテキストだけしか評価対象にならないとのこと。
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
http://blog.asial.co.jp/373
あまり突っ込んだ内容じゃないですが、ざっと概要がつかめますね。
商用利用もＯＫで使えるテクスチャ画像提供サイト「freetextures.org」:phpspot開発日誌
http://phpspot.org/blog/archives/2008/04/freetexturesorg.html
商用でもフリーに使えるテクスチャ写真素材の配布サイトの紹介です。
[CSS]印刷用のCSSのフレームワーク -Hartija | コリス
http://coliss.com/articles/build-websites/operation/css/988.html
印刷用CSSのフレームワークの紹介。これをベースにいじっていけば、簡単に印刷用CSSが作れそうですね。
[JS]高いカスタマイズ性を備えたLightbox風のスクリプト -nyroModal | コリス
http://coliss.com/articles/build-websites/operation/javascript/990.html
またまたjQueryを利用するLightbox風のスクリプトの紹介です。カスタマイズ性が高く、画像以外にHTMLページなども表示できるようです。
[CSS]スクリプト無しで実装する、タブが重なり合うナビゲーション | コリス
http://coliss.com/articles/build-websites/operation/css/978.html
ロールオーバー状態のタブが他のタブと重なり合いつつ前に出ているような効果をCSSだけで実現するサンプルの紹介。
RedLine Magazine : よく使うhtmlとCSSのソースセット
http://redline.hippy.jp/lab/css/htmlcss.php
よく使ういくつかのパターンのHTMLとCSSのソースのセットを公開してくれています。
【ハウツー】ゼロからはじめるS5 - スクリプトひとつでプレゼンサイト (1) S5の概要 | パソコン | マイコミジャーナル
http://journal.mycom.co.jp/articles/2008/04/10/s5/index.html
ブラウザ上でプレゼンテーションを行なうJavaScriptライブラリS5の入門記事。
XPathGraph
http://xpath.kayac.com/
ウェブサイト上にある数値を定期的に取得し、自動的にグラフを作成するサービス。
CSS の「値」とは何か - IT戦記
http://d.hatena.ne.jp/amachang/20080409/1207756586
CSSの「value（値）」を6種類に分けて説明。
37 More Shocking jQuery Plugins
http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html
jQueryのプラグインのリンク集。
Webデザイナが知っておくべきPHPセキュリティ - builder by ZDNet Japan
http://builder.japan.zdnet.com/sp/php-for-desinger-2008/story/0,3800085347,20371133,00.htm
クロスサイトスクリプティングについてなど、Webデザイナでも知っておくといい情報ですね。
JavaScriptとPHPでつくるAjaxインクリメンタル検索：CodeZine
http://codezine.jp/a/article/aid/2305.aspx
JavaScript、PHP、MySQLを使って特定のフレームワークを利用せずにAjaxによるインクリメンタル検索を実装するチュートリアル記事。
Excelデータをビジュアライズしよう - DesignWalker
http://www.designwalker.com/2008/04/excel-visualization.html
Excelのデータを視覚的に分かりやすく表示できるツールやTipsの紹介。
会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！
http://d.hatena.ne.jp/wa-ren/20080410/p1
ユーザーIDはメールアドレスにしたほうがいいなど、なるほどためになる内容。
ソニーのアフィリエイト「BLOGENT」は、今更とか言わないでとりあえず入っとくといいかも :Heartlogic
http://www.heartlogic.jp/archives/2008/04/blogent.html
特定のリンクを張ったりする必要がなく、アフィリエイトを意識せずにアフィリエイトできるようです。たしかに画期的かも。
XHTMLからスタイルシートの枠組みを作ってくれる『CSS Frame Generator』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2008/04/xhtmlcss_frame_generator.html
XHTMLからIDとかを抜き出してCSSのひな形っぽいものを作ってくれるサービスの紹介。
駄文 - 株式会社 Dino の新人研修がすごい - IT戦記
http://d.hatena.ne.jp/amachang/20080408/1207677033
新人研修の動画が公開されているそうです。
[JS]jQuery用のLightbox風スクリプト -jQuery Lightbox Plugin | コリス
http://coliss.com/articles/build-websites/operation/javascript/973.html
他にもありますが、jQuery用のLightbox風スクリプトの紹介。
Footers In Modern Web Design: Creative Examples and Ideas | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2008/04/08/footers-in-modern-web-design-creative-examples-and-ideas/
いまどきのフッターデザインのサンプル集。機能ではなくビジュアル重視のセレクトですね。
IE、Firefox、Safari、OperaのCSSに関する互換性 - builder by ZDNet Japan
http://builder.japan.zdnet.com/news/story/0,3800079086,20370946,00.htm
最新版のブラウザによるCSS疑似クラスの対応状況について。IE8 beta1ではどれも対応していないようです。
画像をサーバ側で好きなサイズにリサイズできるPHPスクリプト:phpspot開発日誌
http://phpspot.org/blog/archives/2008/04/php_95.html
imgタグのソースに画像ファイル名とサイズを指定するだけで画像がリサイズされるようです。
以前紹介したFeatures | Asido: PHP Image Processing Solutionはリサイズのほかウォーターマークを入れたり回転したりもできるようですね。
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-454.html
ジェネレーターサイトを50個も紹介。知らないものがたくさんありました。
HTMLを知らない人でもWebサイトが作れるCMSとは？（1/3） − ＠IT
http://www.atmarkit.co.jp/fwcr/rensai/freeauthoring07/freeauthoring07_1.html
無料CMSツールが7つ紹介されています。
[N] 「Yahoo! Pipes」の超簡単な使い方
http://netafull.net/lifehack/025274.html
Yahoo! Pipesを使って英語のRSSフィードを日本語に変換する方法の紹介。
ワンダフルな100のPhotoShopチュートリアル:phpspot開発日誌
http://phpspot.org/blog/archives/2008/04/100photoshop.html
写真にエフェクトをかけるようなPhotohsopチュートリアルのまとめサイトの紹介。
[CSS]チェックしておきたい50のCSSのテクニック | コリス
http://coliss.com/articles/build-websites/operation/css/969.html
CSSテクニックのまとめ。
Rails Jedi | Firebug 1.2 Excitement
http://www.railsjedi.com/posts/24-Firebug-1-2-Excitement
Firebugの1.2アルファ版というのが出ているようです。
Gmailと連携するFirefoxプラグイン「Xoopit」のプライベートベータ版が公開:ニュース - CNET Japan
http://japan.cnet.com/news/media/story/0,2000056023,20370625,00.htm
Gmailの添付ファイルの画像をギャラリー風にブラウズしたりできるらしい。写真のやりとりが多い人には便利かも。
MacやWindowsで複数バージョンのブラウザを共存させる方法いろいろ - DesignWalker
http://www.designwalker.com/2008/04/multiple-browser.html
Windowsで複数バージョンのIEを起動させる方法の他、Macで複数のFirefoxやSafariを動かす方法も紹介されています。
CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible CSS Interface」:phpspot開発日誌
http://phpspot.org/blog/archives/2008/04/cssjsuithe_high.html
立派なサンプルページとそのページを構成する要素のチュートリアルが見られます。
feedpath閉鎖の裏側を聞く--RSSリーダー単体のビジネスは困難:インタビュー - CNET Japan
http://japan.cnet.com/interview/media/story/0,2000055959,20370548,00.htm
閉鎖が発表されたfeedpathの開発元へのインタビュー記事。
オープンソースのPHPで作られたイメージギャラリーサイト作成ツール*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-449.html
カテゴリ付けや画像のトリミングができるイメージギャラリー用アプリケーション「Phormer」の紹介。
[CSS]IE8までのブラウザを対象としたCSS Hack/Filterのまとめサイト | コリス
http://coliss.com/articles/build-websites/operation/css/956.html
多くのブラウザのCSS Hack/Filterの対応をまとめたサイトの紹介。
スパムに埋もれたメールを探し出す（Gmail編） - ITmedia Biz.ID
http://www.itmedia.co.jp/bizid/articles/0804/01/news082.html
Gmailで高度な検索を使ってスパムメール内を検索する方法など。
無料ホームページ
アフィリエイト レンタルサーバー FC2ブログ 一戸建て
