タグ

2016年3月6日のブックマーク (4件)

  • 背景フリー素材サイトならここ!鉄板サイト15選 | CodeCampus

    背景フリー素材サイトならここ!鉄板サイト15選更新日: 2019年2月5日公開日: 2015年8月12日 ブログやメディアなどのWebデザインを考える時に「背景をどうする?」と悩む方も多いと思います。 そこで今回はwebデザイナーの方に役立ちそうな背景画像・動画のフリーサイトを15個ピックアップしてみました。状況に合わせた豊富な素材からインスピレーションを感じるアイテムが見つかるといいですね。 鉄板サイト15選 早速鉄板のフリー素材サイトを紹介していきますね。 パターン系背景素材なら「Bg-Patterns」 画像出典Bg-Patterns 素材数/200以上  ファイル形式/.jpg .png .svg 利用制限/商用OK  ユーザー登録/不要 気にいった画像があればブラウザ上で自分なりにアレンジし、ダウンロードすることが可能。Webサイトのバックグラウンド、紙資料の背景画像として利用も

    背景フリー素材サイトならここ!鉄板サイト15選 | CodeCampus
  • レスポンシブ対応のCSSフレームワーク22選

    手軽に素敵なホームページを作成することができるCSSフレームワークが沢山登場しています。アイコンなども全てセットになったものなどもあり、コーダーでなくとも簡単に作業できることから人気を博しています。 今回は、レスポンシブに対応したCSSフレームワークをに紹介します。CSSフレームワークを選ぶ際の参考にしましょう。 CSSフレームワークとは?その特徴とメリット CSSフレームワークを簡単に言うと、Webサイトに必要なパーツや主な機能などがセットになったパックのことです。Webサイトをデザインするとき、通常はイチからデザインを考えて、パーツを揃え、CSSを記述していく必要があります。これは時間がかかる上、Webデザイナーやエンジニアなどの専門家がいない場合、整ったデザインのWebサイトを制作することは非常に困難だと言えるでしょう。 そんなときに便利なのがCSSフレームワークです。CSSフレーム

    レスポンシブ対応のCSSフレームワーク22選
  • サイトのデザインに合わせたGoogle Mapを表示しよう | ジーニアスブログ – WEB制作会社ジーニアスウェブのお役立ちブログ

    こんにちは。 宮崎から景山がお送りします。 初めて宮崎に来ました。 自分がどこを歩いているのかさっぱりわかりません。 GoogleMapがなければ家にたどり着くことすらできなかったでしょう。 Google先生に感謝です。 GoogleMapに頼りまくりな私ですが、サイトにGoogleMapを表示させる事は多いはず。 そこで、日はGoogleMapもサイトのテイストに合わせたデザインにカスタマイズする方法を紹介します。 まずは、何はともあれGoogleMapで表示させたい場所を表示させましょう。 普通にサイトにMapを表示させるだけなら、左上の三線のメニューから 地図を共有または埋め込むから、埋め込むを選択してタグを埋め込めばよいです。 ですが、カスタマイズする場合はGoogleMap APIを使います。 【Google Map カスタマイズ】 マップの表示 デザインの適用 アイコンの変

  • レスポンシブデザインにすぐ使える!すごいアイデア30個 | コリス

    サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行

    レスポンシブデザインにすぐ使える!すごいアイデア30個 | コリス