ネットで見かけたWebテク
1. CSS Border Tricks | Pressed, Beveled, Shadows, Intented Borders | CSS Border Tutorial | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanakahttp://www.sohtanaka.com/web-design/css-border-tricks-tutorial/
CSSのボーダーを使って簡単にベベルや型押しの効果を与えるテクニックの紹介です。
border-bottomだけ、
outlineプロパティを利用してベベル効果を与えるテクニックも、
リストを使った垂直方向のメニューで、
2. Awesome Recent Website Redesigns | Webdesigner Depothttp://www.webdesignerdepot.com/2010/06/awesome-recent-website-redesigns/
最近デザインリニューアルされたサイトの、
中でも
文字と背景色のコントラストの差が少なくなったため、
3. 20 Fresh & Easy To Follow Photoshop Web Interface Tutorials | nenuno creativehttp://nenuno.co.uk/creative/tutorial/20-fresh-easy-to-follow-photoshop-web-interface-tutorials/
WebページのレイアウトをPhotoshopで行うチュートリアルのリンク集です。
Photoshop上でページ全体のデザインをきっちり作り上げるチュートリアルで、
4. 意外と知られていない機能が多い!?Firebugの使い方 | THE HAM MEDIAhttp://h2ham.seesaa.net/article/154387441.html
Firefoxのアドオン
意外と知られていない機能を取り上げた解説なのですが、
5. Get Inspired: 35+ Warm VS Cool Color Website Designshttp://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/
暖色系 VS 寒色系のWebデザインのショーケースです。それぞれ20個弱くらいのサイトが紹介されています。
青系のサイトは見慣れた感じがするのに対し、
そのほか先週の記事から、
- Scribd、
Flashを捨てユーザー滞留時間が3倍増
文書共有サイトのScribdがFlashからHTML5へ移行したそうです。 「IE6の利用はやめて」、 内閣官房が各省庁に移行を推奨 - ニュース:ITpro
内閣官房情報セキュリティセンター(NISC) が各府省庁に対してIE6からIE8への移行を推奨したことを発表しました。 - A New Photo Experience: Your Photos, Happier « Flickr Blog
Flickrの写真表示画面がリニューアルされたことの報告です。
先週の気になるWebサービス
Onbile - Free mobile website templateshttp://www.onbile.com/
モバイル向けのWebサイトを簡単に作れるWebサービスです。
海外のサービスなので、
テンプレートは、
ひとつは連絡先などを載せたプロフィールページを作るもの、
サイト上のエディタで入力した日本語は文字化けしてしまうため、
RSSを読み込ませたものに関しては、
ロゴ画像をアップロードしたり、
生成されるJavaScriptのコードを自分のサイトのトップページに入れておくと、
作ったページは