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

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

スポンサーサイト

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

デイリーWebテク Vol.0486 2008/01/27

Iconize Textlinks with CSS - pooliestudios

http://pooliestudios.com/projects/iconize/
リンクテキストに、拡張子などで判断して自動的にアイコンイメージを付けるCSSサンプル。

Web Developer's Field Guide - Your Ultimate Resource

http://webdevelopersfieldguide.com/
Webデベロッパー向けのお役立ちリンク集。

Style Your Image Links | Css Globe

http://cssglobe.com/post/1238/style-your-image-links
リンク画像のロールオーバー時に虫眼鏡のアイコンを追加することをJavaScriptで実現。

●ひとこと

アップルの社名ロゴや製品名に使われているフォントMyriadがAdobe Readerからインストール可能とか、昔のロゴに使われていたApple Garamondがフリーでダウンロードできるとかの話題が載っていました。
Apple製品のロゴのフォントはMyriad(ミリアド) - webdog

スポンサーサイト

デイリーWebテク Vol.0485 2008/01/26

複数のライブラリに対応したLightboxスクリプト -Shadowbox.js | コリス

http://coliss.com/articles/build-websites/operation/javascript/772.html
rototype、jQuery、YUI、Extなどのライブラリに対応。画像や動画の拡大表示にもさまざまなオプションがあって、なかなかよさそうです。

CSSレイアウト時のよくやる失敗と対処法|WEB制作(html,css(スタイルシート) )|プログラムメモ

http://logic.stepserver.jp/data/archives/157.html
CSSでのよくあるTips集。

Flashに使えるサウンドエフェクト - DesignWalker

http://www.designwalker.com/2008/01/sound-effect.html
フリーの音素材などの配布サイトのリンク集。

●ひとこと

W3Cが「HTML5」の策定に向けて活動を本格化したそうです。
HTML5が持つ本当の意味 - @IT

デイリーWebテク Vol.0484 2008/01/22

[JS]フォームのtextareaをサイズ変更できるスクリプト -TextArea Resizer | コリス

http://coliss.com/articles/build-websites/operation/javascript/756.html
textareaを縦方向にリサイズできるようにするjQueryのプラグインの紹介。

たった3行加えるだけで、ページの読み込み時間を劇的に改善させる『class.compressor.php』 | IDEA*IDEA

http://www.ideaxidea.com/archives/2008/01/3classcompressorphp.html
ファイルを圧縮したり、サーバーへのリクエストを少なくしたりして速くしているようです(?)

それなりに使い勝手が良さそうなヘッダーのサンプル4種|CSS HappyLife

http://css-happylife.com/log/css-template/000332.shtml
ヘッダー(ロゴ+グローバルメニュー+α)のサンプルファイルを配布しています。

●ひとこと

「嫌儲」という言葉がネット世界でははやっているんだとか。「他人が楽をしてもうけるのを見るのが気に入らない」という心情はたしかに分かるな。
ネット発キーワード「嫌儲」~ユーザーコンテンツに広告を付けると嫌われる - 日経トレンディネット

デイリーWebテク Vol.0483 2008/01/21

Googleウェブマスターツール完全マニュアル|αSEO(アルファSEO)

http://www.alphaseo.jp/seo-column/080121_103304.html
Googleウェブマスターツールを使った、Web管理でのありがちな問題(「公開したくないページが、検索にヒットしてしまっている」など)への対策法。

HTML - meta タグの仕様詳細まとめ :: Drk7jp

http://www.drk7.jp/MT/archives/001311.html
metaタグについて、やたらに詳細にまとめてあります。

IE6でよく遭遇するCSSのバグとその解決方法 | コリス

http://coliss.com/articles/build-websites/operation/css/753.html
基本ですが、IE6でのありがちなCSSのバグ3つの対処法。

手軽に正規表現のテストができるツールが登場!Rubyで作られた『Rubular』 | IDEA*IDEA

http://www.ideaxidea.com/archives/2008/01/rubyrubular.html
他にもたくさんありますが、正規表現のテストをオンラインで行うツールの紹介。

●ひとこと

佐藤可士和がインターネットについて語ったインタビューを発見。「これがすごく面白い!保存して更新すると、一瞬にしてWebサイトが変わるんです。世界中に向けてデザインが一斉に変わる、これはWebサイトならではのダイナミズムでしょう。」っていうのを読んで初心を思い出すのも一考かと。
佐藤可士和が語る“クリエーティブから見たインターネット” (トレンド):NBonline(日経ビジネス オンライン)

