Windows版「Sublime text 2」で日本語をインライン入力する方法 | 株式会社WEB企画
最近、様々なブログメディアで話題になっている、“恋に落ちるエディタ”で有名な「sublime text 2」ですが、Windows環境でインストールする際は、ちょっと気をつけたいことがありましたので、ご報告いたします。 日本語入力がインライン入力にならない 「sublime text 2」をWindowsでインストールして使用すると、日本語をインライン入力してくれないというバグ？があります。Mac派のコーダー、プログラマーが多いせいか、あまり情報がないようです。 最初は我慢して使用していたのですが、やはりタイプミスをした際などに不便を感じ、我慢しきれなくなってちょっと調べてみました。 Windows版でインライン入力をする方法 結論からいいますと、プラグインを入れることで解決します。 「IMESupport for Sublime Text 2」 https://github.com/ch
Knoh (ノウ) | The Knowledge Hub
最近はやっているオンラインカジノやカジノアプリ。スマートフォンや通信技術の発達のおかげで、いつでもどこでも誰でも手軽ギャンブルを楽しむことができるようになったのは素晴らしいことですよね。管理人が学生時代に最初に始めたギャンブルは麻雀でした。運と知性が織りなす絶妙のゲーム展開は、一度として同じにはならず、誰にもその勝敗の行方は分からない。かといって技術介入の要素が強いためやればやるほど上達もしてゆくあのゲーム性。麻雀を生み出した中国人を心底尊敬し、一時は中国語を必死に勉強したものです。たった13枚の手配の中に宇宙がある。大げさではなくそう感じていたものです。気の置けない仲間たちと夜通し麻雀を打ち続けるのは最高のひと時だったと今も思います。学生時代は基本点五で卓を囲んでいましたが、長時間、長い時は二日三日と続けて打ち続けると、雀荘に支払う卓代がバカになりません。ちょっとやそっと勝ったぐらいでは
[CSS]エレガントからレトロまで、text-shadowを使った美しいエフェクト集
text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 HTML <h1 class="elegantshadow">Elegant Shadow</h1> CSS まずは、各見出し共通のスタイルシートから。 h1 { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 92px; padding: 80px 50px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; } Elegant Shadow用のスタイルシートです。 .eleg
[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider
シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量のオープンソース スクリプトは3KBと超軽量のオープンソースです。 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易です。 高さの調整 サイズに合わせて、スライダーの高さを自動調整します。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード（矢印キー）での操作をサポートします。 スワイプ操作の対応 jQuery.event.swipeをサポートしているので、スワイプ操作に
眉・ヒゲを手入れする全ての人に知ってもらいたいrubis社の毛抜き
すごすぎて眉・ヒゲを手入れする全ての人に知ってもらいたいと思っている毛抜きがあります。それはrubis社のコスメピンセット（毛抜き）です！ あまりの良さに私は10年以上愛用しています！しかも買い換えることなく！今日はこのピンセットのすごさについて語らせてください！ 1.とにかく抜きやすい！ 使いやすさにこだわった先端の形 rubisの毛抜きは先端が斜めにカットされています。 この絶妙な角度のおかげで本当に使いやすく、しかも疲れません！ 軽い力でスイスイ抜ける！ rubisの毛抜きは先端が薄く、きれいな平面になっているため、どんな細い毛でも軽くはさむだけでしっかりキャッチしてくれます。 むしろ強くはさんではいけません！先端が薄いので、力をいれると先端が反り返ってキャッチできなくなります！ 2.科学者御用達メーカーの本気の毛抜き photo credit: Conor Lawless via
Learn Git Branching
A interactive Git visualization tool to educate and challenge!
Facebookのog:imageが無視されて異なる画像が勝手に指定される件（推奨サイズの追記あり） - 俺のメモ
こん＊＊わ。 Facebookの度重なる仕様変更に頭を痛めているlatexcatsuitです。 Facebookからの流入を増やしてアクセスアップするには必須のOGP設定ですが、 またもやFBが仕様変更を行い、一歩間違うと阿鼻叫喚になりそうなふいんき（←なぜか変換できない）ですｗ シェアするとより大きなサイズでサムネイルが表示されるように仕様変更されてからしばらく経ちました。 画像が大きく表示されることで、よりクリックしてもらいやすくなったのはいいのですが、そこに大きな問題が潜んでいました。 OGP設定の確認に使用するデバッガー（旧称URL Linter）ですが、 ここでog:imageに指定する画像の大きさが縦横最低200pxとなり、その警告が表示されるようになりましたよね。 これだけなら「小さくてごめんね、ごめんねー」程度で済むのですが、どうやら話はそれだけですまなくなりました。 次の
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
jsで「最後までスクロールされた」というEventをキャッチする - Qiita
今までどういうふうに実装されているのか知らなかったので、 jquery_bottomを読み解いて理解したのでメモ。 jquery_bottomはこちら。 https://github.com/jimyi/jquery_bottom 必要な情報 要素の表示領域 要素のスクロール分を含めた高さ 要素のスクロール位置 この情報がわかれば、下記の情報を導き出せる。 「要素の表示領域」+「要素のスクロール位置」＝「現在の表示位置の高さ」 「現在の表示位置の高さ」さえわかれば、後はその値が「要素のスクロール分を含めた高さ」にどれだけ近づいているかで、スクロール位置を判断することができる。 実装してみる // スクロールさせる要素を取得 var elm = document.getElementById('scrollElement'); // 要素の表示領域を取得 var height = elm.o
レスポンシブWebデザインでの改行位置の変更方法 | CodePlus
HTMLの文章中にて<br>で改行位置を指定していると、Media Query等でスタイルが切り替わった際に改行が残ってしまい、デバイスによっては見た目上いいとは言いがたい状態になってしまいます。 CSSを使用しての2つの対策方法を紹介します。 参考サイト:“Responsive Line Breaks,” an article by Dan Mall br要素にdisplay:noneを指定 まず、1つ目はbr要素にスタイルを充てる方法です。「display:none」を指定することで改行をなくします。例文では、スクリーンのwidthが480px以下になると改行がなくなるイメージです。 HTML <p>これはbr要素を使用した際の例文です。<br class="br-sp">まず一つ目の改行位置の変更方法を紹介しています。</p> CSS @media screen and (max-w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Validator.nu