週刊Webテク通信
2010年1月第1週号 1位は,実践的なCSS3の使い方,気になるネタは,鳩山首相がTwitterとBlogを開始
ネットで見かけたWebテク
1. Practical Uses of CSS3 | Viget Inspirehttp:// www. viget. com/ inspire/ practical-uses-of-css3/
実践的なCSS3の使い方をレクチャーした記事です。
角丸,
CSS3つながりとして,
2. Crafting Subtle & Realistic User Interfaces - Flyosity: Mac & iPhone Interface Designhttp:// flyosity. com/ tutorial/ crafting-subtle-realistic-user-interfaces. php
繊細でリアルなユーザーインターフェイスを作るために気をつけることをまとめた記事です。
Subtle
- ぼやけないはっきりした線やエッジを使う
- 常に透明度の調整を行う
- できる限りベクター画像で作る
- レイヤースタイルで実験する
- ドロップシャドウは正しく使わないとデザインを壊してしまう
- 複雑なシェイプをPNGかGIFに保存するときは,
レイヤーをスマートオブジェクトに変換してからにする - 文字を乗せるときは,
1pxの黒か白のドロップシャドウを使う - 微妙に角を丸めた方がリアルに見える
- ものには微妙に影をつけた方がリアルに見える
3. Headers and Footers that Grab You Coming and Going | Web Design Ledgerhttp:// webdesignledger. com/ inspiration/ headers-and-footers-that-grab-you-coming-and-going
すばらしいヘッダとフッタを多数紹介しています。フッタのショーケース記事は最近多いのですが,
クリエイティブでスタイリッシュなフッタデザインの2009年まとめといった,
4. The Beautiful Art of Japanese Web Design - woorkup. comhttp:// woorkup. com/ 2009/ 12/ 30/ the-beautiful-art-of-japanese-web-design/
美しいデザインの日本のサイトをまとめた海外の記事です。
ほとんどがFlashサイトというのは,
この記事のコメント欄が
5. A UI Design and Prototyping Treasure Chest | Web Design Ledgerhttp:// webdesignledger. com/ freebies/ a-ui-design-and-prototyping-treasure-chest
ユーザーインターフェイスをデザインしたり,
ブラウザやOSのインターフェイスのパーツや,
「Free Sketching & Wireframing Kit」
そのほか先週の記事から,
- Interface Design Inspiration | 30 Impressive Ways to Design Sign-Up Page/
Form | Dzine Blog
ユーザー登録フォームページのギャラリーです。 - RMSforms - A flexible CSS Forms Framework to Help Style Those Pesky Forms
フォーム用のCSSフレームワークです。 - 10 Useful jQuery Form Validation Techniques and Tutorials : Speckyboy Design Magazine
jQueryによるフォームの値チェックのテクニックとチュートリアルを紹介しています。
先週の気になるWebサービス
仕事がはかどるフリーウェブサービス10選:ニュース - CNET Japanhttp:// japan. cnet. com/ news/ media/ story/ 0,2000056023,20405855,00. htm
今回は,
Google Calenderなどメジャーなものは外して紹介したとのことですが,
今週の気になるWebネタ
鳩山首相がTwitterとBlogを開始 - livedoor ニュースhttp:// news. livedoor. com/ article/ detail/ 4529550/
1月1日に鳩山由紀夫首相がツイッターとブログ
「1日1ツイート」
とはいえ,
豊富な芸能人ユーザーを武器に
バックナンバー
週刊Webテク通信
- 2010年1月第4週号 1位は,CSSの総合的な情報サイト「CSS HappyLife ZERO」,気になるネタは,週刊ダイヤモンドでツイッター特集
- 2010年1月第3週号 1位は,うまくアクションをうながすための4つのデザイン要素,気になるネタは,声がバンド演奏になる神アプリ! Voice Band が凄い件
- 2010年1月第2週号 1位は,ブラウザ上でのモックアップ作成のススメ,気になるネタは,Google Nexus One(ネクサス・ワン)ついに発表
- 2010年1月第1週号 1位は,実践的なCSS3の使い方,気になるネタは,鳩山首相がTwitterとBlogを開始
関連記事
- 2020年12月第4週号 1位は,2020年版のデザインツール投票の結果発表,気になるネタは,TwitterのRT仕様,元に戻した理由は「“思慮深い拡散”につながらなかった」から
- 2020年7月第4週号 1位は,JavaScriptを使ったハンバーガーメニューの代替3案,気になるネタは,G Suite向けGmailがChat,Meet,Roomを統合
- 2020年6月第3週号 1位は,CSSグリッドとFlexboxの違いと使い分け方,気になるネタは,ウェブ会議をクイズ番組風にエンタメ化--デジタルフリップ「Connected Flip」
- 2020年5月第3週号 1位は,より柔軟なレスポンシブデザインが可能になるCSS関数のmin、max、clampを詳しく解説,気になるネタは,ビデオ会議などの自己紹介に役立つ「バーチャル名刺背景ジェネレーター」
- 2020年5月第2週号 1位は,成功するワイヤーフレームの作り方,気になるネタは,ビデオ会議ツール「Google Meet」が個人でも無料で利用可能に/Facebookがビデオ会議機能「Messengerルーム」発表