CSSで計算式で値を指定する方法 (calcファンクション)
2017/06/22 「100%から4pxを引いた数を設定したい」など、計算式を値に設定したい場合は、calc関数を利用します。 サンプルコードcalc()の括弧内に計算式を指定します。演算記号の左右には半角スペースを入れる必要があります。 div { width: calc( 100% - 50px ) ; }デモ%とpxの組み合わせ「100%から50pxを引いた数値」をwidthプロパティに指定する例です。このように具体的に指定できない値を算出できるのが特徴です。 <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <style> div { width: calc( 100% - 50px ) ; background: peachpuff ; } </style> </head> <body> <div>100%から50px引い
chromeのデベロッパーツールでcssのhoverを調べる方法 - Qiita
概要 cssでサイトのデザインをする時にはchromeのデベロッパーツールでセレクタを確認しながら調整をする事が多いのだが、hoverやactiveの要素を調べるやり方がよくわからなかったので調べてみた。 結果 ググったらすぐ出てきた。 choromeデベロッパーツールを開いてElementsタブを選びさらにStylesを選んだところにある画鋲iconをクリックすると好きな擬似クラスを指定して調べられる。 何度も見かけてたはずの画鋲がこんなに便利だとは知らなかった。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeW
全8サイト！SNSのカウント取得方法まとめ 2014年6月版
ソーシャルシェアボタンをオリジナルデザインにしたかったり、いいね！数のデータを元にランキングシステムなどを作りたい場合に役立つ「ソーシャルカウントの取得方法」をまとめました。取得方法はサーバーサイド(PHP)、クライアントサイド(Javascript)の両パターンを取り上げています。よろしければ参考にしてみて下さい！なお、Twitterのカウントは2015年11月20日以降、取得できなくなりました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
