すべての記事
-
徹底検証！CSSで縦書きデザインをやってみる！
以前「縦書きを取り入れたデザインの優れたサイト10選」という記事を書きましたので今回は実践編をやりつつ、色々検証してみます。（IE以外はMac環境での検証です。） CSSで縦書きを設定 writing-modeプロパティ 縦書きは「writing-mode:vertical-rl;」だ... -
サンプル付きで確認！jquery.cookie.jsの使い方
それほどcookieを使用する機会は多くないかもしれませんが、ページを遷移したり、リロードしても値を保持することができるのでユーザビリティに役立ちます。 「jquery.cookie.js」を使えば簡単にcookieの値を取得・保存・削除することができて便利ですので... -
参考にしたい！サイトのファーストビューデザイン集
人は初めて会う人の印象を３～５秒で決め、その決定材料となる情報のほとんどを「視覚情報」から得ています。 Webサイトにおいても同様で、インターネットユーザーはほんの数秒でそのサイトの判断をするということ。 私たちの脳はものすごいスピードで視覚... -
厳選！直感的で簡単、無料、登録不要なWebツール18選
WEB上に便利なツール、オンラインサービスは星の数ほどありますが、今回はその中でも下記の条件に見合うツールを厳選しました。 日本語、もしくは日本語でなくても直感的に使えるから問題ない 簡単 無料 登録不要 使用頻度のなるべく高いもの WEBデザイナ... -
縦書きを取り入れたデザインの優れたサイト10選
以前、「デザインの参考にしたい「和風」テイストの良質サイト5選」と言う記事を書きました。 その中で紹介したサイトにも縦書きのテクニックは取り入れられておりましたが、「和風デザインじゃない」サイトでも縦書きを取り入れているデザインの優れたサ... -
グラデーションを使用したオシャレなサイト11選
Ultimate CSS Gradient Generatorなど便利なツールがありますので、WEBデザインにグラデーション簡単に取り入れられるようになりました。 今回はグラデーションを使用したオシャレなサイトをピックアップしてみました。 イグニション・ポイント株式会社 オ... -
下スクロールで消えて、上スクロールで出てくるグローバルナビゲーションを作る
最近、下スクロールで消えて、上スクロールで出てくるグローバルナビゲーションを見かけるようになりました。例えばこちらのサイトとか↓。 KAMIMURA 特に表示領域の少ないタブレットやスマフォで活きてくるテクニックですね。実際に実装してみたいと思いま... -
デザインにマスクを活かしたサイト9選
大きな文字や、人物に合わせて画像や動画をマスクして見せているサイトを見かけるようになりました。 マスクで限定されたエリアのみに表示することによって洗練されたイメージでインパクトも大です。 今回はそんなサイトを集めてみました。 文字でマスク ... -
waypoint.jsとCSSでスクロールして画面指定位置で要素をアニメーションさせる
前回「アニメーションが心地良いWebサイト11選」という記事でアニメーションを取り上げました。 今回は実装編をやってみようと思います。その中でも今回は「ボックススライドイン」のアニメーションをやります。（※ボックススライドインという名称は私が勝... -
アニメーションが心地良いWebサイト11選
最近ではWebサイトにアニメーションを取り入れるのが当たり前になってきています。 ひと昔前はフルフラッシュサイトで見かけたようなゴリゴリ動く表現がhtml5やCSS、JS・JQueryによって実装可能になりました。 今回はそんなアニメーションの表現が優れたサ... -
デザインの参考にしたい「和風」テイストの良質サイト5選
着物や料亭、旅館、伝統文化など日本ならではのものを表現する際は、それらに合った世界観を表現するため、和風の雰囲気でデザインしているサイトが多いですね。 今回は「和風」のデザインの参考にしたい良質サイトを集めてみました。 デザインの参考にし... -
サイトにプラス1の工夫を！遊び心・アイデアが面白いサイト5選
せっかく優れたサイトを集めておりますので、まずはそれらをまとめた記事を書いていこうと思います。 制作事全般に通じますが、納期というのは最重要課題の1つです。納期を守るため、優先度が低い要素はカットされるなど「クオリティと納期のせめぎ合い」...
