分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2012年2月13日~2012年2月19日の間に見つけた記事のベスト5です。Splashnologyhttp://www.splashnology.com/article/parallax-scrolling-tools-articles-and-tutorials/4678/視差スクロールのためのツールとチュートリアルをまとめた記事です。以下のようなjQueryプラグインやフレームワークが紹介されています。背景画像がずれてスクロールすることで奥行き感のあるスライダースクロール時にフェードインや回転/ズームなどの効果を加える2枚のレイヤーが重なっていて,スクロールすると下のレイヤーが現れてくる効果パスに沿って自由な方向にスクロール縦長のページをスクロールさせながら見せていく,単ページ完結サイトのナビゲーションに使えそうなスクリプトも揃っています。Pluginのサンプルのような見せ方は,最近よく見かけますね。CSS.http://www.9lessons.info/2012/01/facebook-timeline-design-using-jquery.htmlFacebookのタイムライン風レイアウトをjQueryとCSSで実現しています。インターフェイスやレイアウトをパクるのはよくないかもしれませんが,スタンダードなパターンになってくると真似られるのは仕方ないでしょうし,一般的なものと認められた方がオリジナルを作った側にもメリットがあるでしょう。このタイムライン風のレイアウトは,Pinterest風レイアウトとともに今後のWebデザインのトレンドとなるような予感がします。Pluginshttp://wplift.com/5-free-pinterest-wordpress-pluginsPinterestとの連携に使えるWordPressプラグインを紹介しています。PinterestにPinした画像をブログに埋め込む用途のものが中心ですね。PinterestはユーザーごとにRSSを生成しているので,WordPressに限らず自社サイトやブログに埋め込むことが可能です。exampleshttp://www.land-of-web.com/inspiration/web-design/circles-in-web-design-40-amazing-examples.html2011年のトレンドの一つでもある,円形を使ったWebデザインのギャラリーです。ナビゲーションを円形に配置したものや,円に沿って回転するようなものまであり,インスピレーションを得られそうなものばかりですね。RedTeamDesignhttp://www.red-team-design.com/css3-ordered-list-styles番号付きリストのコーディング例を2種類紹介しています。画像を使わずに数字をうまくデザインしています。そのまま使ってもいいでしょうし,ちょっとアレンジしてもよさそうです。CSSでうまくデザインした番号付きリストそのほか,先週の記事の中から,気になるニュース記事を3つ紹介します。Sharinghttp://minus.com/Minusは,簡単にファイルをアップロードして共有しようというサービスです。ファイルをドラッグ&ドロップするだけで,ユーザー登録なしですぐにファイル共有することができます。ファイルをアップロードすると,押すだけでFacebookやTwitterでシェアできるボタンや,リンクのURL,リンクのHTMLコード,エンベットするためのiframeのコードなどが表示されます。ファイルを共有させるためのサービスとして親切な設計になっており,デザインも洗練されています。URLを指定してページ内の画像をアップロードする機能や,URLを指定してスクリーンキャプチャーを取る機能まであります。ユーザー登録なしだとファイルは30日で消えるようです。ユーザー登録して使うこともでき,無料で10GBの容量が使えます。人に紹介することで容量を増やすことができ,最大50GBまで無料で使えるそうです。アップロードするファイルはプライベートの設定もできるのですが,公開して写真ギャラリーなどにつかうことも可能です。Exploreというページに行くと,「⁠あれ,Pinterest?」と思うような画面になりますが,これは公開されている写真の一覧なんですね。PinterestのようにフォローやLikeもあるそうです。オンラインストレージをベースとしたソーシャルネットワークという感じで,面白いサービスだと思います。Lion」を発表,開発者向けプレビュー版の提供が開始されました。iOSとの連携や同様の操作性を提供する新機能が多いようです。Lionということですが,マウンテンライオンって日本ではなじみがないですよね。Macの辞書で調べると,cougarのことだと出てきました。lion,panther,puma)とのこと。わからなくなってきました。どれもまあ豹と呼んでいいようですが,深く考えない方がよさそうです。AppleTVがあればという前提ですが,セミナーや会議のときに便利そうですね。Lion著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。