jump to navigation

[ブックマーク] Googleのサービスネタ 11月 3, 2009

Posted by hyhy in 技術情報.
Tags: ,
comments closed

Googleが歩んできた11年間を2分でご紹介!

Google Japan Blog

グーグル、デジタルクーポンを携帯電話からも利用可能に
AIRアプリの『Google Tasks』から簡単にGoogleモバイルのアプリにアクセスできる
Google 公開ロケーション バッジ
Microsoftの大失敗はGoogleの大成功―Don Dodge、新たな適職に就く
Google翻訳にリアルタイム翻訳や音声読み上げ機能
HTTPにもGoogleのメス、通信プロトコル「SPDY」でWeb高速化
ウェブの高速化を目指すグーグルの「SPDY」プロジェクト
Google マップでトイレ検索!?
グーグルのJavaScriptツール集大成「Google Closure Tools」
グーグル、JavaScriptプログラミングツールをリリース
Google、アカウント情報を一望できる「Google Dashboard」発表
米グーグルがM&Aを加速、次の買収先はどこ?
Googleが大型小売サイト向け検索ホスティングを強気に開始 Google Commerce Search
グーグル、ユーザーが個人情報を管理できる「Google Dashboard」を公開へ
グーグル、「Google Friend Connect」に新機能–SNSの構築などを容易に
「Google Gears」を採用したiStockphoto–少数ユーザーでも表れる導入効果
グーグルCEOシュミット氏が語る5年後のウェブ–大きく変化するインターネット
Androidデベロッパーラボについて
グーグル、企業向けイベント「Google Enterprise Day」を開催
いまさら聞けない、Googleサービスをマーケティングに活かすポイント 【MarkeZine Day 2009】
小中学生向けの Google ロゴのデザインコンテスト「Doodle 4 Google」
Google、新ウェブページの発見・クロールにRSS/Atomフィードを活用
DroidのGPSを使ったGoogle Mapsナビはスーパー・クール!
朝起きてから夜寝るまで使うGoogle
Googleの使うほど得するサービス(その1)
Googleの使うほど得するサービス(その2)
■app
iPhone/Androidアプリのアクセス解析にGoogle Analyticsを使う「gaformobileapps」
■Google Code
ソースコードハイライタ「Google Code Prettify」
Closure Tools

[ブックマーク] JavaScriptネタ 11月 3, 2009

Posted by hyhy in 技術情報.
Tags: ,
comments closed

随時更新

JavaScriptのオブジェクト、コンストラクタ、プロトタイプ、スコープ等
JSで超ド派手なアニメが作れる「UIZE Framework」入門
[JS]CSSスプライトにアニメーション効果を加えるスクリプト -AutoSprites
「吹き出し」をツールチップとして実装するjsいろいろ
1つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」
ユーザビリティに配慮したドロップダウン型のナビゲーションを実装するチュートリアル
アナログ風にアニメーションする時計実装チュートリアル
年月日、時間、分までが一括で選べちゃう時間指定ウィジェット実装JSライブラリ
ここが大変だよJavaScriptフレームワーク入門
Google、Gmailを作っているJavaScriptライブラリを公開
オンラインで綺麗にJavaScriptのコードを整形できる「Online javascript beautifier」
JS制作に欠かせない3つのツール
CSSとJavaScriptを組み合わせたアニメーションライブラリ「emile」
クールなアニメーションで画像を切り替えるスライドショー実装JS「Floom」
かなりスタイリッシュかつ高機能なLightBox風ライブラリ「TopUp」
画像スライダー・郵便番号検索・バリデーション

■jQuery
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
jQuery UI Droppableに疑似的にdropする
IE6対応!jQueryで透過PNGのロールオーバーを作る
jQueryだけでXMLをパースするプラグイン『jParse』
現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグイン
jQuery逆引きリファレンス
順序付きリストの昇降を逆にするスクリプト
画像にキャプションやツールチップを自動で設定するスクリプト -Captions
jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」
jQueryでテキストにエフェクトをかけたりアニメーションさせたりするプラグイン集
Webデベロッパーのためのフォトギャラリー作成スクリプト
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」
jQueryカレンダーコンポーネント8つ
jQueryによるLightbox風モーダルウィンドウの作り方
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」
フレッシュで便利なjQueryプラグイン5

■その他
JavaScriptアプリケーションサーバ「Persevere 1.0」リリース
JavaScript でリアルタイム 3DCG を実現する WebGL の使い方
Node.js – Google V8 ベースの Javascript 用イベント駆動 I/O

[ブックマーク] HTML+CSSネタ 11月 3, 2009

Posted by hyhy in WEBデザイン, 技術情報.
Tags: , ,
comments closed

■HTML
IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
HTMLDocument の動的な作成
素晴らしいHTMLメールテンプレート配布サイト
美しいHTMLの条件を綺麗にまとめた一枚の画像

■HTML5
HTML5 JavaScript APIs
HTML 5のフォーム要素
HTML5でHTMLの何がかわるのかを知る3分間ガイド
HTML5 を学ぶための情報源まとめ
HTML5.JP
DIVE INTO HTML5
HTML5, a 3 minute guide
デザイナーのためのHTML5リソースまとめ
HTML5, きちんと。ってスライド
HTML5 についての Q&A
HTML5で書かれた「スーパーマリオ」みたいなゲーム