デイリーWebテク Vol.0482 2008/01/20

Googleカレンダーを利用した長期計画・目標達成のためのタスク管理術 | Google Mania - グーグルの便利な使い方

http://google-mania.net/archives/877
Googleカレンダーを利用した長期目標に対するタスク管理方法

WEBディレクターの仕事術 ~電話とメールの使い分け~ - livedoor ディレクター Blog

http://blog.livedoor.jp/ld_directors/archives/50894700.html
たしかになんでもメールだけで済ませようとしない方がいいですよね。

3 ways to go beyond Web 2.0 design

http://thenextweb.org/2008/01/19/3-ways-to-go-beyond-web-20-design/
グリッドとホワイトスペース、タイポグラフィー、カラーとグレーの影がポイントなんだとか。

●ひとこと

東海道新幹線で2009年春から無線LANが使えるようになる予定のようです。まだまだ先だけど、実現したら喜ぶ人は多いだろうね。
asahi.com:新幹線に無線LAN 総務省、周波数割り当てへ - ビジネス

デイリーWebテク Vol.0481 2008/01/19

「Goodbye, MD」の次は、「Goodbye, 光学式ドライブ」──林信行が読み解くMacworld

http://ascii.jp/elem/000/000/101/101055/
iTunes Storeがソフトウェアの販売チャンネルになるのではないかというのは、なるほどと思った。

フリーの高品質なアイコンがダウンロードできるサイト -iconspedia | コリス

http://coliss.com/articles/build-websites/operation/design/751.html
アイコン毎にライセンスが明記されているので使いやすそうです。

GridFox - The Grid Layout Firefox Extension » Eric Puidokas » Programming and Designing for the Web

http://www.puidokas.com/portfolio/gridfox/
ページ上にグリッドを表示させるFirefoxエクステンション。

CSSEdit plus Japanese - SCREAMO

http://www.screamo.jp/2008/01/000076.php
MacのCSSエディターCSSEditを日本語化するインストーラーが発表されたようです。

●ひとこと

Appleのデザインはブラウン社の60年代の家電商品に影響を受けているらしいというエントリーがありました。
らばQ : Appleがあのブラウンからパクったグッドデザイン10の原則

デイリーWebテク Vol.0480 2008/01/18

[CSS]テキストにグラデーション効果をつけるスタイルシート | コリス

http://coliss.com/articles/build-websites/operation/css/746.html
日本語だと環境によらない見出しにつかえるフォントがないから厳しいけど、なかなかいいアイディア。

最高のFlashチュートリアル集『Adobe Flash Tutorials - Best of』 | CREAMU

http://blog.creamu.com/mt/2008/01/flashadobe_flash_tutorials_bes.html
Flashのチュートリアルを5つ紹介。

アルファブロガーが予想する、2008年のインターネット業界

http://internet.watch.impress.co.jp/cda/special/2008/01/18/18151.html
今年注目しているインターネット関連のサービスや技術などを自由回答形式で挙げてもらった結果の紹介だそうです。

●ひとこと

MacBookを改造したタブレットMac「ModBook」が日本で今夏発売予定とのこと。
【Macworld2008現地報告】今夏日本に上陸する“タブレットMac”こと「ModBook」 - 日経トレンディネット

デイリーWebテク Vol.0479 2008/01/17

Color + Design Blog / Free Advanced DHTML Color Picker by COLOURlovers

http://www.colourlovers.com/blog/2008/01/16/free-advanced-dhtml-color-picker/
サイト上で使えるフリーのカラーピッカー。

Lightboxスクリプトいろいろ - DesignWalker

http://www.designwalker.com/2008/01/lightbox.html
なんと22個もあるんですね。解説はないですがどんな見た目かのスクリーンキャプチャーが載っています。

サン・マイクロシステムズ、オープンソースDB企業のMySQLを取得へ:ニュース - CNET Japan

http://japan.cnet.com/news/biz/story/0,2000056020,20364986,00.htm
現金約8億ドルでMySQLの非公開株式を取得し、2000万ドル相当のオプションを引き取る予定だそうです。

3分LifeHacking:Webサイトのブラウザ別スクリーンショットを一括取得する - ITmedia Biz.ID

http://www.itmedia.co.jp/bizid/articles/0801/16/news032.html
基本有料のスクリーンショット.jpと完全無料のBrowsershotsが紹介されてます。

div class="hitokoto">

●ひとこと

