タグ

2011年7月8日のブックマーク (4件)

  • HTML5とは何かを簡単にまとめてみた

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R&D統括部 制作部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた

    HTML5とは何かを簡単にまとめてみた
  • Photoshop VIP ☞ アイデアたっぷりのクリエイティブな結婚式招待状デザイン50個まとめ

    人生においておめでたい結婚式では、多くの人が前準備に参加してくれることで心に残る思い出になります。 そんな結婚式において誰もが作成するであろう招待状には、それぞれの個性を活かしたクリエイティブなデザインが多いようです。 海外デザインブログDesign Shackで、ユニークな結婚式招待状デザインを50個まとめたエントリー「50 Examples of Wonderfully Designed Wedding Invitations」が公開されていたので、今回はその中から印象的な作品をいくつかご紹介します。 真似したくなるかわいいデザインから、真似できないような奇抜なアイデアまで揃っているので、今後のデザイン作成の参考にしてみてはいかがでしょう。 詳細は以下から。 どんなトレンドがあるの? プリント媒体においてもユニークでクリエイティブなデザインの多い結婚式招待状にもトレンドがあるようです。

  • デザインの勉強にもなる、高品質なウェブページのPSD素材 -Artfan Design | コリス

    ウェブデザインに役立つリソースやチュートリアルを掲載している「Artfan Design」から、個人ブログやポートフォリオ、ビジネスサイトですぐに使えるウェブページのPSD素材を紹介します。

  • [JS]奥行きを生み出す『パララックス』を簡単に実装できるスクリプト -Smart3D

    複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン