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

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

スポンサーサイト

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

デイリーWebテク Vol.0623 2008/10/31

[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

http://coliss.com/articles/build-websites/operation/css/1591.html
なるほどという方法ですが、汎用性が不要なら、三色に分けた背景画像を全体を囲むdivに設定するほうが簡単という気も。

Google SEO、10のウソ » 海外SEO情報ブログ・メルマガ

http://www.suzukikenichi.com/blog/ten-myths-of-google-seo/
Googleに関するSEOでの「都市伝説」について、それが正しくないという説明が。

25 Hot Female Web Designers - Freelance Web Design Belfast Northern Ireland Lee Munroe

http://www.leemunroe.com/25-hot-female-web-designers/
25の女性Webデザイナーによる作品のリスト。

オンラインプレゼン作成ツール『sliderocket』の高機能っぷりがすごい | IDEA*IDEA

http://www.ideaxidea.com/archives/2008/10/sliderocket.html
以前スライドショーを作れるWebアプリ集で紹介されていた「sliderocket」がくわしく紹介されてました。

●ひとこと

livedoorが一般の開発者を支援するサービスを始めるようです。創業時の社名にちなんでEDGEという名前を冠しているところがいいですね。
EDGE Co.Lab | livedoor labs EDGE

スポンサーサイト

デイリーWebテク Vol.0622 2008/10/29

タイトル・見出しに使えるデザインまとめ - DesignWalker

http://www.designwalker.com/2008/10/headline.html
見出しデザインのサンプルサイトやCSSによる装飾方法など。

うまくデザインされたブログのフッター集:phpspot開発日誌

http://phpspot.org/blog/archives/2008/10/post_264.html
フッタに情報をたくさん入れるのが定着した感がありますね。

通常変更できないちょっとした設定をターミナルから変更する50のTips | Macの手書き説明書

http://veadardiary.blog29.fc2.com/blog-entry-1857.html
便利そうな技が多数。

●ひとこと

ヨドバシ・ドット・コムがリニューアルしたところ、サイトがやたらに重い、つながらない、という障害が起きているそうです。このサイト、キノトロープ関連のキノトロープスリーイントという会社が開発したようです。
ヨドバシカメラのサイトが「動かないコンピューター」状態、機会損失は既に数億円規模? - Technobahn
「ヨドバシ・ドット・コム」がリニューアル直後から表示が遅すぎて激重になる大規模障害が発生、一体何が起きているのか? - GIGAZINE

デイリーWebテク Vol.0621 2008/10/28

Web制作会社が作った!超使えるJavaScriptライブラリ

http://ascii.jp/elem/000/000/183/183437/
画像のロールオーバーなどよくつかう6つの機能を持ったライブラリ「MJL(MITSUE-LINKS JavaScript Library)」。他のライブラリ不要で、かつ干渉しないようになっているとのこと。yuga.jsもいいですが、こっちもよさそう。

50 Beautifully Dark Web Designs - Six Revisions

http://sixrevisions.com/web_design/50-beautifully-dark-web-designs/
黒など暗い背景色のWebデザイン集。

20 Inspirational Resources for Logos and Logotypes - Get Creative! : Speckyboy - Web Design, Web Development and Graphic Design Resources

http://speckyboy.com/2008/10/26/20-inspirational-resources-for-logos-and-logotypes-get-creative/
ロゴデザインの参考になりそうなサイトいろいろ。

» So You Need A Photo Gallery Website?

http://tutorialblog.org/so-you-need-a-photo-gallery-website/
Photoギャラリーを作れるサイトやソリューションをいくつか紹介。

●ひとこと

USB接続のちっちゃいモニタが最近ひそかにはやっているようですが、センチュリーのLCD-4300UをMacにつないだというレポートがありました。
LCD-4300U を Mac で使う [dh memoranda]

デイリーWebテク Vol.0620 2008/10/25

Android : ITpro

http://itpro.nikkeibp.co.jp/keitai/android/index.html
Android関連の記事がまとまっています。

50 Beautiful Blog Designs | Design Showcase | Smashing Magazine

http://www.smashingmagazine.com/2008/10/23/50-beautiful-blog-designs/
ブログデザインのショーケース。

漢字が使える日本語フォント 無料ダウンロード 46種類 : 4GALAXYのメモ

http://blog.4galaxy.net/56.html
日本語フリーフォントをサンプル画像付きで多数紹介。

30 Free Stock Photo Sites: Ultimate Collection | 1stwebdesigner

http://www.1stwebdesigner.com/resources/30-free-stock-photo-sites-ultimate-selection/
フリーの写真素材配布サイトを30紹介。

Google Japan Blog: Gmail で絵文字が使えるようになりました

http://googlejapan.blogspot.com/2008/10/gmail.html
残念ながらiPhone上では使えません。

●ひとこと

iPhoneで写真を撮るときのコツは、シャッターボタンを押したまま構図を決めて、ボタンから指を離してシャッターを切るということです。なるほど、確かにこの方法だとぶれにくいですね。
Going My Way: iPhone のカメラで撮影時にぶれずに撮影する方法

デイリーWebテク Vol.0619 2008/10/24

Innovative (and Experimental) CSS Examples and Techniques - Six Revisions

http://sixrevisions.com/css/innovative-and-experimental-css-examples-and-techniques/
革新的(実験的)なCSSテクニックと作例。

30+ Tooltips Scripts With JavaScript, Ajax & CSS

http://dzineblog.com/2008/10/30-tooltips-scripts.html
ツールチップのスクリプトいろいろ。

一番便利な無料「オンラインストレージ」はどれか(上) インターネット-最新ニュース:IT-PLUS

http://it.nikkei.co.jp/internet/news/index.aspx?n=MMIT00000022102008
無料のオンラインストレージサービス5種類の比較記事。

●ひとこと

電源がある箇所でないと使えませんが、イーモバイルのUSB接続型端末をつないで、どこでも無線LAN環境を構築できるこんな機器もあるそうです。
Desire for wealth : イモバ回線で AP を作る「ワイヤレスゲート ホームアンテナ for イー・モバイル」が突然発売

デイリーWebテク Vol.0618 2008/10/22

自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE

http://gigazine.net/index.php?/news/comments/20081021_cross_browser_testing/
ベースとなっているのが英語記事なので、スクリーンショット.jp(http://screenshots.jp/)には触れてませんが、ブラウザ確認サイトいろいろ。

[JS]わずか1.3KBの軽量で、快適に動作するアコーディオンのスクリプト | コリス

http://coliss.com/articles/build-websites/operation/javascript/1569.html
他のライブラリ不要。アニメーションするアコーディオンのスクリプト

Ajaxian » Great JavaScript and CSS Menu Libraries

http://ajaxian.com/archives/great-javascript-and-css-menu-libraries
JavaScriptとCSSで実現するメニューいろいろ。

■Creative User Interfaces in Modern Web Design | Design Showcase | Smashing Magazine http://www.smashingmagazine.com/2008/10/21/creative-user-interface-web-design/ ちょっと変わった感じのユーザーインターフェイスのサイトを紹介。

●ひとこと

テプラでおなじみキングジムから、テキスト入力専用マシン「ポメラ」というのが発売されるようです。パソコンとのデータのやりとりは、USBでつなぐか microSDカード経由で行うようです。ちょっと微妙かも。このキーボードがiPhoneにつなげて使えるといいかもとは思った。
キングジム、キーボードを搭載したテキスト入力専用ツール
仕事耕具:入力はテキストデータだけ――折りたたみ式キーボード搭載の「ポメラ」 - ITmedia Biz.ID

デイリーWebテク Vol.0617 2008/10/20

サイトによく使いそうなピクセルタイプの54個のアローのPSD素材 | コリス

http://coliss.com/articles/build-websites/operation/design/1564.html
小さな矢印のビットマップ素材です。

20 Exceptional Websites for Learning Adobe Illustrator - Six Revisions

http://sixrevisions.com/graphics-design/20-exceptional-websites-for-learning-adobe-illustrator/
Illustratorのチュートリアルサイトのリンク集。

Google Docs Guide: How to do Stuff with Google Docs

http://www.labnol.org/internet/office/google-docs-guide-tutorial/4999/
Google Docs(Google ドキュメント)のQ&A形式のガイド。

How to: CSS Large Background

http://www.webdesignerwall.com/tutorials/how-to-css-large-background/
大きな背景画像を使う場合のテクニック。

HTMLを解析して登録できるフィードのメニューを作ってくれる『jQuery Feed Menu』 | IDEA*IDEA

http://www.ideaxidea.com/archives/2008/10/htmljquery_feed_menu.html
複数のフィードへのリンクをドロップダウンで選べるようにしてくれるスクリプト。

●ひとこと

イー・モバイルのUSB接続型端末D02HWなどを接続して、どこでも無線LAN環境を構築できるPHS300の販売がついに開始されるようです。
携帯電話経由で通信できるモバイル無線LANルータ「PHS300」

デイリーWebテク Vol.0615 2008/10/17

jQuery 関連記事まとめ - Cyokodog::Diary

http://d.hatena.ne.jp/cyokodog/20081016/jquerylinks01
日本語のjQuery関連記事のまとめサイトです。

[JS]デザインのカスタマイズも可能なGlow Boxのスクリプト -Growler | コリス

http://coliss.com/articles/build-websites/operation/javascript/1560.html
MacのGrowlの出すウィンドウっぽいのを出すためのスクリプト。

Mozilla Re-Mix: Firefoxで[ページのソース]を任意のエディタで開くようにする方法。

http://mozilla-remix.seesaa.net/article/108172462.html
アドオンを使わずにabout:configを使う方法。

Top 5 Websites to Download Free fonts for both Windows and Mac | iTechMax

http://www.itechmax.com/2008/10/16/top-5-websites-to-download-free-fonts-for-both-windows-and-mac/
フリーのフォントがダウンロードできるサイトTop5。

●ひとこと

「jQuery 関連記事まとめ」はすごいボリュームですね。役に立ちそうです。

デイリーWebテク Vol.0614 2008/10/16

1000+ Free High Resolution Photoshop Brush Sets

http://www.noupe.com/photoshop/1000-free-high-resolution-photoshop-brush-sets.html
Photoshopのブラシ集。

20 Websites to Help You Master User Interface Design - Six Revisions

http://sixrevisions.com/usabilityaccessibility/20-websites-to-help-you-master-user-interface-design/
ユーザーインターフェイスについて学べるサイトの案内。

28 Free File Storage Hosting Websites - Something you need to Bookmark!

http://www.smashingdownloads.com/2008/10/15/28free-file-storage-hosting-websites-something-you-need-to-bookmark/
無料のオンラインストレージサービスを28個紹介。

●ひとこと

打ち合わせで都心に出たついでに、銀座のアップルストアで新しいMacBook Proを見てきました。あのトラックパッドはスゴイ! ボタンはないのに全く違和感なくクリックできた。マルチタップはあまり使わないとは思うが、従来から使える二本指スクロールはまあ便利。ただ、やっぱり気になったのがMacBook Airと同じ光沢のある画面。あれ、目が疲れないんだろうか? でもまあ今後は全機種あの液晶で行くみたいなので慣れるしかないんだろうな。

デイリーWebテク Vol.0613 2008/10/15

[JS]jQueryのプラグイン33+1選 -2008年10月 | コリス

http://coliss.com/articles/build-websites/operation/javascript/1548.html
おなじみコリスによるjQueryのプラグイン33+1選

» 20 jQuery Plugins for Unforgettable User Experience

http://devsnippets.com/jquery-posts/20-jquery-plugins-for-unforgettable-user-experience.html
こっちは20のjQueryプラグインの紹介。

時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」:phpspot開発日誌

http://phpspot.org/blog/archives/2008/10/jsjquerytimepic.html
時→分→am/pmと段階を追って選択して行くインターフェイスが面白いです。

30 Beautiful Photoshop Illustration Tutorials - Six Revisions

http://sixrevisions.com/graphics-design/30-beautiful-photoshop-illustration-tutorials/
Photoshopでイラストを描くためのチュートリアル集。

13 Great Free Backup Programs for Windows, Mac, and Linux - Download Squad

http://www.downloadsquad.com/2008/10/12/13-great-free-backup-programs-for-windows-mac-and-linux/
バックアップをとるためのソフトウェアの紹介。

●ひとこと

新しいMacBook、MacBook Proが発表になりましたね。あまりサプライズはなかったですが、しばらくはあの筐体で行くのでしょう。まあミニノートでなければタッチパネルもいらないでしょうしね。個人的にうれしいのは各ポート類が全部左側面に配置されたこと。前の筐体だとディスプレイのポートが右にあって、マウスを使うときに微妙に邪魔だったのよ。

デイリーWebテク Vol.0612 2008/10/13

Using Javascript to Fix 12 Common Browser Headaches

http://www.noupe.com/css/using-javascript-to-fix-12-common-browser-headaches.html
IE6で透過PNGを使えるようにするとか、min-width, min-heightを対応してないブラウザで使えるようにするなど、ブラウザによって対応してないことをJavaScriptで実現させるようにするようなスクリプトを紹介。役に立ちそう。

30+ Animated Tab-Based Interface and Accordion Scripts

http://dzineblog.com/2008/10/30-animated-tab-interface-and-accordion-scripts.html
アニメーションするタブとアコーディオンメニューのスクリプトの紹介。

Fantastic Frilly Bits Typography Inspiration | Abduzeedo - design inspiration & tutorials

http://abduzeedo.com/fantastic-frilly-bits-typography-inspiration
飾りの付いたタイポグラフィーの作品集。

■70+ JavaScript Resources for Every Web Developer http://www.jasonbartholme.com/70-javascript-resources-for-every-web-developer/ 羅列ですが、JavaScriptのチュートリアルやテクニック、ライブラリーのリンク集。

●ひとこと

有名プログラマーの中島聡さんによるiPhoneアプリ第二弾「SmallCanvas」がリリースされました。簡単なお絵かきソフトなのですが、iPhone本体を起こしたらメニュー表示、左に傾けたらUndo、右に傾けたらRedoという面白い操作方法。PhotoShareというSmallCanvasとも連動して使える第一弾アプリの方も、最近よく使ってます。
Life is beautiful: iPhone向けお絵描きソフト「SmallCanvas」リリース
PhotoShareと連携したお絵描きアプリ「Small Canvas」 - 今日のアプリ第266回 - iPhone・iPod touch ラボ

デイリーWebテク Vol.0611 2008/10/12

Alltop - Top Web Design News

http://webdesign.alltop.com/
Webデザイン関連サイトの新着記事のインデックス。Popurls(popurls.com)よりこっちの方がWebデザイナー向けでよさそう。

再生開始時間を指定してYouTubeの動画を貼付ける方法 - F.Ko-Jiの「一秒後は未来」

http://blog.fkoji.com/2008/10112236.html
URL(2カ所)に &start=[再生を開始させたい秒数] をつけるだけ。

15 Tools for Monitoring a Website’s Popularity - Six Revisions

http://sixrevisions.com/tools/tools_monitoring_website_popularity/
Webサイトの人気を調べるためのツールを15個紹介。

まとめ:Google Chromeに乗り換えずに済む、Firefoxの小技17選 : ライフハッカー[日本版], 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア

http://www.lifehacker.jp/2008/10/google_chromefirefox10.html
Prismを使ってWebサイトをアプリ化するというのはオススメ。PrismはFirefoxのプラグインじゃなくて単体のアプリでも使えます。また、MacだとFluid(fluidapp.com)というのがあって、そっちのほうがちょっと高機能です。

Free Icons - Hidden Pixels

http://hiddenpixels.com/designer-and-developer-resources/free-icons/
フリーのアイコン集。二つのサイトからピックアップしているようです。

Website Background Patterns at Paintbits - Life in Colors

http://www.paintbits.com/2008/10/09/website-background-patterns/
Webサイトの背景につかえそうなパターン集、ジェネレーターの紹介。

●ひとこと

今更ですが、「15 Tools for Monitoring a Website’s Popularity 」でも紹介されているYahoo Site Explorerの.com版とco.jp版をちょっと使ってみました。なかなか役に立ちそうです。自分のサイトじゃなくても気軽に解析できるのがいいですね。
やっとデタ。Yahoo!検索 サイトエクスプローラー公開 - Yahoo!検索 スタッフブログ

デイリーWebテク Vol.0610 2008/10/11

An Introduction to jQuery - Part 1: The Client Side

http://www.west-wind.com/presentations/jQuery/default.aspx
英文ですが、jQuery入門。

Web-Based Rich Text Editors Compared

http://bulletproofbox.com/web-based-rich-text-editors-compared/
Webページに埋め込めるテキストエディターを5つ紹介。

Google ChromeをUSBメモリ内に詰め込みネカフェでGMail :教えて君.net

http://www.oshiete-kun.net/archives/2008/10/google_chromeusbgmail.html
ポータブル版ではなく通常版のGoogle ChromeをUSBメモリで持ち歩けるようにする方法。

無料で使えるMac用アンチウイルスソフト「iAntiVirus 1.1」 | パソコン | マイコミジャーナル

http://journal.mycom.co.jp/news/2008/10/10/019/index.html
システム常駐型のアンチウイルスソフト。ウイルスデータベースのアップデートもされるようです。

●ひとこと

SimpleBitsがAmazonのAstore機能を使ってショップを作っています。きっちりデザインがカスタマイズされてますね。さすが。
SimpleBits ~ SimpleGoods

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

Photoshop Toolbox

http://designm.ag/resources/photoshop-toolbox/
Photoshopのチュートリアルサイトのリンク集。

NealGrosskopf.com l CSS Browser Hacks For Firefox, Opera, Safari & Internet Explorer

http://www.nealgrosskopf.com/tech/thread.asp?pid=20
Firefox、Opera、Safari、IEごとに別々の設定を適用させるCSSハック。

minimalsites | minimal design css gallery

http://www.minimalsites.com/front/8
ミニマルなWebデザインのギャラリーサイト。

60 High Quality Free Web Templates and Layouts | Graphics

http://www.hongkiat.com/blog/60-high-quality-free-web-templates-and-layouts/
クォリティの高いフリーのWebページテンプレートの紹介。

個人・商用サイトで利用可能な大きいサイズのテクスチャ配布サイト -Texturise | コリス

http://coliss.com/articles/build-websites/operation/design/1542.html
紙・木・植物・石などのテクスチャを配布しているサイトTexturiseの紹介。

●ひとこと

前々から噂になっていましたが、アップルがMacBook関連の何かを10月14日に発表することが確実になったそうです。なお、発表は現地サンフランシスコ時間で14日火曜午前10時、日本時間では翌15日水曜日午前2時とのこと。
アップル、10月14日の「MacBook」関連プレス発表会を正式に通知:ニュース - CNET Japan

デイリーWebテク Vol.0608 2008/10/09

Retro and Vintage In Modern Web Design | Design Showcase | Smashing Magazine

http://www.smashingmagazine.com/2008/10/07/retro-and-vintage-in-modern-web-design/
レトロな感じのWebサイトが多数紹介されています。

6 Exceptional Web-based Image Editors - Six Revisions

http://sixrevisions.com/tools/web-based-image-editors/
画像編集のWebアプリを6つ紹介。便利な世の中になったもんです。

Slideshows 2.0 - ReadWriteWeb

http://www.readwriteweb.com/archives/slideshows_20.php
プレゼンテーションに使えるようなスライドショーを作れるWebアプリを紹介。SlideRocketのデモを見てみたけどすごいですね。

35+ Online Shopping Cart Solutions for Your Business - Mashable

http://mashable.com/2008/10/08/shopping-cart-solutions/
osCommerceなどのショッピングカートシステムを多数紹介。インストール型のものもホスティングのものも紹介されています。

米ヤフー、買収した「IndexTools」をリローンチ--新名称は「Yahoo Web Analytics」:マーケティング - CNET Japan

http://japan.cnet.com/marketing/story/0,3800080523,20381731,00.htm
Google Analyticsのようなもののようです。現在は企業向けのベータ版とのこと。

ハドソン、iPhoneアプリ「AQUA FOREST」など3タイトルを期間限定で無料化 - ITmedia +D モバイル

http://plusd.itmedia.co.jp/mobile/articles/0810/08/news103.html
さめがめも無料です!うちの妻はさめがめ好きなのでうれしい。期間限定なのでiPhone/iPod touch持ってる人は急いでダウンロードだ!

無線LAN+PHSの小型AP「どこでもWi-Fi」、バッファローなど3社が発表:ニュース

http://pc.nikkeibp.co.jp/article/news/20081009/1008664/
「PHS-300 Personal Wifi Hotspot」が日本でも発売というニュースのその後も気になるところですが、「どこでもWi-Fi」も通信料金次第では流行るかもしれません。

●ひとこと

ノーベル化学賞を受賞した下村脩氏の息子の下村務氏はネットセキュリティの専門家で、伝説のハッカー(クラッカー)の逮捕に協力したこともある有名な人だそうです。で、その攻防は「ザ・ハッカー」として映画化されているとのこと。
ノーベル化学賞を受賞した下村脩氏の息子下村務氏は超凄腕ハッカー - 空気を読まない中杜カズサ

デイリーWebテク Vol.0607 2008/10/08

20 Excellent AJAX Effects You Should Know - NETTUTS

http://nettuts.com/web-roundups/20-excellent-ajax-effects-you-should-know/
ビジュアル的なものより、フォームの値の自動チェックのような地味なものが多いですが、優れたAjaxエフェクトを20個紹介。

30 Beautifully Blue Web Designs - Six Revisions

http://sixrevisions.com/web_design/30_beautifully_blue_web_designs/
青を基調としたきれいなデザインのWebサイト集。

45+ Sources and Sets of Photoshop Custom Shapes | Vandelay Website Design

http://vandelaydesign.com/blog/design/photoshop-custom-shapes/
見たことあるような物が多いですが、Photoshopのカスタムシェイプのリンク集。

マニアックなものまで揃っているPhotoshopのブラシ -BlendFu | コリス

http://coliss.com/articles/build-websites/operation/design/1534.html
Photoshopのブラシ配布サイトBlendFuの紹介。

●ひとこと

Gmailが仕様を再変更して、連続ドットや@直前ドットのアドレスへの送信を許可するようになったそうです。
GMailが仕様を再変更。連続ドットや@直前ドットのアドレスへの送信を許可(対ezwebとdocomoだけ)

デイリーWebテク Vol.0606 2008/10/07

Webデザイナーなら知っておきたいFirefoxアドオン | CREAMU

http://blog.creamu.com/mt/2008/10/webfirefox3.html
原文では22個紹介されているFirefox 3のアドオン集。

[JS]設置も簡単、シンプルで軽量なフラッシュのMP3プレイヤー | コリス

http://coliss.com/articles/build-websites/operation/javascript/1531.html
Webページに音声を載せるときに簡単に使えるMP3プレイヤー。

アップル風の画像を作るためのPhotoshopチュートリアル集:phpspot開発日誌

http://phpspot.org/blog/archives/2008/10/photoshop_100.html
アップルの広告風のアートワークを作るチュートリアルをいくつか紹介。

Googleアンドロイド携帯『G1』を試せるエミュレーター | Google Mania - グーグルの便利な使い方

http://google-mania.net/archives/1074
エミュレーターというほどでもないですが、どんな画面なのかいろいろ確認できます。

●ひとこと

無線LAN環境限定で、iPhoneでSkypeが使えるアプリがApp Storeに登場したようです。ジェイルブレイクなしで、コールバックとかも使わずにSkypeなどのVoIP通信が可能になるとのこと。
タダトモ以外もiPhoneで無料通話できる「Fring」が正式公開 | パソコン | マイコミジャーナル

FC2Ad

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