2015-01-01から1ヶ月間の記事一覧
OPG とは 結構昔からあったようだけど、今日初耳だったのでメモ。 いわゆるシェアボタンをクリックしたときに表示される部分みたい。 たとえば <html xmlns:og="http://ogp.me/ns#"> <head> <title>はてなダイアリー</title> <meta property="og:title" content="Iaaa"> <meta property="og:type" content="blog"> <meta property="og:description" content="aaa"> </meta></meta></meta></head></html>
static 特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されず、初期値に配置します。 absolute 絶対位置への配置となります。親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が…
今日は、何か記事を書きたいなとおもって。 休日だから仕事関連ではないけどグノシーでとんできた記事をまとめてみようかな。 あ、私の一日とか書いてみよう。 もしかしたら見てくれる人がいるかもしれない笑 出勤時はfeedly これで結構購読してるからぱぱっ…
JavaScript の基礎の基礎 なーんか忘れそうだったのでメモめも。 クラスの定義 function ClassName(){ this.e = 1; this.COUNT = 10; } メソッドを定義 ClassName.propaty.method1 = function () { } this とは何ぞ function className(){ this.a = 1; } Cla…
Javaをやってみた まずはコードを。これだけだと再利用できるかは不明だけど。 型にとにかく手こずった。 今日の課題は、 ソート順をIDの昇順にすること 文字列(リスト配列)を，区切りで一列で出力 public class UserComparator implements Comparator<User>{ @Ove</user>…
Javascript 関数(基礎) さて、自分で関数作ったり、変数として～みたいなことができなかったので ちょっと調べてみた。 関数の基礎 このサイトはよかった。とはいえ、検索して上のほうにヒットしたから見ただけ。 ほんとに簡単なことで、 ‘function aa( ){ a…
jQueryで文字列末尾省略 ＋ ...表示 jQuery 例 このサイトにお世話になった。 書き方としては、これが簡単だった。 今回は、・・・の部分にカーソルを合わせると省略した部分が出るようにしたかった。 以前使った、tooltipsterこれを利用。 afterTxt…の部分を<span class="sss"></span>…
css このサイトが結構面白かったので、まとめてみる。 css が肥大化する理由TOP5 float が多くなるのは、グリッドが存在しないか、効果的に機能していない。 margin が多くなる場合は、reset.css (または normalize.css) が必要。 padding が多くなるのは、…
OOCSS ocss 文書 構造と見た目の分離 コンテナとコンテンツを分離 例： cssの設計をするにあたって 設計 BEMも使ってみよう このサイトいいかも 文字でもまとめとく。 BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当…
今日悩んでたけど、 ぜんっぜん難しくない話 まずは、例を紹介。例ってほどのものでもないか。 <div class="a aa"></div> これに、スタイルを当てたい場合、 優先順位を考えると .a { width:100px; height: 50px; background-color: pink ; } div .aa{ background-color: red; } →.a…
jQueryでcookie保存 結構簡単にできるはず. どの部分に書くかが問題だったりするけど 保存するとき $.cookie("KEY", "VALUE", { expires: 7 }); expiresはcookieの保存期間の日数を入れる 値をとりだすとき $.cookie("キー"); cookieメソッドで利用できるパ…
不要な type 属性は含めないように HTML5 では、script 要素、style 要素に対する、type 属性は不要です。HTML5 においては、script 要素 の場合、type 属性のデフォルト値として 「text/javascript」 が、style 要素の場合は 「text/css」 がセットされます…
css３で覚えた新しいクラス pointer-events :none ドラッグを禁止 opacity:none 要素の透明度を指定 letter-spacing: 文字の間隔 三角形の作り方 <div class="a"></div> <style> .a { width: 0; border: 80px solid transparent; border-top: 80px solid pink; } </style>
MarkDownの書き方 テーブルの記述方法は|と– * :—で左寄せ:—:でセンター—:で右寄せになります。 Left align Right align Center align This This This column column column will will will be be be left right center aligned aligned aligned リンクで使…
Pass 階層に関して 基本中の基本 絶対バス(http://www.egfd) と相対パス (/img/gr/grrd/png) どうやって、階層をたどっていくか この画像の場合のパスは 'img src="img/img2.gif" alt="任意のテキスト"' c-1を編集中の場合は a href="../index.html">トップ…
jQuery 兄弟要素の取得と操作 – 自分以外の兄弟、自分以降の兄弟、自分以前の兄弟等 | Stronghold jQueryのDOM取得に関して. next()とか、parents()とか <script type="text/javascript"> $('.all').each(function(){ var $aaa = $(this).parents('table').next('div.tooltip-contents').htm…
フランス料理のタイトルみたい笑 gulp-webserver エラー続出でした。結局まだ解決できてないけど一旦メモ程度に参考サイトを。 ReferenceError: gulp is not defined (running at Windows) · Issue #12 · NicoSantangelo/sublime-gulp · GitHub この方と全く…
