2015年10月第4週号 1位は、Webデザインのスクロールに関する新ルール、気になるネタは、アップルが新型Bluetoothキーボードとマウス、トラックパッドを発表

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2015年10月12日～10月18日の間に見つけた記事のベスト5です。

Webデザインのスクロールに関する新ルールとして、スクロールを活用するヒントなどを紹介しています。

長いスクロールをうまく使うためのヒントとして、以下の8点が紹介されていました。

画面の狭いモバイルデバイスの影響もあり、スクロールは生まれ変わったとのことで、スクロールすることへの抵抗感も減っているそうです。

アニメーションを完璧に使ったサイトのギャラリーです。

スクロールに合わせてアニメーションする形式のものが多く、1位の記事と同様に、長いスクロールをうまく使ったWebデザインのヒントが得られます。

スクロールを促すための仕掛けの実例もいろいろ見られました。

CSSのFloatに関する5つの疑問に対する解説です。

最後にフロートに関するまとめが載っており参考になります。

Webデザインのインスピレーションになるものを紹介したギャラリーサイトです。

実際の電化製品のボタンの写真などが掲載してあり、現実の製品や自然物をデザインの参考にしようという意図でまとめられています。

Webサイトを素早く立ち上げるためのWordPressのテーマを紹介しています。

豊富なテーマを1クリックでインストールでき簡単にカスタマイズできるサービスの紹介ですが、各テーマはレイアウトやインターフェイスの現在のトレンドを取り入れたものばかりで参考になります。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

みずほ銀行、LINEスタンプで残高を通知するサービスをついにスタート - 週刊アスキー
Adobe launches their own portfolio service
Adobe傘下のBehanceベースのようですが、Adobeブランドのポートフォリオサービスが開始するようです
Dropbox launches Paper collaboration tool to take on Google Docs | iMore
DropboxがGoogle Docsのようなサービスを開始するとのこと

先週の気になるWebサービス

Blendはシンプルで使いやすい、グラデーションを作るサービスです。グラデーションを画面で確認してCSSのコードをコピーすることができます。

左右に表示したパレットから色を選んでグラデーションを生成します。その後グラデーションの切り替わる位置を調整して、コードを取得できます。使える色は限定されていますが、そこがシンプルでいいところだと思います。

作った人はユーザーインターフェイスデザイナーとのことで、確かにインターフェイスが非常によくできています。直感的に使えて、操作に対する反応やちょっとした動きなどのセンスが良く、とはいえ主張しすぎないという理想的なインターフェイスデザインです。

Appleが27インチiMacと21.5インチiMacを一新したタイミングで、新型のキーボードとマウス、トラックパッドを発表しました。

MacBook同様に感圧タッチに対応したトラックパッドはそのうち出るだろうと思われていましたし、充電式への要望も多かったはずですので、やっとで本来あるべきアクセサリが出揃ったという感じでしょう。

ちなみにわたしはキーボードの右側にマウス、左横にトラックパッドを置いています。右手でコップを持ちながら左手でスクロールといったことができて結構便利です。拡大したい時は左手でピンチアウトすればいいというのも重宝しています。