MacBook Airですが、意外と辛口の批評が多いですね。明確にサブマシンという位置づけで、値段がもっと安かったらよかったのかも。
TechCrunch Japanese アーカイブ » MacBook AirHead: アップルの新型ノートが基本的には役立たずな理由
元麻布春男の週刊PCホットライン MacBook Airは買うべきか買わざるべきか

デイリーWebテク Vol.0478 2008/01/16

heureux heure* » Blog Archive » MacHeist Bundle (LaunchBar が 特別追加!?)

http://rare.to/weblog/2008/01/13/10/
CSSEdit、Snapz Pro XなどMacのシェアウェア11個、総額$368.75を$49で買うことができるチャリティイベント(?)が行われているようです。すでに相当数の購入者がいたようで、販売数に応じて順次ライセンスが解除されていくソフトも入手できるようです。CSSEditをまだ持っていない人はぜひ。

ちょっ速!のファイル共有サイト『EatLime』がなかなか良く出来ている件 | IDEA*IDEA

http://www.ideaxidea.com/archives/2008/01/eatlime.html
Windowsにアップローダーソフトをインストールしておけば、簡単にアップロードできるそうです。

カスタマイズできる多機能LightBox「Lightview」:phpspot開発日誌

http://phpspot.org/blog/archives/2008/01/lightboxlightvi.html
背景色のほか、角丸の度合いや、灰色背景の描画ON/OFFとその透明度、zIndex、表示の際のエフェクトなどをカスタマイズ可能とのこと。

●ひとこと

出ましたね、MacBook Air。イー・モバイルのUSBデータ通信カードがセットで売れそう。USBがあれば拡張性にはそれほど困らなそうだけど、バッテリ交換がユーザーでできないというのが気になる人も多いかも。予備バッテリーを携帯し交換して使うというのができないということね。
Macworld 2008 スティーブ・ジョブズ キーノート - Engadget Japanese
アップルMacBook Air さらに詳細 - Engadget Japanese

デイリーWebテク Vol.0477 2008/01/15

リキッド・レイアウトでチェックボックスを綺麗に並べる - WebOS Goodies

http://webos-goodies.jp/archives/51275332.html
変な改行が入らないようにチェックボックス(+ラベルテキスト)を並べる方法の考察。

Googleキラーとも言われる「Mahalo」を徹底的に使ってみた: SNS,ソーシャルネットワーキング.jp

http://www.socialnetworking.jp/archives/2008/01/googlemahalo.html
検索結果を「人力」で作成しているという検索エンジンなんだとか。また、SNS的な要素があったり、機能てんこ盛りのようですね。

[CSS]テーブル要素を使用しないで制作するカレンダー | コリス

http://coliss.com/articles/build-websites/operation/css/736.html
テーブル要素を使用しないで、リスト要素を使用して制作するカレンダーの紹介。

CSS Hack Lab | CSSハックまとめサイト!

http://css.ojaru.jp/
CSSハックのライブラリサイトができていました。ライブラリには解説付き。

Free Screencast Software for Linux, Mac OS X and Windows

http://www.webdesignarchive.org/2008/01/13/free-screencast-software-for-linux-mac-os-x-and-windows/
フリーのスクリーンキャスト用ソフトウェアのリンク集。

101 CSS Techniques Of All Time- Part 1

http://www.noupe.com/css/101-css-techniques-of-all-time-part-1.html
ありがちですが、CSSテクニックのまとめページ。

[JS]jQuery 1.2.2リリース&変更点など | コリス

http://coliss.com/articles/build-websites/operation/javascript/739.html
jQuery 1.2.2が2008年1月15日にリリースされたそうです。

●ひとこと

ちょっと数日家を空けていてこのメルマガも配信できませんでした。いよいよ、日本時間16日の2時にMacworld Expoの基調講演がスタートだそうです。サブノートは出るのかしら。

デイリーWebテク Vol.0476 2008/01/10

[AS]かっこいいUIのフラッシュライブラリ -Movieclip tweening prototypes | コリス

http://coliss.com/articles/build-websites/operation/design/724.html
ステキなFlashのUIライブラリ。

PDF Hammer - Free Web Based PDF Editor

http://www.pdfhammer.com/
オンラインのPDFエディター。

[を] Webサイトをケータイからのみアクセス可能にする方法

http://chalow.net/2008-01-09-4.html
PCサイト用のクローラがケータイサイトに来ないようにするための設定の例。

asahi.com:HPアドレス「.日本」もOK 09年にも各国語解禁 - ビジネス

