Odometerを実装してみる Odometer というカッチョイイJSを実装してみました。 仕様 クリックしたら数値変わる クリック用のナビゲーションつけよう 実装 HTML <ul> <li id=”month” class=”s… Yukimi Satoハック2016.09.09 2,133
CSS:可変のレイアウトに対してabsoluteで真ん中配置を行う HTML例 <div class=”popupWrap”> <a href=”#”>ポップアップを開く</a> <div class=”popupBox”> ポップアップの… haradaハック2016.09.08 2,607
ドロップダウンメニューを作りたかった よくあるドロップダウンメニューを作りたくて、いろいろ参考にさせていただきながら作業 ■ html <ul id=”main_menu_list”> <li class=”large_menu”>メ… かしこハック2016.09.05 517
CSSだけでプログレスバー型のメニューを表示する 最近良く見るこういう形の、フォームなどの表示形式は、なんていったらいいんでしょうね。 表示サンプル HTML <ol class=”progress-meter”> <li class=”progres… haradaハック2016.09.01 1,303
【jQuery】ハンバーガーアイコンを開閉時に変化させる【Bootstrap】 参考:3本線のメニューボタンをパネルの開閉にあわせてバツに変化させてみる HTML <a href=”#” id=”panel-btn”><span id=”panel-btn-icon”><… Yukimi Satoハック2016.08.18 2,507
【CSS】Bootstrapで組んだナビメニューをタブレットでもスマホ表示にする レスポンシブデザインでつきまとうナビメニューの形と幅の悩みですが、Bootstrapはデフォルトではタブレットの表示がスマホと同じようにたたまれたメニューにはならないので、それを解決するCSSです。 iPadでBoots… Yukimi Satoハック2016.08.17 4,438
iOSでposition:fixedを指定した時に、他の要素が突き抜けているとヌルヌル動く レスポンシブで作っている時に、他の要素に幅指定が入っていて、尚且つ横幅を突き抜けている時、overflow-x を指定していても、 position:fixed を指定してあるheaderがヌルヌルとスクロールする度に上… Yukimi Satoハック2016.08.15 1,399
WordPress スタイルシート読み込み まず、htmlタグを利用してのスタイルシートの読み込みは以下の通りです。 <link rel=”stylesheet” id=”適当なid” href=”ファイルのpath” type=”text/css” med… nissyハック2016.07.28 530
マウスオンすると中央から線が伸びてくるCSS SCSSでの記述になります。liの擬似クラスを利用してborderを表示させています。 ul { margin: 0; padding: 0; li { position: relative; margin: 0 0.5… Yukimi Satoハック2016.07.27 1,310