0から1を作ることって、むずかしい。

こんばんは。 この2日間(ガッツリじゃない)で一応サイトという物を作ってみたの。 大層な物ではないけど、インプットばかりしても成長はしない気がして。 残念ながらサーバーには(まだ)あげてないので、キャプチャのみで。 ちょっと気になった部分とか、今後…

OPG とは?? ちょっと流行おくれかも。

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>

css の position に関して どう影響するか

static 特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されず、初期値に配置します。 absolute 絶対位置への配置となります。親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が…

コーダー、デザイナーとしての情報収集

今日は、何か記事を書きたいなとおもって。 休日だから仕事関連ではないけどグノシーでとんできた記事をまとめてみようかな。 あ、私の一日とか書いてみよう。 もしかしたら見てくれる人がいるかもしれない笑 出勤時はfeedly これで結構購読してるからぱぱっ…

JavaScript の基礎の基礎

JavaScript の基礎の基礎 なーんか忘れそうだったのでメモめも。 クラスの定義 function ClassName(){ this.e = 1; this.COUNT = 10; } メソッドを定義 ClassName.propaty.method1 = function () { } this とは何ぞ function className(){ this.a = 1; } Cla…

Java 文字列結合 と ソート順

Javaをやってみた まずはコードを。これだけだと再利用できるかは不明だけど。 型にとにかく手こずった。 今日の課題は、 ソート順をIDの昇順にすること 文字列(リスト配列)を,区切りで一列で出力 public class UserComparator implements Comparator<User>{ @Ove</user>…

Javascript 引数(ちょー基礎)

Javascript 関数(基礎) さて、自分で関数作ったり、変数として~みたいなことができなかったので ちょっと調べてみた。 関数の基礎 このサイトはよかった。とはいえ、検索して上のほうにヒットしたから見ただけ。 ほんとに簡単なことで、 ‘function aa( ){ a…

jQueryで文字列末尾省略 + ...表示

jQueryで文字列末尾省略 + ...表示 jQuery 例 このサイトにお世話になった。 書き方としては、これが簡単だった。 今回は、・・・の部分にカーソルを合わせると省略した部分が出るようにしたかった。 以前使った、tooltipsterこれを利用。 afterTxt…の部分を<span class="sss"></span>…

CSSの構造化 アーキテクチャ

css このサイトが結構面白かったので、まとめてみる。 css が肥大化する理由TOP5 float が多くなるのは、グリッドが存在しないか、効果的に機能していない。 margin が多くなる場合は、reset.css (または normalize.css) が必要。 padding が多くなるのは、…

OOCSS とは

OOCSS ocss 文書 構造と見た目の分離 コンテナとコンテンツを分離 例: cssの設計をするにあたって 設計 BEMも使ってみよう このサイトいいかも 文字でもまとめとく。 BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当…

css 優先順位 的な

今日悩んでたけど、 ぜんっぜん難しくない話 まずは、例を紹介。例ってほどのものでもないか。 <div class="a aa"></div> これに、スタイルを当てたい場合、 優先順位を考えると .a { width:100px; height: 50px; background-color: pink ; } div .aa{ background-color: red; } →.a…

jQueryでcookie保存

jQueryでcookie保存 結構簡単にできるはず. どの部分に書くかが問題だったりするけど 保存するとき $.cookie("KEY", "VALUE", { expires: 7 }); expiresはcookieの保存期間の日数を入れる 値をとりだすとき $.cookie("キー"); cookieメソッドで利用できるパ…

HTML5に関して いらないtype属性は消す

不要な type 属性は含めないように HTML5 では、script 要素、style 要素に対する、type 属性は不要です。HTML5 においては、script 要素 の場合、type 属性のデフォルト値として 「text/javascript」 が、style 要素の場合は 「text/css」 がセットされます…

cssで三角形

css3で覚えた新しいクラス 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…

webサーバーをgulpで

フランス料理のタイトルみたい笑 gulp-webserver エラー続出でした。結局まだ解決できてないけど一旦メモ程度に参考サイトを。 ReferenceError: gulp is not defined (running at Windows) · Issue #12 · NicoSantangelo/sublime-gulp · GitHub この方と全く…

mac root権限で操作

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

Tooltipster

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

ツールチップ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 | コリス 模写が結構いいらしいと聞きまして。 いいサイト見つけたら、…

box-sizing

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

勉強の方法

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

抱負

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

画面の中央寄せ

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

<button>についてのまとめ

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

参考サイト(研修用)

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

ひさびさに訪れる。

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

Github にゃん

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

PhoneGap様々

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

BootStrap

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

Node.js  環境構築は楽

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

ハイリスクハイリターン

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

なかなか続かない笑

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

8月22日

こんばんは。 書こう書こうと思って、1ヶ月ぐらいたってしまった。。 今日は自己紹介におつき合いくださいw M.H(23)女 香川→福井→東京(いまここ) 2年間IT人材営業の後、6月からエンジニア 大学は経営専攻 東京はとにかく憧れでしたよ。 なんでもあって、刺激…