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

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

スポンサーサイト

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

デイリーWebテク Vol.0516 2008/04/30

アニメーションするドロップダウンメニュー作成JS「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用の無料ブラシが多数紹介されています。

●ひとこと

Parallelsを含む総額$474.76のシェアウェア10本が$64.99で買えるというバンドルパックをMacUpdateで行っていました。過去形なのは、終わってしまったから。うーむ、悩んでいるうちに時間切れになってしまった。締め切り前に紹介できなくてごめんなさい。
Travellers Tales : Parallels を含む 49000円相当のソフトが 7000円以下で買えそう!(4月いっぱい)

スポンサーサイト

デイリーWebテク Vol.0515 2008/04/29

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では使えないみたい。残念。

●ひとこと

シネコン「新宿バルト9」の発券システムがイケてないという話が興味深かった。笑い事じゃないんだけど、ちょっと笑える。
シネマコンプレックス「新宿バルト9」の驚嘆すべき大バカ最低システム - 檜山正幸のキマイラ飼育記

デイリーWebテク Vol.0514 2008/04/27

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」というのが正式サービスを開始したとのこと。カシオ計算機が作っているサイトなのね。
高精度計算サイト の計算

デイリーWebテク Vol.0513 2008/04/25

クリック位置のヒートマップを作成できるオープンソースやサービス色々: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以上がフツーになっているようですね。

●ひとこと

PicLensを開発したところが作っているPreviewというFirefoxプラグインも便利。リンク先を小窓で開くものなんだけど、デザインもいいしよくできている。
Cooliris, Inc. | Beyond the Browser

デイリーWebテク Vol.0512 2008/04/23

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ファイルでフォーム部品の画像がダウンロードできるサイトの紹介。便利かも。

●ひとこと

直リンクに何が起きているのか」という直リンクに関するまとめ記事が興味深い。そもそも直リンクという言葉の解釈もいろいろあるし、間違った解釈が一部で常識化してたりといろいろあるのね。

デイリーWebテク Vol.0511 2008/04/13

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
あまり突っ込んだ内容じゃないですが、ざっと概要がつかめますね。

商用利用もOKで使えるテクスチャ画像提供サイト「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ページなども表示できるようです。

●ひとこと

価格399.99ドルのMac互換機が出るそうです。いいのか?ってダメみたいですが…。
『Mac OS X』互換の格安パソコン:Apple社使用許諾違反の可能性は? | WIRED VISION

デイリーWebテク Vol.0510 2008/04/11

[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/
ウェブサイト上にある数値を定期的に取得し、自動的にグラフを作成するサービス。

●ひとこと

石膏(せっこう)の粉にインクと接着剤を吹き付けると、自動で立体模型が完成するという「フルカラー3Dプリンタ」なんてものがあるようです。すごい。
世界初の「フルカラー3Dプリンタ」で何を作る? - ITmedia News

デイリーWebテク Vol.0509 2008/04/10

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
特定のリンクを張ったりする必要がなく、アフィリエイトを意識せずにアフィリエイトできるようです。たしかに画期的かも。

●ひとこと

30日間限定で友達に写真を見せたり、共有したりできるオンラインアルバムサービスが始まっていました。30日過ぎたらそこから10日間、写真をダウンロードすることができるそうです。
30日間限定オンラインアルバム | 30days Album™

デイリーWebテク Vol.0508 2008/04/09

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/
いまどきのフッターデザインのサンプル集。機能ではなくビジュアル重視のセレクトですね。

●ひとこと

ちょっと古いネタですが、NHK「プロフェッショナル仕事の流儀」にウェブデザイナー中村勇吾が出ていたとき、番組中で紹介していた茂木健一郎(その番組の司会)の髪がもじゃもじゃするコンテンツが公開されていました。
デザインと広告のデザインマガジン【Key Person Q】 Webデザイン Webデザイナー|「NHKプロフェッショナル仕事の流儀」に出演したウェブデザイナー中村勇吾氏

デイリーWebテク Vol.0507 2008/04/08

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つ紹介されています。

●ひとこと

24時間1300円で利用できるというツカサの「ネットルーム」というのがあるようです。安い。
ツカサの「ネットルーム」が都内で増加中 | エキサイトニュース

デイリーWebテク Vol.0506 2008/04/07

[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アルファ版というのが出ているようです。

●ひとこと

商標に関する情報を集約したポータルサイト「商標新聞」というのがオープンしてました。商標トリビアなど読んでおもしろいページもあります。
商標のポータルサイト「商標新聞」オープン、事務所検索や商標トリビア | ネット | マイコミジャーナル
商標新聞 | 商標登録の専門ポータルサイト

デイリーWebテク Vol.0505 2008/04/03

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
立派なサンプルページとそのページを構成する要素のチュートリアルが見られます。

●ひとこと

Google Gearsを使ってGoogle Docsがオフラインで使えるようになるそうです。これは楽しみ。
「Google Docs」がまもなくオフライン利用可能に - builder by ZDNet Japan

デイリーWebテク Vol.0504 2008/04/02

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で高度な検索を使ってスパムメール内を検索する方法など。

●ひとこと

今さらな話題かもしれませんが、Prismというのを使ってGmailやGoogle Docsなどを単独のアプリケーション(っぽい挙動)にしてみました。使ってみると便利ですね。Gmailに関してはMailplaneという単独のアプリも試しています。こっちはさらに便利だな。
ウェブアプリを単独で起動させる Mozilla “Prism” | Lifehacking.jp
Mozilla Labs » Blog Archive » Major Update to Prism, First Prototype of Browser Integration
Mailplane - Home

FC2Ad

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