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

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

スポンサーサイト

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

デイリーWebテク Vol.0564 2008/07/31

Apple風デザインのアコーディオン型ナビゲーションのチュートリアル | コリス

http://coliss.com/articles/build-websites/operation/work/1353.html
常にメニューに絵が入ってるとうるさいので、こういうのいいですよね。

あなたのサイトでAmazonの決済機能が使える『Amazon Payments』がこっそりリリースされているらしい | IDEA*IDEA

http://www.ideaxidea.com/archives/2008/07/amazonamazon_payments.html
日本でも使えるようになるといいな。

Create Web 2.0 Progress Bars: jQuery, DHTML, JS, CSS, Photoshop | DeveloperFox

http://developerfox.com/create-web-20-progress-bars-jquery-dhtml-js-css-photoshop/187
Webページ上でのプログレスバーを制作するためのリンク集。

iPhone対応サイトの作り方 - iPhone 3G Wiki*

http://iphone.wikiwiki.jp/?iPhone%C2%D0%B1%FE%A5%B5%A5%A4%A5%C8%A4%CE%BA%EE%A4%EA%CA%FD
iPhone 3GWikiというサイトにiPhone対応サイトの作り方がまとめてありました。

●ひとこと

NHKの「ためしてガッテン」でやっていたというムペンバ効果がちょっと話題です。
asahi.com(朝日新聞社):「湯は水より早く凍る」現象議論沸く 大槻教授は批判 - 社会

スポンサーサイト

デイリーWebテク Vol.0563 2008/07/29

Mozilla Re-Mix: 表示サイトをIE5.5~IE8BetaでレンダリングテストできるFirefoxアドオン「IE NetRenderer」

http://mozilla-remix.seesaa.net/article/103577761.html
IE NetRendererというWEBサービスに簡単にアクセスできる、というものなのね。

ヒトに関するユニークなPhotoshopブラシ集:phpspot開発日誌

http://phpspot.org/blog/archives/2008/07/photoshop_84.html
人のシルエットのブラシや目や手のブラシなどを紹介。

Developer Icon Sets: Collection of the best free to both personal & commercial use Icon sets - aComment.net

http://acomment.net/developer-icon-sets-collection-of-the-best-free-to-both-personal-commercial-use-icon-sets/152
Webデベロッパーによさそうなフリーのアイコン集。

usabilitypost.com | 10 Great Free Icon Packs for Your Website or Web App

http://www.usabilitypost.com/post/1-10-great-free-icon-packs
こっちも同様のアイコン集。

10 of the Best Color Resources and Tools | Design Reviver

http://designreviver.com/general/10-of-the-best-color-resources-and-tools/
色を選ぶためのサービスやツールの紹介。

被験者の操作、表情、音声をまとめて録画できるユーザビリティテストツール『Silverback』 | 100SHIKI.COM

http://www.100shiki.com/archives/2008/07/silverback.html
この「Silverback」のサイト、Webデザインのまとめ的ページで取り上げられてるのを何度か見たけど、こういうツールの紹介サイトだったのね。

FLY8 - 単発イベントの案内ページを簡単に作ってストレージできるサイト

http://fly8.jp/
かんたんにフライヤー(ちらし)ページを作れるサイト。

●ひとこと

「割と普通の人がmacを買うようになった理由」というエントリーを読んだ。なるほど。昔はwinnyやwinMX、今はYouTubeがパソコン使うときのキラーアプリ(サービス)なのね。
割と普通の人がmacを買うようになった理由 : ロケスタ社長日記

デイリーWebテク Vol.0562 2008/07/27

黄金比などを使用して、緻密で美しいグリッドを設計できるツール集 | コリス

http://coliss.com/articles/build-websites/operation/design/1336.html
グリッドを作るアプリケーションやWebサービスの紹介。

jQueryとPHPでダイナミックな投票スクリプトを作成:phpspot開発日誌

http://phpspot.org/blog/archives/2008/07/jqueryphp.html
投票をするとその場で画面遷移して投票結果が見られるスクリプトの紹介。

Photoshopチュートリアル テキストエフェクト パート2 - DesignWalker

http://www.designwalker.com/2008/07/text-effect2.html
Photoshopのチュートリアル集。

「ああ!あそこでこれやるつもりだったのに!」をなくす OmniFocus for iPhone | Lifehacking.jp

http://lifehacking.jp/2008/07/omnifocus-for-iphone/
iPhone版のOmniFocus(ToDoソフト)は、GPSでいま居る場所と関連したタスクを表示することができるんだとか。使いこなせれば便利そう。

●ひとこと

マイクロソフトがらみの話題を二つ。ひとつは3Dモデリングソフト「trueSpace」の無償配布を始めたそうです。trueSpaceなつかしい。マイクロソフトに買収されていたのね。そして、外来語カタカナ用語末尾の長音表記の変更についてのリリースが。フォルダ→フォルダー、ブラウザ→ブラウザーのようにカタカナ表記を変えるんだとか。業界全体で追随するんでしょうか。

