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 この方と全く…

[Mac]Mac OS 10.8.4でターミナルからsuコマンドを使いrootになる方法 [W][Mac]Mac OS 10.8.4でターミナルからsuコマンドを使いrootになる方法 | WEB HORIC. root のパスワード設定、sudo で。 su - enter で確認

Tooltipster - The jQuery Tooltip Plugin jQueryプラグインのこれが結構使えるツールチップ。 content をHTMLで書くのに手間取った。 $()で囲うだけでした。後はjQueryUIで使ってたのがそっくりそのまま。軽量でライセンスも問題なし。 デザイン的にも問題…

.position() | jQuery UI API Documentation jQuery UI の Tooltip でアンカーテキストの真下に吹き出し風ツールチップを表示 - jQuery UI 日本語リファレンス マウスオーバーで吹き出しをつけるjQueryプラグイン(tooltipsterプラグイン) | ジャイアントモリ…

こんばんは。PNGとかJPGとかGIFとか色々あって。適当にやってたのでちょっとまとめてみます。 WEBサイト制作に使える画像ファイル形式の基礎とその特徴 | 株式会社LIG JPEG特に小さくすると赤の部分でノイズが発生しやすい。 GIF多くのブラウザにサポートさ…

2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle 2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle | コリス 模写が結構いいらしいと聞きまして。 いいサイト見つけたら、…

これについて書いてたような。。。ま、もう一度。 レイアウトがたまに崩れちゃったりして、変な要素加えて直そうとか思っちゃってたし。 レスポンシブデザインに便利！今さらCSS3のbox-sizingについて話してみます｜Webpark とにかく、paddingとborderを含ん…

たくさんあると思うんだよね。勉強というか学び方は一つじゃない。効率化はもちろんはかるけど、楽しくないとやってられない。 Prott - Rapid Prototyping for Mobile Apps まずはこのサイトを分析してみるよ。理由は、デザインの会社がやってるデザインだか…

こんばんは。今日はPinterestとDribbbleでデザインみて、雑誌のレイアウトぼーっとながめて。それくらいしかできてない！やっぱり楽しいのはもの作りなんだけど、ど、、、皆に見える部分。触れてもらえる部分がいいなあ。サーバー側もスピートとかさ、セキュ…

画面の上下、左右中央寄せ 初心者でもすぐ使える！CSSを使った中央寄せの方法まとめ８＋α | 株式会社Bark to Imagine レイアウト作成時にdivで囲む width: 1100px; height: 400px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;…

こんばんは。 button ってなんぞ、と思ったので調べました。知識が入ると、悩む。そんな時こそgoogleでひたすら調べる時間がほしいね。うん。 まずは参考になりそうなリンクを。 <INPUT type="button">−HTMLタグリファレンス <BUTTON>−HTMLタグリファレンス どうも、JSを使う時はinputがよ</button>…

Icons | GraphicBurger Pocket: Log In 研修のレイアウト用に。マージンとか３つずつに使えそう。自分の知識がない分、いいとこからのまねからはじめて。追って自分で構成ができるようになればいいなあと。

堅苦しくかけないタイプらしく、のほほんとかくことにしようと。 使ったツール、いい記事とか一括で感想とともに管理してけばいいかなとか。 うんうん。 今まで思ってても、すぐ放置タイプだったから。 心機一転頑張りましょう。か。 タグとかつけた方が分か…

こんにちは。結局AndroidにPATHを通すのがいまいち分からず。 Adobe PhoneGap Build まあ、こんなかんじでかなりツールに頼って、Gitのアカウント作成してなんとかアプリらしきものができました笑 Gitは昔さわってて、でもなんじゃこれ状態でしたが仕事で Gi…

こんにちは。備忘録的に。 PhoneGap API Documentation Java でゴリゴリのネイティブアプリは作るの難しい。まずは、Javaがよくわからない！でも、アプリとして世に出したい。で、始めて、、、インストールに若干手こずったけどこのサイトは良さげなかんじ。…

こんばんは。 今日はメモっときたい事があるのでもうひと記事。 Bootstrap これね。 最初は慣れなくて、レイアウトガッタガタだったけど、3時間くらいぶっとーしで触ってると。。。。あ、楽w やりたいモジュール？がはいってて、ちょちょっと直せばある程度…

こんばんは。今日は久しぶりに仕事したーってかんじなので、家では特に目立った勉強できず。PhoneGapPhoneGap | Home PhoneGapっていう(多分もう古い気もするけど。)フロント言語でAndroidとかのネイティブアプリが作成できるツールを使おうとしたら、なんと…

こんにちは。ネタ探しに色々読みあさっていたら出会った言葉。『ハイリスクハイリターン』 つくづく何事もこの原則に基づいちゃってる。安定しながら、ドカーンと稼げちゃう事って、ない。カジノもリスク。恋愛もスリル求めちゃえばリスク？ リスクを恐れな…

こんばんは。 書こう書こうと思って、結局間あいてしまいました。。 さて、本題！ 最近仕事で、某〇〇のスタッフさんが使うシステムを作ってます。 要件定義からね。 エンジニアとして6月後半から頑張って、初PJ。 なっかなか、お金回りがむずかしい。 DBと…