CSSに直接WebFontを読み込む

[css] @import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700); [/css]...

CSS
明朝体font-family

Font−familyのベストな書き方 2015年版 http://sole-color-blog.com/blog/design/246/ [css] @import url(//font...

CSS
WPでよく使うタグ一覧

WordPressテンプレートタグ集|初心者即実践&仕事で使えるコピペ用 http://webdesignerwork.jp/wordpress/wordpress_tag/ ブログの...

WP
WPにて抜粋をmb_substr()で行う

function.phpに書く必要もなく、手軽に文字数も増減できるしタグも無視してくれる。 最高ですね。 [php] $new_content = mb_substr(strip_tags(...

WP
時間差読み込みinfinite scroll.js

Facebook風の無限スクロールが作れるinfinite scroll http://ascii.jp/elem/000/000/814/814095/ infinite scroll」は、...

jQuery
スマホでタップした時にhoverさせるjQuery

[js] $( 'a' ) .bind( 'touchstart', function(){ $( this ).addClass( 'hover' ); }).bind( 'touchend...

jQuery
レスポンシブBOXの背景指定で縦横比率保持

http://tsudoi.org/weblog/?p=2949 ...

CSS
FLEX BOX

中央寄せ [css] .*** { display: flex; justify-content: center; } [/css] 最初と最後のアイテムは端に、残り...

CSS
FONT AWESOME CSS設定

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel...

CSS
Media Query

メモメモ display:inherit は親の要素を継承するやつ。 親がディスプレイされているから、継承させれば表示されるということですね。 /***** Screen 960px *****/ ...

CSS
Z-INDEXについて

今日お勉強したことは Z-INDEXは若い数字が下 Z-INDEXはposition:static(デフォルト)では効かない でございました。 ...

CSS
時短したいぞ~

子育てはなんでもかんでも時短! 夕ご飯も時短!保育園用意も時短! そして、、、HTMLコーディングも時短できるに越したことないですね。 子どもの寝かしつけ中、スマホで時短方法を検索する毎日で...

OTHER