まず、ダウンロードファイルの中から「 /dist/jquery.sidr.js 」と「 /dist/stylesheets/jquery.sidr.dark.css 」を、テンプレート内のCSSとJSフォルダに入れましょう。 minファイルや、色を変えることが出来るCSSファイルがありますので、適宜選んで下さい。 また、「 /example/style.css 」の中の 86 行目以下の以下の記述を、先程選んだ「 /dist/stylesheets/jquery.sidr.dark.css 」の最上段あたりに追記しておきましょう。 .menu-button { display: block; position: absolute; top: 20px; left: 20px; background: url(/img/menu.gif) no-repeat; overflow: hidde
CSS fixedで固定したメニューの問題点 スクロール時に上のメニュー部分を追随させるためにposition:fixedを指定することがあるが、こちらを指定するとtopだけでなくleftも0pxで固定になってしまう。 これの何が問題かというとウィンドウサイズをページ内のコンテンツの横幅よりも小さくしたときに横スクロールのバーがブラウザの下の方に表示されるがこれを右に移動させても左位置が0pxに固定されているためウィンドウサイズを小さくしたことで非表示になっている右側の部分が右にスクロールしても表示されなくなってしまうのだ。 例えばライブドアブログのメニューの場合、少し下にスクロールするとpositionがfixedになり、ウィンドウサイズを小さくすると「コメント速報」の部分が右スクロールをしても表示されなくなってしまう。 ブログ系のサイトだと上部を固定することが多いようだ。 ライブドアブ
プログラミングを始めるならpythonがおすすめ!って書いてるwebサイトってとても多いですよね。本当に使ってそう思ったのか、それとも周りがそう書いてあるから便乗してるのかは置いておくとして。 でも実際僕もほんの少しpythonを触ったことがありますが確かに書きやすいんです。細かいことをあんまり気にしなくて楽だし。文も見やすくなるように工夫されてるし。これなら初めてでもプログラム嫌い!ってならないかもなーって思います。 最初からcとかjavaを触るとプログラミングアレルギーになるってよく言われてるじゃないですか。あれもよくわかるんですよね。細かい制限とかちょっとしたエラーがわかりにくいですもん。 最初だとプログラム自体がうまく作れない事よりも空白や半角全角の違いでプログラムが動いてくれないことの方が多かったりしますし。本の通りにやってるのになんで動かないの!もう嫌だ!!なんてなる気持ちもよ
2014/02/10 : スマホ画面の拡大倍率の取得と判定 viewport設定が下記のような場合 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0" /> // JS $('html').bind('touchend', function() { setTimeout(function(){ var zoom = document.body.clientWidth / window.innerWidth; if ( 1 < zoom ) { console.log('拡大しています'); } else { console.log('1.0倍です'); } },100); }); zoom関数が拡大倍率になる。 clientWi
もくじ はじめに 変数 関数 オブジェクトとデータ構造 クラス S: 単一責任の原則 (SRP) O: オープン/クローズドの原則 (OCP) L: リスコフの置換原則 (LSP) I: インターフェイス分離の原則 (ISP) D: 依存逆転の法則 (DIP) 同じことを繰り返すな (DRY) はじめに この記事はRobert C. Martinの本「Clean Code」のソフトウェアエンジニアリングの法則をPHPに適合させたものです。これはスタイルガイドではありません。読みやすく、再利用しやすく、そしてリファクタリングしやすいPHPコードを書くためのガイドです。 ここで挙げられるすべての原則は厳密に守らなくてはいけないわけではなく、少し守らなかったところで一般には許容されます。あくまでガイドラインですが、Clean Codeの著者たちがみな長年に渡って経験してきたことです。 この記事(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く