タグ

WEB制作に関するmeganenobuのブックマーク (6)

  • Painting

    About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-

    Painting
  • スタジオ・イカルス:スタディ:デザイン:カラーイメージ

  • 組合せ自由自在、Webサイトのモックアップ、プロトタイプ作成PSD無料キットThe Brick - PhotoshopVIP

    新しくWebサイトをデザイン、特にモックアップデザインを制作するときに活用したい、スタイリッシュなユーザー・インターフェースを何種類もまとめたPSDキット「The Bricks」を、今回はご紹介です。 あらかじめピクセル単位で制作されたボタンなどのパーツを使って、直感的にサイトデザインを作ることができ、かゆいところに手が届くサービスパックになっています。 詳細は以下から。 組合せ自由の、Webサイト作成用モックアップPSD「The Bricks」 The Bricksは、Webサイトのラフデザイン、プロトタイプを制作、設計するのを楽にすることを目的とした、無料のユーザー・インターフェースキットです。 ホームページやブログなどで利用されている、ボタンや入力ボックス、画像スライダー、テキスト入力ボックス、カレンダーなどをまとめており、必要なパーツだけをお好みで選んで、赤いグリッドラインに沿って

    組合せ自由自在、Webサイトのモックアップ、プロトタイプ作成PSD無料キットThe Brick - PhotoshopVIP
  • ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ

    ディスプレイサイズ(ブラウザサイズ)いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ(ブラウザ)のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します! 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max

  • 目的を達成させるための最適なWebサイトのタイプ(種類)

    先日[ホームページ成功への道はすべてここから始まる。目的・目標の明確化]を書かせて頂いたんですが、「目的が決まっても、目的を達成させるためにどんなWEBサイトを作ったらいいのかわからない」と読者の方から連絡をいただきましたので、今回は【目的を達成させるための最適なWebサイトのタイプ(種類)】を紹介したいと思います! WEBサイトには多種多様な目的があり、その目的を叶えるためにさまざまなタイプのWEBサイトが存在します。今回はこれらをわかりやすく見比べられるように表にしてみました。新しくWEBサイトを作るときなどに参考にしてみてください。 WEBサイトの目的とタイプは生まれ続ける。 インターネット上には、さまざまなタイプのWEBサイトがあります。商品を直接販売するための「ECサイト」、会社情報を伝えるための「コーポレートサイト」、商品やサービスを認知してもらうための「プロモーションサイト」

    目的を達成させるための最適なWebサイトのタイプ(種類)
  • 私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

    私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 (※文中のショートカットキーは全てMacの場合です) 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う

    私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
  • 1