CSS3のベンダープレフィックスを自動で付けてくれる手軽で軽量なJavaScriptライブラリ・cssFx.js - かちびと.net
久しぶりにかなり便利そうな気がした ので備忘録。CSS3で各ブラウザに対応 させるために加えるプレフィックスを 自動で付けてくれるライブラリです。 将来的にCSS3のプレフィックスは付け る必要が無くなるのでそうなったら これを外せばいいだけですね。 使い方もすごく簡単で3.7KBと軽量です。cssが管理しにくくて困ってる方は検討してみてはいかがでしょう。また、jQueryやmootoolsのようなライブラリに依存しないのも素敵ですね。 地味にいいかも。CSSPrefixerみたいにプレフィックスを付けてくれるWebサービスはいくつか存在しますが、こういうのがあるのは多くの人が面倒だと思っているからですしね。これを、jsで付けようぜ、というのがcssFx.jsです。 何より、将来的にプレフィックスは不要になるので、そのときのメンテナンスもこれにしておけば、外すだけで済むので楽ですよね。 C
安全なバッチ処理の作り方 - KAYAC Engineers' Blog
このまえ登り坂の途中でロードバイクのタイヤが破裂しました。ながたです。 今回はバッチ処理について書いてみようと思います。 バッチ処理？ Webサービスの処理開始条件は、大まかに次の2つに分けることができます。 ユーザーのアクションに起因するもの ユーザーのアクションに起因しないもの このうち後者の処理をバッチ処理が担当することになります。 バッチ処理の担当分はさらに、 特定の条件（時間やサービスの状態）で実行するもの 手動で実行するもの の2つに分けられます。 今回はこの「手動で実行するもの」について書きたいと思います。 バッチを手動実行するのはどんなとき？ バッチ処理を手動で実行するのは、十中八九イレギュラーな状況が発生したときです。 ルーチンワークや実行の条件が決まっているものは何らかの方法で自動化できるはずです。 そしてイレギュラーな状況のほとんどは不具合が発生したとき。 つまり 重
シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」:phpspot開発日誌
jVectorMap シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。 シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。 地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。 今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。 マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK 国ごとのカラーリングを示した例です。 アメリカだけを対象に描画も可能 ヨーロッパだけもOK 拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。 作った方お疲れ様でした＆すごい！ 関連エントリ ドラッグできる地図
人気ブログ20の共通点をレイアウトやデザインの参考にしよう
人気のあるブログのレイアウトやデザインを見ていると、結構共通点があります。共通しているということは、それぞれ重要な意味があるはずです。 例えば、超有名な以下のブログは、すべて２カラムで左にメインコンテンツがあります。 ホームページを作る人のネタ帳 Webクリエイターボックス かちびと.net Webデザインレシピ ということでウェブサイト作成のプロが作るブログの共通点を探ってみました。これが絶対正しいということはないですが、デザインやレイアウトの参考にはなると思います。 枠組みについて まずは全体的な枠組みについてです。 1. 横幅は1000px前後 私がホームページを作り始めた頃は、横幅800pxが多かったのですが、ディスプレイは年々大きくなって、解像度も高くなっていますので、800pxはもうあまりないですね。 かといって広すぎても、収まりきらなくなるので広けりゃいいってもんでもないです
間違った「論」には意味がある - レジデント初期研修用資料
勉強は大切だけれど、正しい知識だけを積むのは危ない。 武道を学ぶ際には、受け身の学習が欠かせない。正しい知識を学ぶときにも、正しくない知識の受け止めかたを知らないと、学ぶほどに大けがをする可能性が増えていく。 正しいことと説得できること 正しい知識を積んだ専門家が、ある日いきなり新興宗教に目覚めたりすることがある。そういう人は、学んだ経験こそ莫大だけれど、説得された経験を積んでこなかったのだろうと思う。 それが正しいことと、それが誰かを説得する力を持っていることとは、しばしばなんの関係もない。間違った知識に基づいた論理にたくさんの人が説得されることは珍しくないし、正しい知識を持っていることは、そうした説得から身を守るのに必ずしも役立たない。 正しい知識や、あるいは「努力」を積み重ねてきた人が、説得可能性が高い何かに初めて触れるときが危ない。こういう人は、積んできたものが大きくて、説得される
susi-paku ('A')！さんの「WEB屋が選ぶ "ホームページを作る人のネタ帳” さんが書いた記事ベスト20」 | ランクス
ホームページを作る人のネタ帳さんが今まで書いた記事の中で印象的に残った記事をランキングしてみました。 ('A')たぶんほとんどの記事を読んでいるWEB屋の自分が勝手にセレクトしています。【参加範囲は自由です】 今読むと懐かしい記事から、今も変わらない信念が通った記事なんか改めて実感できますね。 ５つのブログ地獄 ホームページを作る人のネタ帳さんが今まで書いた記事の中で印象的に残った記事をランキングしてみました。 ('A')たぶんほとんどの記事を読んでいるWEB屋の自分が勝手にセレクトしています。【参加範囲は自由です】 今読むと懐かしい記事から、今も変わらない信念が通った記事なんか改めて実感できますね。 WEBで自分が伝えたい事をきっちり相手に伝える為の7のコツ ホームページを作る人のネタ帳さんが今まで書いた記事の中で印象的に残った記事をランキングしてみました。 ('A')たぶ
中国で iPhone を紛失し、「iPhoneを探す」アプリを使用した顛末記。 | AppBank
「もし、iPhoneを無くしたら？」なんて、普段考えないと想います。 私は先日北京での講演に出席し、帰りの道中で iPhone を無くしてしまいました。 私の探索能力は皆無ですが、「本当に無くしたのか？」「じっさいにはiPhoneはどこにあるのか」を確認しなければいけません。そこで使ったのが「iPhone を探す」アプリです。「iPhone の現在地」が分かるアプリです。 このアプリでできることは以下の4点です。 登録した端末の位置を地図上に表示。 遠隔操作で、スクリーン上にメッセージを表示し呼び出し音も再生する。 遠隔操作で、パスコードロックを設定する。 遠隔操作で端末内のデータを消去（初期状態にする）データはバックアップから復帰できる。 それではいきましょう。 iPhone, iPad を無くしたらどうすれば良いのか。1つの参考にしてください。 無くす前に、アプリのセットアップが必要で
Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
WordPressをカスタマイズする便利な10個のスニペット
10 Very Useful WordPress Hacks [ad#ad-2] 下記は各ポイントを意訳したものです。 リンクを新しいウインドウで開く 検索結果ページのインデックスを阻止 編集ボタンを設置 コントロールパネルのリンクを設置 データベースエラーページのカスタマイズ ページ内にもう一つのページを埋め込む 著者の情報を加える Facebookのボタンを加える WordPressのアドミンバーを下に移動 管理者用のパスワードをリセット リンクを新しいウインドウで開く デフォルトでリンクを常に新しいウインドウで開くようにします。 「wp-admin」フォルダ内の「quicktags.js」を変更します。 変更前 if (!edCheckOpenTags(i)) { var URL = prompt('Enter the URL' ,defaultValue); if (URL) {
ピクセル・ライン・幾何学図形・紙・木・布・錆が揃ってるPhotoshop用のパターン素材 -Tileables
ピクセル・ラインや幾何学図形をはじめ、紙・木・布・金属のさびなども揃ってる、タイル状のシームレスなテクスチャが作成できるパターン素材を紹介します。 Tileables [ad#ad-2] ダウンロードできるパターン素材は現在6種類で、それぞれPhotoshop用のパターン素材、PSD、PNGが揃っています。 PSDやPNGをそのまますぐに使っても、パターン素材でテクスチャも作成しても、またパターンを編集して新たなパターンを作成することもできます。
優良物件を探すコツ全部！賃貸物件を借りるために知っておきたい最低限の7つのルール。 : まめストリート・ジャーナル 〜無料で情報が買える唯一の新聞〜
2011年10月03日22:27 by tkfire85 優良物件を探すコツ全部！賃貸物件を借りるために知っておきたい最低限の7つのルール。 カテゴリ管理人 雑談 tkfire85 家を借りたくなったらposted with amazlet at 11.10.03長谷川 高 WAVE出版 売り上げランキング: 17435 Amazon.co.jp で詳細を見る ↓最新記事はこちらからご覧いただけます。 Blogで本を紹介しちゃいます。・もう不動産業者に騙されないぞ！家を買う前に知っておきたい最低限の7つのルール。 ・下町ロケット 90点(100点満点難中) ・伊藤Pのモヤモヤ仕事術 85点(100点満点中)先日、紹介した｢家を買いたくなったら｣の続編に当たるのが本書｢家を借りたくなったら｣です。前回はマイホーム目線で物件の見方や調査方法などを紹介しましたが、今回は賃貸編です。賃貸はニーズや
IE8のレンダリングモードと特定文字列によるクラッシュバグ - os0x.blog
こんにちは、だいぶ久しぶりなブログ更新です。昨日、IE8のおもしろバグを発見してしまったので、さらしものにみなさんと共有したいと思います。 早速今回のバグの再現コードをみてみましょう。 <!DOCTYPE html>ܫ<br>１日 再現ページ たったこれだけです。JavaScriptはおろか、CSSすらありません。ただのHTMLです。これだけでIE8の標準モードのレンダリングが壊れ、強制的に互換モードにフォールバックされます。 さらに次のようにmetaタグ(もしくはレスポンスヘッダ)でX-UA-CompatibleにIE=8やIE=edgeを指定して、標準モードでのレンダリングを強制していた場合はフォールバックが働かないので真っ白なページが表示されてしまいます。 <!DOCTYPE html> <meta http-equiv="X-UA-Compatible" content="IE=8
最近かなり気になってきたKindleについて色々調べてみました - もとまか日記乙
最近、新製品が発表されて話題になってたKindle。 Amazonの7型タブレット「Kindle Fire」と新Kindleが発表されました 以前から欲しいなーとは思ってたんだけど、その割にちゃんと調べたことなかったので、色々調べてみたメモです。 Kindleの基本基本的なことは以下から。すごい内容です。 【Kindle】 Amazon Kindle 3 FAQ 【まとめ】 | をぢの日記 Kindleの購入方法だんだん気になってきたら、次に気になるのはきっとKindleの購入方法についてでしょう。 初心者向け！Kindle（廉価版）を日本から買う方法 | nanapi [ナナピ]Kindle,Kindle Keyboard購入方法kindle 虎の巻 〜Kindle Fireの購入方法（個人輸入）〜 Kindleの使い方についてKindleの使い方、活用方法については以下から。 キンドル
正方形のユニットで構成された、スマフォ対応のHTML5ベースのフレームワーク -Fluid Squares
表示サイズによって正方形のユニットが最適に構成される、Media Queriesを使ったフレームワークを紹介します。 IE8以下のMedia Queries非サポートブラウザにもスクリプトで対応しています。 Fluid Squares V2 [ad#ad-2] Fluid Squaresの主な特徴 正方形のユニットを使った、HTML5ベースの可変グリッドのフレームワーク。 Media Queriesで表示サイズによって、カラム数が増減、フォントサイズも調整。 モバイル ファーストで、小さいディスプレイのためにCSSを記述。 最近のモダンブラウザだけでなく、iOS, Android, BlackBerryなどにも対応。 IEなどMedia Queries非サポートブラウザには「css3-mediaqueries-js」で対応。 Fluid Squaresのデモ カラム数は1, 2, 3, 4
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
表示サイズに合わせてフォントのサイズやレイアウトを最適化できるjQueryプラグイン・jFL - かちびと.net
ちょっと気になってたjQueryプラグイン だったのでテストしてみました。表示 しているサイズに応じてレイアウトや フォントサイズを最適なものにしてく れる、というもの。Media Queryは使用 していないのでcssも綺麗に保てます。 場合によっては軽量化に繋がるかも、と思ったのでちょっとテストしてみたかったライブラリ。説明されてもあんまりピンとこないライブラリですけどｗなんというか、かゆいところに手が届く的なやつです。 このようにサイズを表示変えるとフォントサイズやdivの幅も指示通り変わってくれます。Media Query択一だと、どうしても面倒になってくることもあるので、こういうスクリプトも覚えておくと保険になるかもですね。スクリプトはたったの6KBですので軽量化にも役に立つかもしれません。 尚、IE6と7には対応していません。 日本語でも問題ありませんでした。以下サンプルどうぞ
リッチなオートコンプリートを実装できるjQueryプラグイン「ComboGrid」:phpspot開発日誌
jQuery ComboGrid Plugin リッチなオートコンプリートを実装できるjQueryプラグイン「ComboGrid」。 input type="text" に文字を入れて、候補が表示されたりするオートコンプリートがありますが、そのオートコンプリートをグリッドにしてリッチにし、よりヒントを多くすることでユーザビリティを上げるような使い方が可能。 表データがあって、その中から選んでもらいたいようなケースに使えそうですね。 中身のデータは当然ですがAjaxで読み込んで表示しています。 基本的には $(element).combogrid(options); というので利用が可能です。 サンプルコードは以下。 関連エントリ クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」
［速報］アドビ、PhoneGapを買収。モバイルのクロスプラットフォーム対応へリベンジ
米アドビシステムズは、HTML5、CSS、JavaScriptなどWeb標準の技術で作成したモバイルアプリケーションを、iPhoneやAndroidなどのデバイスにインストール可能なネイティブアプリケーションへと変換するフレームワーク「PhoneGap」を開発する企業「Nitobi」の買収を発表しました。 Adobe AIRのつまづきをPhoneGapでリベンジ アドビはこれまで、「Adobe AIR」でHTMLやJavaScriptなどのWeb標準やFlashなどを用いて、PCからモバイルまでOSやデバイスにとらわれないクロスプラットフォームなアプリケーションを実現しようとしていました。 しかしアップルのiOSがFlashに対応せず、一時はFlashから変換したアプリケーションの実行も禁止したため、Adobe AIRによるクロスプラットフォーム対応はつまずいてしまいました（追記： Pac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromeのキャッシュをオフにする方法 :: 5509
第七回 入力ミスよさらば！入力ミスを防ぐExcelシート作成のポイントまとめ
「iPhoneと過ごした1000日まとめ」が相変わらずスゴい件 - もとまか日記乙