Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

こちらの記事を参考にしました。 http://moshimoworks.com/2012/02/14/jquery-select-tag-manipulation/ MacのSafari（webkit系）では、jQueryのhide、showがきかないと 紹介されていますが、私はiPadのSafariで同じ現象に遭遇しました。 日本ではあまり記事がないのですが（2014年4月現在） stackoverflowでは結構取り上げられています。 http://stackoverflow.com/questions/8373735/jquery-hide-option-doesnt-work-in-ie-and-safari optionをtoggleすれば直るようなことが書いてありますが、 今回はoption全体ではなく、一部を表示・非表示で切り替えたいので toggleでは出来ません。 私の場

SourceTree と github を使っていると, 他の人が push したブランチや merge 済みのブランチがガンガン残っちゃいます. ローカルではそんなの不要なので削除する方法をメモっておきます. SourceTree のツールバー->リポジトリ->フェッチ(or Shift+Command+F) リモートで削除された追跡ブランチは取り除くにチェック OKボタンをクリック 以上です. まぁやってることは cmd で

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Designer News is where the design community meets.New Join today and you'll receive access to Designer Deals, full of exclusive offers from our industry partners.

ツイート B! ブックマーク Google+ Pocket Facebook TinyPNG（無料の画像圧縮のサービス）を使っている方は既にご存知かと思いますが、今年初め頃に、そのTinyPNGがWordPressのプラグインをリリースしました。 プラグイン名は「Compress JPEG & PNG images」で、月500枚までは無料、それ以上は有料で、自動で画像を最適化（サイズ圧縮）してくれます。 いちいちTinyPNGのサイトに行って、画像をアップロードして圧縮して、それを更にダウンロードして・・・の手間が一気に省ける、超画期的なプラグインです。 ※既にアップロードされている画像には適用出来ません。（2015/10/20更新）すみません、色々見てたら出来ました。［ツール］＞［Compress All Images］で、アップロードされている画像を圧縮出来ます。 もくじ Compr

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

CSSのグラデーションはよく見る単純なグラデーションを作るだけでなく、記述の仕方によって様々な見栄えをつくることができます。 画像で切り出してしまった方が圧倒的に早く実装できるような場合も正直ありますし、古いIEをサポートするために使えなかったりもしましたが、最近では旧ブラウザをサポート対象外にすることも多くなってきて今後ますますレスポンシブやRetinaディスプレイなどを考慮して使う機会が増えるように思うので、利用する機会が多いと思う背景パターンをCSSのグラデーションを使っていくつか作ってみました。 ここでの表示は全てイメージになるので、実際の表示は以下デモページをご覧ください。

This freebie includes 24 white and 24 colorful payment vector icons. Pre-saved transparent PNG and EPS files. Contains payment methods and credit card icons such as Visa, MasterCard, Maestro, Cirrus, PayPal, Western Union, Visa Electron, Amazon, Worldpay, Diners Club, Google Wallet, Skrill, Sage, Discover, Moneybookers, JCB, Ebay, Eway, Direct Debit, American Express and Shopify. Use these vector

今回は最近のWeb制作業界でよく利用されている日本語Webフォントを実用化する方法について紹介したいと思います。 ちなみに私がWebフォントに憧れるようになったのは、佐野章核さんというグラフィックデザイナーが作ったWebサイトを見たことがきっかけでした。 この前見た夢Konelこの佐野章核さんはグラフィックデザイナーを名乗っているのにも関わらず、Photoshopやイラレのエフェクトをあまり使わない海外っぽいデザインが印象的です。 それでいて、日本語サイトではあまり見ない日本語Webフォントを用いて美しいタイポグラフィーによる先進的なデザインを実現しています。 モバイルファーストの時代に突入するにあたり、今後はこのようなサイトが増えていくのではないかな〜という新時代到来を予感させてくれました。 Webフォントを使うメリット、デメリットについて日本語Webフォントが最近流通し始めている背景に

クリックイベントのサンプル .innerを子、.outerを親にしてそれぞれにクリックイベントのサンプルを作成した。リンクをクリックするとalertの".inner", ".outer"が表示されてからiwb.jpに遷移する。 $(".inner").click(function(){ alert(".inner"); }); $(".outer").click(function(){ alert(".outer"); }); alertの".inner", ".outer"が表示されてからiwb.jpに遷移するサンプル preventDefault()を使用するとリンクの遷移などのイベントを無効にできる。 $(".inner").click(function(e){ e.preventDefault(); alert(".inner"); }); $(".outer").click(fu

アニメーション、スライド、ダブルクリックによるズームなど、機能盛り沢山のライトボックス系ライブラリ、Photoswipeの使い方を紹介します。

たまに作業しようと思うと、いつもやり方を忘れてるのでしっかりメモ。 1. SourceTreeでブランチを開く 今回は、上から3つのコミットを1つにまとめる。 2. まとめる対象の1つ前のコミットを選択 まとめる対象のコミットの、1つ前のコミットを選択。 1つ前重要。 3. 『子を対話形式でリベース』 右クリックで表示されるメニューから、『〜〜の子を対話形式でリベース』を選択。 4. スカッシュ対象を追加 一番上のコミットを選択した状態で『過去を含めてSquashする』を選択。1回押すたびにコミットが1つ追加になるので、まとめたいコミットが全て追加になるまで繰り返す。 5. メッセージを編集 まとめられたあとのコミットメッセージを修正しておく。 6. 完了 謎のコミットが消えてすっきりに。

この歳まで知らなかったので、忘れぬようメモ。 Roundは四捨五入ではない（銀行丸め） Math.Round()って今まで四捨五入かと思っていたのですが、 厳密に言うと「銀行丸め」と言って、偶数寄りに丸められてしまいます。 (参考:Wikipedia端数処理) 例 Math.Round(1.5) = 2 Math.Round(4.5) = 4 (5ではない) 四捨五入するには そこで、 小数点第１位で四捨五入したい場合には、「0.5 を足して小数部を切り捨て」します。 小数点第２位で四捨五入したい場合には、「10倍して0.5 を足して小数部を切り捨てて10で割り」ます。 サンプル ソースコード ''' <summary> ''' 四捨五入する ''' </summary> ''' <param name="value">四捨五入する値値</param> ''' <param name="d

About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-