とあるお仕事で、jQueryなどのライブラリー利用不可というものがありました。その際利用した、jQuery的に使える便利なメソッドをメモしておきます。（※ 昔使っていたものを引っ張りだして改善したものなので、どこかで公開されている可能性があります） 更新 addClass,removeClassを修正致しました。 元記事 下記エントリの転載になります。 jQueryがNGな時に備えて、用意しておきたい便利なメソッド イベントリスナ jQueryでいうところの、.on() に該当するものです。 "addEventListener" か "attachEvent" かを判定し、addEventメソッドを定義しています。 var addEvent; if (window.addEventListener) { addEvent = function (target, name, fn) { if
目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。 デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。 次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると
2013年、当サイトのウェブ制作に役立つエントリーBest 20の紹介です。 去年までは、はてブ数が多かったエントリーをピックアップしていましたが、今年はPocketからのアクセスが多いものにしました。 コリス 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed FeedBurner経由の方は、変更をお願いします！ [ad#ad-2] 2013年、Pocketからのアクセスが多かったエントリー 2014年用、漢字も揃っている日本語のフリーフォントのまとめ -商用サイトだけでなく同人誌などでの利用も明記 一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ Photoshopの作業効率をアップする便利すぎるエクステンションのまとめ Photoshopで文字をよりシャープにクリアに見せるこつ -1px未満のこだわり ウェ
こんにちは。週6フリーターです。WEB業界で働く為に勉強中です。 ちゃんと働いてカーチャン温泉につれてくんだ。。。 下記の記事に触発されて自分もWEBサービスを作ってみました。 ・『自分でWEBサービスを作りたいと思っている人へ』 http://anond.hatelabo.jp/20101203150748 ・『Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました』 http://d.hatena.ne.jp/inouetakuya/20120331/1333192327 あ、でも今回作ったものはエロ関係ありません（笑） 下記が今回の製作物になります。 今回の製作物 『はてブ1000users超え記事アンテナ(´・ω・)』 http://hatebu-1000users-over.com/ ・このサイトについて はてなブックマークにて1000users以上取
フォーム、テーブル、カレンダーなど、ウェブページで使用するUIエレメントに便利な機能を加えるjQueryのプラグインを紹介します。 minjs - Minimalist JavaScript [ad#ad-2] minjsは現在、3つのモジュールが公開されています。 minform longtable drcal minform HTML5のフォーム周りの便利な機能を非サポートブラウザでも利用できるようにします。 デモ ダウンロード minform -GitHub [ad#ad-2] minformの使い方 minformはスクリプトを外部ファイルとして記述するだけで、下記のフォーム関連の機能が非サポートブラウザでも利用できるようになります。 placeholders 入力欄にヒントのテキストを表示します。 autofocus 入力欄をフォーカスします。 required 必須入力の欄で、
なぜかFirefox8で互換性のないアドオンを動かす「Nightly Tester Tools」が動かない人のために使えるのがこのアドオン「Disable Add-on Compatibility Checks」です。機能的には非常にシンプルで、従来使用されていたアドオンの互換性確認を行うかどうかという設定 (extensions.checkCompatibility) をFirefoxのバージョンに関わらず機能するようにするというだけ。ですが、単純かつシンプルであるがゆえに、しっかり動いてくれます。 Disable Add-on Compatibility Checks | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト https://addons.mozilla.jp/firefox/details/300254 動かない場合はこのような表示が出ま
まとめ ブロガー名刺／有限会社 前川企画印刷（神戸市兵庫区） 今回私が名刺の印刷をお願いしたのは前川企画印刷さん。 なんと、デザインも要望を聞いてくれて白黒なら100枚1,000円ですよ！ 安い！（ブログに書いてトラックバックするという条件あり） 私はデザインを@ameiさんにお願いし、あーしたいこーしたいと散々注文をつけ（本当にありがとうございます！）、印刷だけ前川企画印刷さんにお願いしました。 そして、完成した私の名刺はこれです！ モザイクでスミマセン（笑）。 お会いしたとき、もらってくださいね。 仕事以外に個人名刺を持っていると何かと便利です。 みなさんもぜひオシャレな名刺をつくってみてください。 こちらもどうぞ。 【まとめ】これは気になる！他人のバッグの中身の写真を１００まとめてみた 【まとめ】これはすごい！PCデスク周りの写真を100まとめてみた 関連リンク ミニ名刺『pocke
［Photo by 川崎市まちづくり局］ 引越しを検討している友達には、私は誰でもいつでも、どんなに川崎が便利で素晴らしいかを熱く語っています。今回、ブログでちゃんとまとめて読んでもらえばいいのではと思い、長々川崎の良さについて紹介する次第です。 一口に川崎市といっても東は新百合ヶ丘の住宅街、西は海ほたるの前の「THE・工業地帯」な浮島までひじょーに広いです。 今回全力でオススメするのは、私が住んでいる川崎の中でも「川崎駅」付近です！ 「川崎」って聞くと工業地帯で、空気が悪くて川崎病（川崎全然関係ないのに）のイメージで、ガラが悪い印象があるかもしれませんが、それはとっくの昔の話。 今はすっかりキレイで住みやすい街になっているのです。 今回、川崎に住むべきポイントを５つに分けて、長々説明します！ 1.交通の便が良すぎる ［Image from 川崎市観光協会］ 川崎駅はれっきとした神奈川
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
