[JavaScript] マウスホイール操作のスピンボックス | Blog | Development Reference
このエントリは ライブラリ へ移動しました。
2011年版！絶対にインストールしたいWordPressプラグイン45個 | Vanilla Rock
このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個！』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います！その数も増えて何と30個から45個へグレードアップ！記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです！ それでは、少し長いので「続きから」どうぞ～！ WordPress
今日から始めるCoffeeScript - KAYAC Engineers' Blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ミスに関していつも僕が思うこと - GoTheDistance
先日知人と飲みに行ったんですが、こんなエピソードを聞かせてくれました。 とある小売店に納めた商品の伝票が、システム上に打ち込まれていないにも関わらず切られているという食い違いが発生。システム上で計上されていない伝票が宙ぶらりんになっておりました。 ・・・・おかしいですね、と。 「なんで伝票しかないの？」 おっと上司がご立腹でございます。「伝票しかない＝誰かが犯した間違い」という図式が先に浮かんできたんでしょう。伝票を入れずに商品を送るなんてあり得ないだろバカかお前と言う５秒前な、爆弾岩がメガンテしそうなピリピリとした雰囲気を目の前に部内の緊張ボルテージは最高潮。しかし、知人は冷静でした。 だって、先方に荷物が着いているかどうかさえ裏を取ればいいだけの話なんです、と。 納品伝票は後付でも構わないし、単純に知人の会社が手順踏まずにかっこわるいだけ。争うことでもない。出荷のミスを経理が気づいてく
Shibu's Diary: これから魔法使い(プログラマー)になる、新卒者のみなさんへ
渋日記@shibu.jp 渋川よしきの日記です。ソフトウェア開発とか、ライフハックを中心に記事を書いていきます。 By erix! under CC-BY これから魔法使い(プログラマー)になる、新卒者のみなさんに、リレーでメッセージを送ろう、ということになりました。一発目として僕が書かせていただきます。 おまえ誰よ？ プログラマーです。14歳ぐらいからプログラミングに手を染めて、N88-BASIC、C言語、x86アセンブラ、C++、Ruby、Python、JavaScript、Erlangみたいな感じで勉強しています。まぁ、Erlangはまだまだヒヨコですが。大学を卒業して、本田技術研究所に就職し、社内SEをしていましたが、今年からDeNAに転職しました。 メインの言語はPythonで、Python温泉系のコミュニティに参加しつつ、日本XPユーザグループの代表(あまり仕事できてない)、s
【Fireworks】9スライスをこんな風に使ってみました。 | バシャログ。
こんにちは。今年は夏フェスにはいかない!と決めたのに、ラインナップが発表されるとソワソワしているminamiです。 Fireworksネタです。Fireworksには9スライスという便利な機能がありますが、 ちょっと応用してこんな風に使ってみました。 ※作成例はFireworks CS5を使用しています。 9スライスとは、おさらい 9スライスはFireworks CS3から導入された機能で、ベクターシンボルやビットマップシンボルの端の形状を保ったまま、中間だけを伸ばすことができます。 9スライスはシンボルを作成する際に、オプションにチェックを入れることで有効にすることができます。 よく使われると思われるのが、角丸のオブジェクトの拡大縮小です。 上のようなサイトのデザインを作った時、テキストの長さが変わると、角丸の背景部分も伸ばさないといけなくなります。普通に拡大してしまうと角丸の形状が崩れ
jQuery Form Framework - jFormer
If one of your requirements is to support multiple languages, you must familiarize yourself with supporting Unicode data. An in-depth discussion of Unicode support is outside the scope of this article. Besides, Joel Spolsky has already said it best. What you should know is how Unicode affects your database design (data types used), how it affects the encoding used for your Web application pages, a
facebook アプリ開発のススメ（その１） | Chokky Blog!
mixi アプリは途中ですこし挫折気味だったから、今度こそはとfacebookアプリにチャレンジしようと情報収集。これまた、文献が少なく、しかも英語ときたもんだ。。初心者にもわかりやすいサイトはないのか？ とにかくチャレンジしようとしてみたところ、ものの数分でアプリができてしまった。そして、facebook以外のサイトでも簡単に動作してしまう。。。とにかく、facebook アプリのGraph APIのポテンシャルを一気に感じてしまったので、ここに誰でも簡単にアプリを開設できる方法をご紹介します。（2011年2月26日時点となります） ぜひ、phpプログラマだけでなく、ウェブデザイナも気軽にアプリを構築して、この世界６億人と繋がることのできるソーシャルグラフの可能性を感じてほしいです。 ＜準備するもの＞・facebookのアカウント・レンタルサーバなど ※facebookアプリのファイルを
開発者用Webチャットシステム『AsakusaSatellite』をリリースしました - みずぴー日記
最近、[twitter:@suer]、[twitter:@mallowlabs]、[twitter:@shimomura1004]と夜な夜なSkypeでチャットしながらソフトウェア開発をしてるんですが、だんだんとSkypeチャットの機能に対する不満が溜ってきました。 というわけで、SkypeチャットをリプレースすべくWebチャットシステムを作ってみました。 開発者にとってハッピーな機能満載なので、是非使ってみてください。 →公開サイト Skypeの不満点 全文検索ができないので、過去の発言を探すのが面倒 コードがハイライトされない #42と書いてもRedmineのチケットにリンクしてくれない← AsakusaSatelliteの特徴1: 普通につかえる 最近のChromeはけっこう凄くて リアルタイムな発言更新 デスクトップ通知 D&Dによるファイルアップロード が平気でできてしまいます。
WordPressでのページ表示高速化の色々まとめ:phpspot開発日誌
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速１５の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP
パスワードの強度によっておねえさんがエロくなるjQueryのプラグイン Naked Password | TRIVIAL TECHNOLOGIES on CLOUD
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー 強度の高いパスワードを作るのは本当にめんどくさい。ならば強度の高いパスワードにはご褒美を与えればいいんじゃないか，と作者が考えて作ったのがNaked PasswordというjQueryのプラグインだ。パスワードの強度に合わせて，おねえさんが豊満な肢体をあらわにするぞ。 このプラグインを使うと，エロい姿のおねえさん見たさに，みんなwell known wordsを避けたり数字を混ぜたりして最強強度のパスワードを登録するようになるので，ハッカークラッカーがパスワード破りしずらくなる。エロは世界を救う。世界を救うjQueryプラグインNaked Passwordをみんな使おう。ただし，強度の
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
バナーデザインギャラリー | Banner Design Gallery
RSS feeds My Tweet ご利用上の注意 広告枠の販売 バナーサイズ別 728 × 90（134） 468 × 60（138） 234 × 60（112） 125 × 125（88） 88 × 31（90） バナーカラー別 □ ホワイト（389） ■ ブラック（272） ■ グレー（77） ■ レッド（160） ■ オレンジ（150） ■ イエロー（83） ■ グリーン（142） ■ ブルー（178） ■ パープル（25） ■ ピンク（92） ■ ブラウン（71） 地域別 日本国内（521） 海外（42） 詳細検索 728 × 90 468 × 60 234 × 60 125 × 125 88 × 31 □ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ 日本国内 海外 PR広告 ”バナーデザインギャラリー”とは バナーデザインギャラリーは、皆様からのご投稿情報を基に、かっこいいバナー
Android開発者が知るべき10のこと - Tech Booster
本記事はAndroid DevelopersのDesigning for Seamlessnessを意訳、加筆したものです。Androidアプリをシームレスに連携させるためのノウハウを紹介します。 特性を理解する アプリケーションが高速に動作し、レスポンスが良くても、アプリケーション遷移やダイアログ表示を乱用した無計画なUI、不用意なデータの喪失、意図しないタイミングでの操作妨害など知らず知らずのうちにUXの良くない設計になっているかもしれません。これらの問題はどのように避ければ良いでしょう？ アプリケーションが動作するコンテキスト Androidフレームワークの特性(アプリケーションへどんな影響を与えるか) を理解することが開発の手助けになります。 ユーザ操作を妨げない ユーザ操作のシームレス性で問題になるケースとしてよくあるのが、他のアクティブなアプリケーションを無視して、自分のダイア
海外Webサイト・海外Web屋の特徴
2013年3月23日 Web関連記事, 海外情報 以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！ ↑私が10年以上利用している会計ソフト！ 追記：ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
10分でできる、海外Webデザイン風テクニック (1/3)
海外のWebサイトでよく見かけるのが、紙の端を折り込んだようなドッグイヤー（dogeared）デザインだ。たとえばモバイル開発で有名な「yiibu」では、右カラムにあるボックス部分で使われている。 ドッグイヤーデザインは、CSSの擬似要素を利用すると手軽に作れる。もちろん、画像の用意は不要で、HTMLの追加も必要ない。今回のCSS3道場では、シンプルだがWebサイトの見栄えをぐっとアップさせるドッグイヤーデザインのテクニックをマスターしよう。 borderプロパティで三角形を作る ドッグイヤーデザインの1番のポイントは、折りたたまれた「三角形」の部分の作り方。当然ながらCSSには三角形のような多角形を描くためのプロパティは用意されていない。 ヒントはおなじみのborderプロパティだ。borderプロパティは、4辺が以下の図のbのように構成されている（bの図は分かりやすいように4辺の線の色
CSS Progress Bars | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. I made some progress bars. They look like this: They use no images, just CSS3 fancies. Like a good little designer always does, they fall back to totally acceptable experience. Here’s what they look like in Opera 11 which supports some of the CSS3 used here but not all.
A successful Git branching model を翻訳しました
Vincent Driessenさんの "A successful Git branching model" を翻訳しました。 元記事はこちら： http://nvie.com/posts/a-successful-git-branching-model/ （翻訳の公開と画像の利用は本人より許諾済みです） このブランチモデルの導入を補助してくれる、git-flowというGit用プラグインがあるそうです。 翻訳の間違い等があれば遠慮なくご指摘ください。 A successful Git branching model この記事では、私のいくつかのプロジェクト（仕事でもプライベートでも）で約一年ほど導入して、とてもうまくいくことがわかった開発モデルを紹介する。しばらく前からこれについて書くつもりだったんだが、今まですっかりその時間を見つけられずにいた。ここでは私のプロジェクトの詳細については書
スマートフォン向けサイトのラジオボタンを良さ気な感じに。
昨年後半辺りから、iPhoneやAndroidなどのスマートフォン案件を実際にやる機会が増えて、今年はもっともっと増えるんだろうなぁと思う今日この頃。 なので今回は、スマートフォン向けサイトのフォームを作成する時に使うかも知れないラジオボタンにフォーカスした記事なんぞを。 ラジオボタンといえば、よく見かけるのは性別の選択とかでしょうか。 何にせよ、下記のような感じです。 ラジオボタン1 ラジオボタン2 んで、これをiPhoneとかで見ると、何の変哲もない普通のラジオボタンですが、iPhoneってラベル部分をタップしても選択できなかったりして使い勝手が悪いと思ったりしませんか？ ボクが持ってる、iPod Touch では反応してくれなかったです。 そこで、ラジオボタンをもっと良さ気なボタンっぽくしてみたら良いんじゃないかと思ったのでやってみました。 サンプルはiPhoneかwebkit系ブラ
【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア（コーダー）と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？ そもそも、HTML5とCSS3ってもう使えるの？ 使えます。 （※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません） 現在のスマ
MacにAndroidのSDKを入れる - 俺たちに明日はない
Android, プログラミング | 13:53 | Android開発について教えてもらえる事になったので、開発環境の準備が必要になった。AndroidのSDKを入れたので、メモしておく。そんなに難しくない。今まで結構食わず嫌いだった。必要なものEclipsehttp://www.eclipse.org/downloads/Pleiades（Eclipseを日本語化したいなら） http://mergedoc.sourceforge.jp/Android SDKhttp://developer.android.com/intl/ja/sdk/index.htmlJavaのアップデートをかけておく。 普通にソフトウェアアップデートでおｋですｗEclipseのインストールさっきのURLから、「Eclipse IDE for Java Developers」をダウンロード。ダウンロードした.t
iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った - かちびと.net
iPhoneやAndroidなどの人気の スマートフォン向けのJavascript製 フレームワーク・wink toolkitを触っ てみました。動作サンプルが豊富 で割と応用できそうだったので日本 語でサンプルを作ってみました。 スマートフォン向けのWebサイトやネイティブアプリに使えそうなJavaScript製のフレームワークです。沢山の動作サンプルがあって、内容もとっても分かりやすかったので（完全ではないけど）日本語サンプルを作成してみました。 スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜
UX初心者におすすめのブックリスト - stj064 Life Lab
最近「UXに関する良い本ありますか？」と聞かれることが多いので、この機会に良書をリストアップしておきます。今回は専門家でない人がサクッと学習できるよう、図解が多く、具体的ですぐ効果が出やすいような本を優先的に選びました。ちょっとWeb寄りですが、参考までに。 概念編 ウェブ戦略としての「ユーザーエクスペリエンス」―5つの段階で考えるユーザー中心デザイン (Web designing books) 作者: JesseJames Garrett,ソシオメディア出版社/メーカー: 毎日コミュニケーションズ発売日: 2005/02メディア: 単行本購入: 3人 クリック: 133回この商品を含むブログ (18件) を見るUXとは何ぞや。 デザイン思考が世界を変える―イノベーションを導く新しい考え方 (ハヤカワ新書juice) 作者: ティムブラウン,Tim Brown,千葉敏生出版社/メーカー:
最近気になってきたjQueryについて色々調べてみました - もとまか日記
最近、「jQuery」というキーワードをよく見かけます。 これって何だろ？と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日本語リファレンス 必要に応じてみればいいかな？と思ってるので、まだ細かくは見てません。 初心者向けの基礎知識、基礎講座 最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp：40分で覚える！jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモ サンプル、プラグイン 調べてて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめてのGit:Curious
フォーム関連要素（2） HTML5でinput要素に追加された新しいタイプ13連発
はてなブログ | 無料ブログを作成しよう
Fireworksのページ機能の細かすぎて伝わりにくい使いどころ | Webデザインのタネ
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
イラストがすべて無料 「イラストAC」 トップページ
Windowsと共存可能なWeb閲覧専用の軽量OS「Splashtop OS」v1.0正式版が無償公開
http://designaholic.cc/2011/03/html535web.html