css
【css】iphoneでinputボタンにcssが効かない時の対処、たった一行!
これを一行いれるだけ!
input[type="submit"]{
-webkit-appearance: none; //←これ!
}
【css】フルスクリーンコンテンツで簡単に中央に要素を配置させる方法
flexをvw:100%,vh:100%を使うと簡単に実装できる
【コーディング】新しくサイトをコーディングに参考にさせていただいたサイト
HTML5の基本テンプレ
https://qiita.com/Y_ASAMOTO/items/90afe7d24467020c17f0
XDからソース取り出し
XDで画像書き出し
https://sinap.jp/blog/2016/12/adobe-xd-export.html
スクロールに応じてヘッダーが変化(固定&変化など)
ホバーエフェクト
改めてclearfixなど(今回使わなかったけど、、)
cssのcontentに画像を指定したい時
.list_item a::after {
content: url(./arrow.png);
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
contentで追加した画像にはサイズを指定することができません。
そのため、サイズを変更したい場合はtransformプロパティのscale()で拡大・縮小させます。
Slick Sliderのカスタマイズ
https://webdesignday.jp/inspiration/technique/jquery-js/3847/
Tggleメソッドの使い方
https://qiita.com/sunnyG/items/faf1821ae09820e30ce8
ハンバーガーメニュー
https://www.webopixel.net/javascript/1483.html
フル画面メニューでスクロールさせる方法
jquery css追加メソッド
https://qiita.com/kazTera/items/ab5dd9fb5b2579b25c4d
SSIの設定 .htaccess
https://qiita.com/yoshida-hi/items/4909c578b098f172efdb
検索バーのデザイン
https://kagesai.net/search-form-design/https://kagesai.net/search-form-design/
【WAI-ARIA】role属性、aria属性を使ってタブを実装してみた
タブとかアコーディオンとか属性使ってやってくとフロントエンジニアっぽい
【css/js】ホバーでアニメーションボタンいろいろ
【css】スマホで背景をfixedにしたい時の回避方法
iosでは背景のfixedが効かない
回避方法として、背景をつけたい要素(body、divなど)に疑似要素::beforeに背景を指定して、position:fixedで表示
【scss】一瞬でcssからscss,sassに変換!コンバーターツール
そのまんまの名称「CSS 2 SASS/SCSS CONVERTER
http://css2sass.herokuapp.com/
運用途中から引き継いだサイトや、何人かのメンバー運用してるうちにcssだけで更新してしまった時なんかに便利かと
cssをコピペしてボタン押すだけ簡単!
【CSS】リンクをクリックした後に出る枠線を消したい!
![](http://butsuyoku.hirababa.com/wp-content/uploads/2019/12/67ae30f44f7720d079e1e381394d0274-1024x579.png)
これを記述するだけで消える
a:focus, *:focus { outline:none; }
【jquery】もっと見るボタンでリストを表示
2個づつ表示
https://codepen.io/m_t_of/pen/YaROLY