タグ

2017年9月16日のブックマーク (5件)

  • アイデアに困ったら確認したい!最新ウェブデザイン良質見本47選 2017年9月度

    「ウェブデザインのアイデアが見つからない。」「漠然としたイメージはあるけど、何が必要か分からない。」「クライアントとの打ち合わせで使えるデザイン見が欲しい。」 そんなときに役立つ最新ウェブデザインの参考サンプルをまとめてご紹介します。優れたデザインのサンプル例を見ることは、新しいアイデアを生み出すのにも大切です。目まぐるしく変化するWebデザインのトレンド確認しながら、今後のデザイン制作に活かしてみてはいかがでしょう。 現役デザイナーも注目!最近話題のウェブデザイン50個まとめ 2017年7月度 アイデアに困ったら確認したい!最新ウェブデザイン良質見 清水寺 世界的にも有名な清水寺の公式ホームページ。ユーザーが必要な情報を見つけやすい工夫が随所に見られ、Instagramなどソーシャルメディアによる共有のしやすさも。 旅館 山河 デスクトップではスクロールに応じて、画面右半分のみが無限

    アイデアに困ったら確認したい!最新ウェブデザイン良質見本47選 2017年9月度
  • Photoshopで編集ラクラク!Webサイト用の美しい無料PSDテンプレート45個まとめ

    「ウェブサイトを作成したい、でも時間もスキルもない。」そんなときに役立てたいのが、あらかじめデザインされたテンプレート素材です。時間の節約になるだけでなく、デザインのベースとして使うことで手軽にカスタマイズできます。 今回は、無料ダウンロードできるPhotoshop最新ウェブテンプレート素材をまとめてご紹介します。テンプレート素材はどれもレイヤーごとにきちんと整理され、必要に応じて手軽にカスタマイズできるように設計、デザインされています。今後のデザインプロジェクトにいかがでしょう。 ウェブサイト作成に困ったら使いたい!Photoshop無料テンプレート素材まとめ 2017年版 作業ペースが上がる!ブックマークしておきたい無料UIデザイン素材40個まとめ Photoshopで使える!美しい Web サイト用の無料テンプレート素材まとめ Edd – Landing Page Sketch Fr

    Photoshopで編集ラクラク!Webサイト用の美しい無料PSDテンプレート45個まとめ
  • 【CSS】汎用性を重視したCSSアニメーションボタン30種類

    WordPressテーマを制作する際、テーマごとでCSSボタン用の装飾(特にマウスオーバー時のエフェクト)をデザインするのですが、ユーザーがボタン用のセレクタのみで利用できるよう、一定の汎用性を考慮した条件下でデザインしています。 例えば、提供中のWordPressテーマでは、<a href="#" class="btn">ボタン</a> とするだけで以下のボタンスタイルでテキストを表示できます。 Clarityテーマのボタンデザイン Luminousテーマのボタンデザイン 今回は、そんな汎用性重視のCSSボタンをひたすら30種類つくってみました。 汎用性を考慮したCSSボタンの要件 ボタンはボタン用のセレクタを持つタグでテキストを括るのみのHTML(例 : <a href="#" class="button">ボタン</a>)で構成する。 →ボタンデザインやエフェクトのためにspanやd

    【CSS】汎用性を重視したCSSアニメーションボタン30種類
  • WordPressで簡単にアクセス解析ができる!厳選プラグイン8選

    WordPressWeb制作のスキルに自信がなくても取り組みやすく、豊富にデザインテンプレートが揃っていることから、多くの企業のホームページやブログで利用されています。自社でも導入しているという担当者も多いでしょう。 既にアクセス解析ツールを導入している場合でも、毎日の簡易的な確認には、WordPressのアクセス解析プラグインが便利です。 今回は、WordPress用のアクセス解析プラグインを種類別にまとめました。また、プラグインならではの特徴についてもご紹介します。 目次 WordPressでアクセス解析をする方法 WordPressで簡単にアクセス解析ができる!おすすめプラグイン アクセス解析のデータからわかること サイトの課題を見つける効果的なプラグインを見つけよう WordPressでアクセス解析をする方法 WordPressでアクセス解析をする方法は、大きく分けて2つの方法が

    WordPressで簡単にアクセス解析ができる!厳選プラグイン8選
  • iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium

    iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが(笑)、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外(アプリのタッチイベントを認める領域)を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか?それを Web 上の情報を元にまと

    iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium