はてなブックマーク

とりあえず有名そうなものだけ。 heightLine.js 機能 特定のクラスがある要素で高さをそろえる 親要素に特定のクラスを指定すれば子要素の高さをそろえる グループ分けができる メリット ブラウザの機能で文字サイズ拡大しても、追従してくれる デメリット 簡単に行でそろえるのができない 配布 補足 最近レスポンシブ対応したjQueryプラグイン「jquery.heightLine.js」が出た http://blog.webcreativepark.net/2013/10/21-112000.html jQueryAutoHeight.js 機能 セレクタの指定で高さをそろえる 1行のカラム数を指定できる メリット・デメリット 使ったことない だれかメリット・デメリット教えてください 配布 jquery.tile.js 機能 セレクタの指定で高さをそろえる 1行のカラム数を指定できる

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

#まずやること Chromeを開く Awesome Screenshotをダウンロードして有効化しておく ChromeでDeveloperツール（MacだとAlt + Command + I）を開いて、EmulationからiPhone5あたりを選んでおく #キャプチャを撮る キャプチャを撮りたいページを開く 表示領域の下にスペースが空いていたらぴったりの画像が撮れないので、Developerツールを移動させるかなんかして下を詰める Chromeでマークをクリック。一度目は説明ページに飛ばされるが、二度目を押すと詳細が表示される ページ全体を撮りたいときは「Capture entire page」をクリックする 撮れたら保存画面に移動するので、「完了」をクリックして保存。 それ以外はスクリーンショットはこれで決まり！クローム拡張【Awesome Screenshot】を参照

追記 2019/3/1 オートコンプリートの色が水色（#e8f0fe/rgb(232, 240, 254)）になったみたいです。 CSSでの解決策 input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px [背景にしたい色] inset; }

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

#最初 ##:first-child 最初の要素（親要素から見て、子要素すべての最初） デモ ##:first-of-type ある要素の最初（親要素から見て、ある子要素の最初） デモ #最後 ##:last-child 最後の要素（親要素から見て、子要素すべての最後） デモ ##:last-of-type ある要素の最後（親要素から見て、ある子要素の最後） デモ #1個だけ ##:only-child 1個だけ子要素がある（親要素から見て、子要素が1個だけある） デモ ##:only-of-type 1個だけある子要素がある（親要素から見て、ある子要素が1個だけある） デモ #X番目 ##:nth-child(X) X番目 デモ：５番目 ##:nth-of-type(X) ある要素のX番目 デモ：５番目 ##:nth-child(Xn) Xの倍数 デモ：2の倍数 ##:nth-of-ty

attr使ったら動きが変だった attrじゃないかと思って作ったら、何か変。 attr('checked','')ではなく、removeAttr('checked')を使えばおk どうやらprop使えばいいらしい。 でもpropのが楽に書ける 詳しくはCSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。｜Ginpen.comで。 チェックされているかどうかという判定には .prop()を使う必要があります。 HTMLに書いた属性の値を扱いたいときは .attr()を、いかにもJavaScript的な事をする時は .prop() デモ こんな感じで使えばおkだと思う。 <div class="allCheck"> <input type="checkbox" id="allCheck01"><label for="

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

#ツール ##Can I use http://caniuse.com/ HTML5やCSS3、SVGのブラウザの対応を調べるサイト。 プリフィックスもわかる。 Can I email https://www.caniemail.com/ メールクライアントの各タグの対応を調べるサイト。 brumm.af https://brumm.af/shadows 滑らかな影を作成（イージング） Easings https://easings.co/ 具体的な適用例を確認しながらcubic-bezier()の値をコピー・調整できる box-shadow box-shadowとborder-radiusジェネレーター ##LONG SHADOWS GENERATOR http://sandbox.juan-i.com/longshadows/ ロングシャドウを作るツール。 ##CSSの三角形ジェネレー