10 点の画像または 1 点のビデオを無料体験版で入手できます。無料体験版の使用を開始 10 点の画像または 1 点のビデオを無料体験版で入手できます。無料体験版の使用を開始
10 点の画像または 1 点のビデオを無料体験版で入手できます。無料体験版の使用を開始 10 点の画像または 1 点のビデオを無料体験版で入手できます。無料体験版の使用を開始
こんにちは。ディレクターのエリカです。 Google マップがカスタマイズできることはよく知られていると思いますが、難しそうでなかなか手が出せない・・・と思っていませんか? Google 公式が提供している「Styled Maps Wizard」を使えば、驚くほど簡単に Google マップをカスタマイズできるのでご紹介いたします。 ※このページは、Styling Wizard: Google Maps APIsの旧サービス:Styled Maps Wizardの紹介記事です。 Styling WizardでGoogleマップをカスタマイズ! Styling Wizardはこちらから利用できます https://mapstyle.withgoogle.com/ ※現在はStyling Wizardにリニューアルしています。 STEP1. 全体の色を変えてみよう 画面左の Selectors
こんにちは。 ほっぺたと笑顔は柔らかい方がいい、デザイナーの佐藤タカアキ(@sato_tkaaki)です。 突然ですが皆さん、Googleマップを見たことはありますか?あると思います。 Googleが運営しているだけあって、毎年様々な企画でワクワクを届けてくれる、あの地図のことです。 そこで今回は、クリエイティブなイケてるマップデザインを紹介させていただきます。では、いってみましょう! マジでイケてるGoogleマップデザイン Miagui Imagevertising http://www.miagui.cc/contact/ Mとレッドカラーがマリオを彷彿させます。 Yvan Rodic http://yvanrodic.com/places WORLD、CONTINENT、COUNTRYの3つの視点でお楽しみください。 aBenção – malhas e tricots criat
スクリプトは一切使用せず、デスクトップ時はタブコンテンツ、スマフォ・タブレット時はタブをスケールダウンに変更してコンテンツを表示するスタイルシートのテクニックを紹介します。 単にレスポンシブ対応のタブというだけでなく、コンテンツの切替やタブのホバーエフェクトなど、非常に完成度の高いタブコンテンツに仕上がっています。 スケールダウンの仕組み 実装はこんな感じになります。 HTML まずは上部のコントローラー、このラジオボタンで各タブの動きを制御します。 デザインを変更して利用したり、タブのみにしたい場合は非表示にするのも有りですね。 <!-- TAB CONTROLLERS --> <input id="panel-1-ctrl" class="panel-radios" type="radio" name="tab-radios" checked> <input id="panel-2-c
男性にも結婚適齢期があります。男性が結婚するのに適している年齢というよりも、男性が結婚しておくべき年齢というのが間違いなくあります。ある一定の年齢を過ぎてしまうと男性は、結婚するのが難しくなります。 男性は歳を取ると、女性との間に恋愛関係を築く力が衰えます。というのも、恋愛にまつわる恥ずかしい部分やバカバカしい部分の多くは男性の側が請け負います。若い時にはそれが恥ずかしいということにすらあまり気づいていないのですが歳をとるとそうはいかなくなります。 たとえば、出会ってから間のない異性を口説く役は多くの場合男性が受け持ちます。出会ったばっかりの相手に向かって愛していると言うのはおかしいですが愛していないと言っては口説けません。そこで、根拠はないが私はきっとあなたを深く愛することになるだろう、というなんだかよく分からない話を情熱的に語らなくてはいけません。さらに、愛しているからセックスしたいと
背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 デモを幅480pxで表示 コンセプト 「background-size」をビューポート全体をカバーするために使う 「background-size」はレスポンシブ対応にする時に非常に有効なプロパティです。値に「cover」を使うことで、背景画像を相対的に自動で調整します。 ※IE8以下はサポートしていませんが、後述のスクリプトを使用するとbackground-sizeが機能するようになります。 「Media Queries」をスマフォ対策として使う スマフォなどの小さいサイズのスクリーン用にMedia Queriesを使って、小さいサイズの画像ファイルを使うことができます。もっともこれはオプシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く