IT技術 一覧

無料期間でAWSを触ってみた

無料期間でAWSを触ってみた

まずはAmazon Web Services実践入門 (WEB+DB PRESS plus)を買って一通り読んでみました。 な...

記事を読む

box-sizing

box-sizing

いつも検索してしまうので、自分のところに書いておくことにします。 これでwidthにpaddingとborderが含まれます。

記事を読む

jQueryUIの使いにくいあの一行ラジオボタンを縦積みに変更

jQueryUIの使いにくいあの一行ラジオボタンを縦積みに変更

jQueryUIのラジオボタン ラジオボタンはグループの中で1つだけ選択状態になるという特性上、ちょっとした手間が必要となります。とは...

記事を読む

jQueryのposition()とoffset()

jQueryのposition()とoffset()

忘れないうちにということで、ざざっと箇条書きをお許し下さい。 offsetはページの左上からの座標 positionはp...

記事を読む

画像をドラッグすると表示領域が変わるjQueryUIを使ったコンテンツ

画像をドラッグすると表示領域が変わるjQueryUIを使ったコンテンツ

画像の下に「拡大ボタン」がついていて、ボタンを押すとそのエリアに大きな画像が表示され、画像をドラッグすると表示領域が変わるというコン...

記事を読む

CSSのグラデーションはジェネレータを頼る

CSSのグラデーションはジェネレータを頼る

FirefoxやChromeに色を拾うプラグインColorZillaがありますが、このツールにCSSのグラデーションの記述を助けてく...

記事を読む

2つのブログでコメント欄を開放

2つのブログでコメント欄を開放

100歩譲って「SNSと関連付けられたアカウントならいいかな」と思いJetPackを入れたのですが、SNSでのアカウントの関連付けが...

記事を読む

テキスト選択をさせないCSS

テキスト選択をさせないCSS

対処法からいうと、IE10以降とFirefox・ChromeはCSSで対応し、IE8-9はHTMLの属性で対応します。IE8...

記事を読む

jQuery初学者は$.ajax()ではなく$.post()を使おう

jQuery初学者は$.ajax()ではなく$.post()を使おう

公式ページでも「$.ajaxなんか使わなくても、$.get()とか.load()のような使いやすい関数があるよ」といっていま...

記事を読む

PHP「array_key_exists()」と「isset()」

PHP「array_key_exists()」と「isset()」

array_key_exists()もisset()もどちらも値があるかをブール値で返す関数です。 NULL値を持つ配列キーを評価した場...

記事を読む

Child Pages Shortcodeを入れてみた

Child Pages Shortcodeを入れてみた

そのページの子ページを表示するショートコードが使えるようになります。 ということで導入してみました。 Wordpressの公式に登録...

記事を読む

Crayon Syntax Highlighterを入れてみた

Crayon Syntax Highlighterを入れてみた

WordPress Theme Simplicityを作っている人がCrayon Syntax Highlighterを愛用していた...

記事を読む

Chromeのバージョン 45.0.2454.93 mがやんちゃ

Chromeのバージョン 45.0.2454.93 mがやんちゃ

2015年9月1日からChromeのバージョンが45となり、Flash広告の動作が制限されることとなりました。 具体的にはストリー...

記事を読む

Simplicityにしてみた

Simplicityにしてみた

テーマを変えただけといえばそれまでなのですが、ガラッと変わっているのでサイトリニューアルと言っていいのかもしれません。 Simpl...

記事を読む

NO IMAGE

リハビリブログのテーマを変えた

「サラリーマンうつ病リハビリ記」のテーマをブロガーさんの間では有名な「Simplicity」にしてみました。 はじめは小説ブログのテー...

記事を読む

NO IMAGE

話題になっているらしいCookieが なぜ話題になっているのか分かる講座

サードパーティーCookieなどという言葉が(社内で)飛び交っているので、これを機会にCookieというものを調べあげて説明しました。 ...

記事を読む

NO IMAGE

divの中に高さの低い画像を入れるとできる空白

HTML3のときのクセで、テーブルの中にフッター用の画像を入れる要領で、divのなかにimgを入れたら妙な隙間が・・・。 どうやら、d...

記事を読む

NO IMAGE

JavaScriptからActionScriptを呼び出す

実際にはコールバックするのでJS→AS→JSという流れになります。 想定は以下のとおり 回答フォームの一部がFlashで作られ...

記事を読む

NO IMAGE

html()を使うとmouseleaveが効かない

こういうのが意図したようには動かないという話。 具体的には"mouseenter"は動くのだけど、"mouseleave"は動かない。...

記事を読む

NO IMAGE

テキストボックスの文字数をカウントして表示

テキストボックスに入力中に、その文字数をリアルタイムに表示するというjQueryのコード。 ※会社でニーズがあったので、このブログのプロジ...

記事を読む

NO IMAGE

WordPressのtagの見かけをjQueryでいじってみた

WordPressの「00_」から始まるtagに打ち消し線をつけて、頭に「CLOSE:」をつけるjQuery。 うちのテーマはhead...

記事を読む

NO IMAGE

propもattrもセレクター全部に値を設定

サンプルはこんな感じ。セレクターの要素それぞれに値の設定を適用してくれる。 なお、値を取得するときは、eachやmapで回さな...

記事を読む

NO IMAGE

mapの戻り値はjQueryオブジェクト

mapって返してくるのはjQueryオブジェクトだったんですね・・・。 console.log()でnameArrayをみるとよく分か...

記事を読む

NO IMAGE

toggleClassはCSSの設定を上書きしない

ちょっと前にハマったので備忘録として・・・。 これでは動きません。 body部 CSS部 JavaScript部 .d...

記事を読む