JavaScriptで画像のオフラインキャッシュを実装する
JavaScript によるオーディオ&ビジュアルプログラミング

HTML5はFlashやSilverlightを不要なものにする

■CSS
http://cssnite.jp/
CSS Nite Vol.40の内容ブログ
今どきのCSSレイアウトの特徴
デベロッパーなら知っておきたいCSSテクニック
overflow: hidden;を使ったサンプル色々
覚えておいて損はない CSS の定番テクニック BEST 5
シンプルだけど便利なCSSプロパティー5
CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」
スタイルシートで実装する、アイデア溢れる画像ギャラリー
IE 6とIE 7のためのCSSハック16選
魅力的なCSSメニュー10
コーディングするのが楽になるかも?と思うCSSテクニックのまとめ
IE共通の9つのCSSバグをそれぞれ解決する方法
CSSをお手軽にデバッグする方法
Googleも採用!CSS3実践テクニック
ページレイアウトに使えるCSSプロパティ
レイアウトについて(1/4) – css3を触ってみて思った4個の利点

Snow Stack – CSS 3D Visual Effect with WebKit

[ブックマーク] デザインネタ 11月 3, 2009

Posted by hyhy in WEBデザイン.
Tags:
comments closed

随時更新ナリ

■デザインネタ
ネタ集
週刊Webテク通信
水平スクロールをうまく使ったデザインサイト40
2010年に備えて、知っておきたいウェブデザインのトレンド
読んでおきたいユーザビリティーに関するブログ10
様々なUIパターンを一望出来る「PatternBrowser」
昭和風なレトロなWebデザインのサイト 25
白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ
海外のサイトで見かけるオーバーサイズのフッタのデザイン集
リンクが分かりやすいデザインはいいウェブデザイン
650+のよりシンプルでミニマルなwebデザイン
最近のトレンドを踏襲したウェブサイトを作成するチュートリアル集
秀逸なWEBデザインの注目すべき細部デザイン色々
かっこいいデザインのナビゲーションメニュー40
グランジを取り入れたアーティスティックでカッコいいサイトデザイン集
特化型の様々なギャラリーサイトまとめ
美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」
メニュー部分のネタ帳に使えそうなクリエイティブなサイトメニューの色々
ちょっと手を加えてウェブデザインをグレードアップする6つのポイント
生きているデザイン デザイナーが影響をうけるもの

■アイコンデザイン
便利そうなフリーのアイコン作成ツール6種類
商用でも無料で利用できる、かわいらしいシンプルなアイコン -Android Icons
WEBで使える新しいフリーアイコンセット集「40 Fresh and Free Icon Sets for Web Designers and Bloggers」
Photoshopによる美麗アイコン作成チュートリアル集
通信や電子機器などの9つのベクターアイコンセット
ロゴデザインが色々あって登録も可能な「LogoSauce」
Android用のアプリケーション向けアイコンセット30「Android Icons」
Webデザイナー&ブロガーのためのフリーアイコンセット40
ロゴデザインが色々あって登録も可能な「LogoSauce」
Mac OS Xで使われているようなクールなフリーWEBアイコンセット「Web Icon Set」
天気に使えそうなベクターアイコンセット
質感がすごい神アイコン色々

■フリー素材
高品質なテクスチャをダウンロード&登録できるサイト -Textur.es
数十個のテクスチャ画像が無料でダウンロードできるサイト「Textur.es」
商用でも無料で利用できる、グランジ風の高解像度のテクスチャ素材
木目のHi-Resテクスチャセット
色々な種類の綺麗なテクスチャセットのまとめ集
無料でダウンロードできるクオリティーの高いPSDファイル500+
WEB制作に使えるPSDテンプレート集「25 Slick PSD Website Templates Free for Download」
ロイヤリティフリーの写真画像を簡単に探すことができる
ダウンロードして使えるボタン素材いろいろ

商用利用でも無料のハイクオリティなFlashギャラリーやテンプレートを配布するflashmo.com

■wordpress
WordPressで最初に設定するべき4つのポイント
WordPressをCMSとして使うための必須プラグイン集
独自のWordPressテーマを作るチュートリアル20+
素晴らしいフリーWordpress Themesを集めた「45+ great looking free WordPress Themes」
新しくてかっこいいWordPressテーマ40

■PhotoShop
美しいモザイクのエフェクトを描くPhotoshopのチュートリアル
肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い
クリック一発でプロのような仕上がり、Photoshopアクションファイル70個まとめ
商用可!グランジを表現できるフリーphotoshopブラシ「10 Free Grunge Photoshop Brushes」
テキストをかっこよく魅せるPhotoshopのチュートリアル集:Part 16

■AfterEffects
「これだけは持っておきたい10のプラグイン (After Effects編)」

■その他
Webデザイン・制作の関連情報を得られるTwitterアカウントまとめ
あの人のアイデアはどこから?有名クリエイターに学ぶ「発想法」