http://www.asahi.com/business/update/0110/TKY200801090335.html
そんなのいらないと思ったが、「中国や韓国、アラビア語圏などアルファベットをあまり使わない国々で自国語表記を求める声が強かった」ということで納得。

●ひとこと

最近ブルーレイがHD DVDに勝ちそうという流れになっているようですが、シーゲイトのCEOが本当の勝者はハードディスクだと言っているようです。たしかにそうなのかも。
「勝者はBlu-rayでもHD DVDでもなく、ハードディスク」--シーゲイトCEOが発言:ニュース - CNET Japan

デイリーWebテク Vol.0475 2008/01/09

IE6以下をWeb標準に準拠させるライブラリ『IE7.js』[to-R]

http://blog.webcreativepark.net/2008/01/09-070210.html
IE5やIE6で透過PNGを表示できるようにもなったり、a要素以外の要素にもhover擬似クラスが設定可能になったりするようです。まだベータ版だそうですが、これはよさそうですね。

第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum

http://web-tan.forum.impressrd.jp/e/2008/01/07/2186
ファーストビューからユーザーを画面下部へと導くコツなど。

いろんなメールアドレスからGmailに転送してる人へ - むぅもぉ.jp

http://muumoo.jp/news/2008/01/09/0gmail.html
exeファイルが添付されているファイルの送り主にエラーメールが返ってしまうことの弊害についての考察。

●ひとこと

フリーでダウンロードできるアメコミや絵本のオススメを紹介しているサイトがありました。
17 Sensational, Free and Downloadable Graphic Novels

デイリーWebテク Vol.0474 2008/01/08

古いバージョン~最新バージョンのSafariを入手できるサイト「Multi-Safari」:phpspot開発日誌

http://phpspot.org/blog/archives/2007/10/safarimultisafa.html
細かいバージョン違いも入手できるようなので、特定バージョンで問題が起きるときのチェックに必要となる日がくるかも。

» 25 Code Snippets for Web Designers (Part8)

http://tutorialblog.org/25-code-snippets-for-web-designers-part8/
Webデザイナーのためのコードスニペットの第8弾。

Web Worker Daily » Archive Is Your HTML Good Enough? 7 Browser-Testing Services «

http://webworkerdaily.com/2008/01/07/is-your-html-good-enough-7-browser-testing-services/
ブラウザによる表示チェックをオンラインでできるサービスを7つ紹介。日本だとやはり「スクリーンショット.jp」なんですかね。

デイリーWebテク Vol.0473 2008/01/07

POP | 辞書

http://www.popjisyo.com/WebHint/Portal.aspx
無料で使えるウェブ上のポップアップ多言語辞書。このサービス上で英語サイト(など)を見ると、単語ごとにポップアップで訳語が表示される。

翻訳サービスいろいろ - DesignWalker

http://www.designwalker.com/2007/12/translation.html
上の記事と翻訳つながりで、DesignWalkerの翻訳サービス比較記事。

Nitram+Nunca › リアル・グラデーションの作法

http://nitram-nunca.com/jp/2008/01/06/real-gradient-color/
グラデーションについての話。

●ひとこと

ジャストシステムの「アレンジOK!素材集」がちょっと興味深い。イラスト素材集なんだけど、データは3Dのようで服装や表情、ポーズを変更できるというモノ。
アレンジOK!素材集

デイリーWebテク Vol.0472 2008/01/02

ネットの源流を知る―INTERNET magazine、12年間のバックナンバー無償公開 | All-in-One INTERNET magazine 2.0

http://i.impressrd.jp/e/2007/12/26/336
コーナー毎にばらばらのPDFで提供されています。今後HTMLでの公開も予定しているそうです。

10 Sites to Find Free Graphic Design Courses Online -- Education-Portal.com

http://education-portal.com/articles/10_Sites_to_Find_Free_Graphic_Design_Courses_Online.html
オンラインでグラフィックデザインを学ぶチュートリアル集。

Re:zapa氏 今更ですが、jQueryにはまりました*ホームページを作る人のネタ帳

http://e0166.blog89.fc2.com/blog-entry-363.html
jQueryとPHPを組み合わせるととっても便利という話。PHP側のプログラムができていればの話ですが。

Top 25 Free Icon Resources for Web Designers | Speckyboy - Wordpress & Design

http://speckyboy.com/2008/01/01/top-25-free-icon-resources-for-web-designers/
フリーアイコン集。

●ひとこと

紅白歌合戦で審査員をしていた茂木健一郎のブログでの中居くんの裏話がちょっといい話。
茂木健一郎 クオリア日記: 中居クンの判断

FC2Ad

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