マイクロソフトが3Dモデリングソフト「trueSpace」の無償配布を開始 Googleに対抗|WEBマーケティング ブログ
マイクロソフト製品ならびにサービスにおける外来語カタカナ用語末尾の長音表記の変更について

デイリーWebテク Vol.0561 2008/07/24

iPhoneアプリケーション.jp

http://iphoneapplication.jp/
iPhoneアプリケーションの紹介サイトができてました。

デザインセンスを刺激するインスピレーションサイト10選 | コリス

http://coliss.com/articles/build-websites/operation/design/1330.html
UIパターンごとのサンプル集など、いろんなサンプルを見られるサイトを紹介。

[これすご]70のphotoshop修正テクニック*ホームページを作る人のネタ帳

http://e0166.blog89.fc2.com/blog-entry-513.html
人物写真をきれいに修正するテクニック集の紹介。

●ひとこと

「見積もりが高いといわれたら。Noという交渉術」の「理髪店で髪をちょっと切っても、ごっそり切っても同じ料金でしょ? 私たちは技術で飯喰っているんだよ」というフレーズがちょっと強引ながらなかなかいいと思った。
見積もりが高いといわれたら。Noという交渉術 | Web担当者Forum

デイリーWebテク Vol.0560 2008/07/23

背景に使えるベクター素材いろいろ - DesignWalker

http://www.designwalker.com/2008/07/vector-background.html
パターンなどのベクター素材を配布しているサイトの紹介。

ロイヤリティフリーの写真素材が見つかるサイト25選『25 Free Stock Photo Sites』 | CREAMU

http://blog.creamu.com/mt/2008/07/2525_free_stock_photo_sites.html
ロイヤリティフリーの写真素材配布サイトのリンク集の紹介。

フォームをちょこっとだけ使いやすくする小技いろいろ | IDEA*IDEA

http://www.ideaxidea.com/archives/2008/07/post_605.html
JavaScriptでフォームのユーザビリティを向上させる小技の紹介。

●ひとこと

クォン・サンウの結婚がショックで更新を休んでました。というのはウソですが、ひさびさの更新になってしまい、しかも(以前書いておいた)古いネタですいません。

デイリーWebテク Vol.0559 2008/07/18

Debugging IE6 | GregWolejko.com

http://gregwolejko.com/debugging-ie6/
IE6のバグ対策のまとめ。

写真素材 足成【フリーフォト、無料写真素材サイト】

http://www.ashinari.com/
アマチュアカメラマンが撮影した写真を、写真素材として無料で提供しているサイト。個人、商用を問わず使用できクレジットやリンクなどの表記も不要。すごい。

英語の技術blog・ニュースサイトをまとめてみた! - 毛の生えたようなもの

http://d.hatena.ne.jp/gomi-box/20080717/1216299639
タイトル通り英語の技術blog・ニュースサイトをまとめたもの。

ke-tai.org > Blog Archive > ゆめみのmod_ktaiがとうとうリリース、しかも無償利用が可能

http://ke-tai.org/blog/2008/07/18/mod_ketai_release/
ケータイサイトでの絵文字変換や機種判別などの処理を行うためのApacheモジュール群mod_ktaiが公開されたとのこと。

●ひとこと

iPhone/iPod touch向けの手書きメモアプリ「ZeptoPad」をAppStoreで販売するユビキタスエンターテインメントの人が、AppStoreでソフトを販売するときの注意点などをまとめています。興味深いです。
やってみて解った、AppStoreで勝負するための9の鉄則 - shi3zの日記

デイリーWebテク Vol.0558 2008/07/17

Tomblooこそ自分をGoogle化する最強のツール - Future Insight

http://d.hatena.ne.jp/gamella/20080715/1216134770
TomblooというFirefoxのアドオンとGoogleブックマークを使いましょうという内容。興味深い。

NETTUTS - 15 Resources To Get You Started With jQuery From Scratch

http://nettuts.com/javascript-ajax/15-resources-to-get-you-started-with-jquery-from-scratch/
jQueryのチュートリアル的なサイトをステップごとに紹介している。

Google Docs Templates

http://docs.google.com/templates?pli=1
Google Docsのテンプレートページ。Google DocsのTOPからこのページへ行く方法が分からない…。

jQuery Sparklines

http://omnipotent.net/jquery.sparkline/#examples
jQueryで折れ線グラフと棒グラフを描くプラグイン。

●ひとこと

MobileMeを試してみた。といってもiPhoneもiPod Touchも持ってないから、Macから.Macの延長線上で使っただけだけど。iDisk上のファイルをShareする機能はまだ使えないみたいね。この機能、宅ふぁいる便みたいに使えるみたいで便利そう。写真ギャラリー機能はすばらしいが、任意のURLが作れない(?)のが残念。自分のアカウントがURLに入るので、ブログからリンクを張るのはちょっとという人もいるだろう。ホームページ作成機能がなくなったのは、iWebで作れということなんだね。

