CSSmatic is a non-profit project, made by developers for developers Are you a web developer? Would you like to collaborate on CSSMatic?
ウィンドウ幅を変えても必ずピンが画面の中央に配置されるレスポンシブ対応の Google Maps の設置方法を紹介します。 以下のリンク先にサンプルを用意しています。 試しにウィンドウ幅を変えてみてください。 Responsive Google Maps : https://on-ze.com/demo/api-google-maps-responsive/ 実はコレ、以外と簡単に実装できてしまいます。 HTML の記述 まずは Google Maps を表示させる場所を作ります。 <div id="googlemaps"></div> ここでは単純に div 要素に id=”googlemaps” と名付けています。 CSS の記述 続いてスタイルシートの記述は以下のとおり。 #googlemaps { width:100%; height:300px; position:relativ
フィードバックを送信 Maps JavaScript API のスタイル リファレンス コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 スタイル オプションを使用すると、道路、公園、企業や店舗、その他の有名スポットなどの対象物の視覚表示、つまり標準の Google マップの表示スタイルをカスタマイズできます。こうした対象物のスタイル変更に加え、対象物を完全に非表示にすることも可能です。これにより、マップの特定のコンポーネントを強調したり、マップをページのスタイルに合わせたりすることができます。 例 次の JSON スタイル宣言では、マップ上にあるすべての対象物を灰色にして、幹線道路のジオメトリを青色にし、風景のラベルを完全に非表示にしています。 [ { "featureType": "all", "stylers": [ { "color": "#C0C0
概要 JavaScriptの変数のデータと登録スクリプトをローカライズします。 This lets you offer properly localized translations of any strings used in your script. This is necessary because WordPress currently only offers a localization API in PHP /en, not directly in JavaScript (but see ticket #20491). Though localization is the primary use, it can be used to make any data available to your script that you can normally only get fro
ずっと悩んでいた問題がようやく解決しました。Illustrator上で文字にボカシの入った白フチをキレイに付ける方法です。 何も考えずに文字にボカシが入った白フチを付けると、思ったよりもフチが薄くなってしまいイメージどおりにいきません。 Photoshopだと一発でキレイに付けられるので、余計にイライラしちゃいます。文字に付けるボカシ白フチをもっと濃くハッキリと見せるための手順を備忘録しておきます。 アピアランスの光彩(外側)を使う まず、ボカシ白フチを文字に付けるには、アピアランス効果を使います。 メニューバーの「ウィンドウ」から「アピアランス」を選択し、ウィンドウパレットを表示させます。 文字オブジェクトを選択しつつ… 先ほど表示させたアピアランスのパレットの下部から「新規塗りを追加」をクリックします。 するとアピアランスのパレット表示は から… といった感じに変わります。 アピアラン
レスポンシブサイトではウィンドウの幅(画面解像度)によって、レイアウトの調整や動作処理の制御を行います。 ウィンドウサイズ(画面幅/高さ)の取得方法に関しては、スクリプト制御ではjQueryの「.width()」メソッドのほか、JavaScriptの「.innerWidth」メソッドや「.matchMedia」メソッドを使用する方法などがあり、CSSメディアクエリでは「@media only screen and (max-width:○○px)」などといった手法でウィンドウサイズを取得することが可能になります。 それぞれの取得する方法によってすこし厄介なのは、ページ内にスクロールバーがある時とない時で取得する値が変わってくるというもの。 さまざまな場面でウィンドウサイズを取得する機会が増えてきているので、上記のそれぞれ取得方法について比較してみました。 まずは各スクリプト処理とCSSメデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く