デイリーWebテク Vol.0557 2008/07/16

PCサイトをCSSだけでiPhone (iPod touch)に対応させる方法 Kawa.netブログ(川崎有亮)/ウェブリブログ

http://kawa.at.webry.info/200807/article_3.html
CSSのMediaTypeでiPhoneとPCのCSSを別に設定する方法など。

日本語に対応したソシアルWebブラウザ「Flock 1.2.3」がリリース | パソコン | マイコミジャーナル

http://journal.mycom.co.jp/news/2008/07/15/021/index.html
ちょっと気になる存在だったブラウザFlockが日本語対応したそうです。

27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts

http://dzineblog.com/2008/07/best-photoshop-layout-design-tutorials.html
PhotoshopによるWebページデザインのチュートリアルのリンク集。

woork: Design a nice pencil and handwritten style Woork like

http://woork.blogspot.com/2008/07/design-nice-pencil-and-handwritten.html
手書き風のデザインを作る方法の紹介。手書き風フォントをダウンロードできるようです。

50 Websites For Free Vector Images Download

http://www.hongkiat.com/blog/50-websites-for-free-vector-images-download/
フリーのベクター画像がダウンロードできるサイトのリンク集。

50 Absolutely Killer Flash Templates - Down the Foxhole

http://blog.flashden.net/general/50-absolutely-killer-flash-templates/
すてきなFlashのテンプレートの紹介。有料のようですね。

The Top 30 Free Ajax & Javascript Code for Web Designers

http://www.freeziq.com/2008/07/14/the-top-30-free-ajax-javascript-code-for-web-designers.html
WebデザイナーのためのAjax/JavaScriptのライブラリTOP30。

illustratorのチュートリアル&Tips60選『60+ Illustrator Tutorials, Tips and Best Practices』 | CREAMU

http://blog.creamu.com/mt/2008/07/illustratortips6060_illustrato.html
Illustratorのチュートリアル&Tips60選という元記事から一部を紹介している。

●ひとこと

昨日に続きハワイネタ。BlackBerry(スマートフォン)持ってる人は確かに多かったが、iPhone持ってる人も同じくらい見かけた。ショッピングモールには無線LANスポットっぽいところが必ずあって、ノートパソコンを開いてる人を一人は見かけた。Macy's(百貨店)にはiPodの自動販売機があった。

デイリーWebテク Vol.0556 2008/07/15

Tiled backgrounds designer

http://bgpatterns.com/
背景パターン画像を作るサイト。図柄が豊富。

400+ Swirls, Curls, and Fleurons | Design Reviver

http://designreviver.com/freebies/400-swirls-curls-and-fleurons
渦巻き、カール、花の形のPhotoshopブラシ集。

ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス

http://coliss.com/articles/browser/firefox/1289.html
FirebugにはいろいろとExtensionがあるんですね。

FLASHベースのリッチテキストエディタ『obedit』*ホームページを作る人のネタ帳

http://e0166.blog89.fc2.com/blog-entry-507.html
JavaScriptベースのものは多いですが、Flashベースのモノは珍しいかも。

●ひとこと

ちょっと更新をさぼってました。すいません。
iPhone 3Gの販売台数が発売から3日間で世界累計で100万台を達成したんだとか。ちなみに発売日にはハワイにいた私なのですが、アラモアナショッピングセンターのApple Storeでは朝、行列ができてました。午後、カハラモールのApple Storeに行ったら売り切れたという看板が立っていました。
初代の20倍以上の勢いで売れる3G

デイリーWebテク Vol.0555 2008/07/02

クロスブラウザのためのHTML/CSSのテクニック集 | コリス

http://coliss.com/articles/build-websites/operation/work/1234.html
元エントリ「How to get Cross Browser Compatibility Every Time」を翻訳してくれています。

Firefox 3にインストールしているアドオン - soundscape out

http://d.hatena.ne.jp/tanemori/20080629/FirefoxAddons
とてもたくさんのアドオンが紹介されています(あとで読もう)。

picjuice.com - online photo editor

http://www.picjuice.com/
オンラインの画像編集ツール。あまり機能はありませんが、軽快なのでリサイズ、トリミングくらいの用途なら使えそう。

30+ Outstanding Character Illustrations in Modern Web Design

http://www.noupe.com/design/character-illustrations-in-modern-web-design.html
ベクターで描かれたイラストが使われているWebサイトがまとめてあります。

magnigraph.com - scalable vector graphics

http://www.magnigraph.com/
画像をアップロードすると、モノクロのベクター画像に変換してくれるサイト。

Photoshop ドロップシャドウいろいろ - DesignWalker

http://www.designwalker.com/2008/06/photoshop-dropshadow.html
いろいろなシャドウの付け方のチュートリアルなどを紹介。

フッターの背景をコンテンツが少ない時でも下まで表示させる|CSS HappyLife

http://css-happylife.com/log/css-template/000718.shtml
なーんだという方法ですが、使えるケースの場合便利かも。

FC2Ad

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