gurasaのブックマーク (129)

  • そろそろきっちりJavaScript (1) "Firebug"の導入~関数リテラルとは? | エンタープライズ | マイナビニュース

    多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりたいことがあったときはWebで検索すれば、大抵、どこかにライブラリが転がっている。便利な世の中になったものだ。 一方、Webを通じて提供されるサービスは多様化の一途を辿っている。JavaScriptライブラリは整ってきたが、当然、置くだけでは機能しない。ライブラリのサポートページには簡単なサンプルが載っているものの、サンプルがそのまま適用できるケースはごくわずかだ。しかたなく、他の誰かが似たような事をやっていないかとWeb検索するはめになる。 思えば、これまでJavaScriptを言語としてとらえ、きっちり向き合う機会は少なかったのではないだろうか。 1995年の終わり、Netscape Navi

  • HugeDomains.com

    Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing

  • text-rendering - externalResourcesRequired

    text-renderingプロパティは、文字列の描画処理の最適化の手がかりを与える際に使われます。 text-renderingプロパティによって、文字列を描く際に速度、読みやすさ、幾何学的な正確さのどれを優先して行うかを判断するための手がかりが与えられます。 SVG Tiny 1.2では外部のCSSをサポートしていないので、text-renderingプロパティの値を指定する場合はtext-rendering属性を利用します。 text-rendering属性の値は"auto"、"optimizeSpeed"、"optimizeLegibility"、"geometricPrecision"、もしくは"inherit"です。 "auto"の場合は、ユーザエージェントが速度、読みやすさ、幾何学的な正確さの適切なバランスをとるべきことを示しますが、読みやすさが最も重要視されるべきです。 "

    text-rendering - externalResourcesRequired
    gurasa
    gurasa 2012/01/28
  • [JavaScript] スマートフォンでのtouchendで指が要素の外でも反応してしまう

    スマートフォンのclickイベントは、シングルクリックかダブルクリックかの判定をするために、0.数秒処理を待つので、体感的にもっさりとした感じを受ける。 なので、clickではなくtouchendイベントでいろんな処理をしていくんだけど、touchend時にターゲットの要素の外でもイベントが起きちゃって困った。 具体的には ボタンの上に指をON。touchstartイベント 指を動かして、指をボタンの外に出す。touchmoveイベント ボタンの外で指をはなす。touchendイベント これで、ボタンに設定していたtouchendイベントが動き出す。 使う側としたら、スクロールやスワイプ?フリック?なんかをしたつもり なのに、なんか動き出したって感じかな。 この違和感をなくすために、指を動かしたら、touhcendイベントは起きないようにした。

  • Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する

    Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する 作業環境をMac OS X 10.6 Snow LeopardからMac OS X 10.7 Lionにアップデートしたので、Xcodeのバージョンも3.2.6から4.2にアップデートしました。ちなみにXcode 4.2からまた無料でインストールできるようになっています。(続:Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用するも参考にしてください。) Xcode4.2のiOSシミュレータを立ち上げた所、バージョンの切り替えがiOS5のみで他のバージョンを選択できません。 古いバージョンのiOSシミュレータを立ち上げようと色々探しているとHDに「Developer-3.2.6」というフォルダが! 以下の箇所にiPhone4.3以下のiOSシミュレータが格納されており、立ち上げること

    Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する
    gurasa
    gurasa 2012/01/24
    おお、やっぱりあった便利機能!
  • スプレッドシートが変更された場合に通知を受け取る | Google ドキュメント の使い方

    スプレッドシートの通知機能を使用すると、共有されたスプレッドシートに変更があった場合に、変更内容を知ることが可能です。通知メールの配信頻度を設定する事もできます。 共同編集者宛ての通知メールでは、変更を行ったユーザーの名前が明示されます。閲覧者への通知メールでは、変更を行ったユーザーの名前は明示されません。 1. 通知ルールを設定するスプレッドシートを表示 変更通知を受け取るスプレッドシートを開き、[ツール]メニュー -[通知ルール…]をクリックします。 2. 通知ルールを設定 どの様な場合に変更通知を行うか、通知メールの配信頻度など該当する項目にチェックを入れ、設定終了後[保存]ボタンをクリックします。 通知ルールが設定されたことを確認し、[完了]をクリックすると変更通知をメールで受け取ることが可能になります。 関連記事 Google ドキュメントファイルを新規作成、編集 The pos

    gurasa
    gurasa 2012/01/24
    あると便利だよなーと思ってたらやっぱりあったか。
  • iPhone/iPadでダブルタップをJavaScriptで実装する

    iPhone/iPadでダブルタップをJavaScriptで実装する iPhone/iPadJavaScriptでは「onclick≒タップ」なのに「ondblclick≠ダブルタップ」となるのでダブルタップを利用したい場合は独自に実装しなくてはいけない。 次のように記述するとjQueryで擬似的にダブルタップを実装することが出来ます。 $("p").data("dblTap",false).click(function(){ if($(this).data("dblTap")){ //ダブルタップ時の命令 console.log("ダブルタップ"); $(this).data("dblTap",false); }else{ $(this).data("dblTap",true); } setTimeout(function(){ $("p").data("dblTap",false);

    iPhone/iPadでダブルタップをJavaScriptで実装する
    gurasa
    gurasa 2012/01/17
    このままのソースの応用では動かなかったけど、参考にはなりました。
  • cubic-bezier.com

    Preview & compare Go! Duration: 1 second Library Import Export Click on a curve to compare it with the current one. To import curves, paste the code below and click “Import” Copy the code and save to a file to export Import Close

    gurasa
    gurasa 2012/01/13
    これで細かなイージングも簡単作成!!
  • iPhone/Android/PC 対応。jQuery で書くタッチイベント

    こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし

    iPhone/Android/PC 対応。jQuery で書くタッチイベント
    gurasa
    gurasa 2012/01/06
    これは分かりやすい!早速ソースを改良だ!!
  • CSS のプロパティ pointer-events について

    pointer-events は要素がいつポインタイベントの対象であるかを制御するプロパティです。このプロパティは dynamic pseudo-classes(:hover, :active, :focus)、リンクおよび Document.elementFromPoint() など他の hit testing に適用されます。 CSS Basic User Interface Module Level 3 Editor's Draft 29 September 2011 前回の記事同様、Editor's Draft からなのでここに記された情報は最新でないかもしれないので注意してください。 さて、このプロパティの説明を最初に書きましたが、何のことだか良くわかりませんよね。それもそのはず、このプロパティの値のほとんどが SVG only ということで SVG にしか設定することができませ

    gurasa
    gurasa 2011/12/27
    これはステキプロパティ!!
  • World Wide Deb

    The first signs of mounts may appear in adolescence, with more severe development around 30-40 years. It is a deformity in the bone of the big toe, which deviates to the other toes and thus produces a prominent formation, in many cases being painful. It is not possible to say precisely what the cause is,…

  • jAction

    jActionのはじめかた ⒈ ライブラリをダウンロードしましょう HTML5でスマートフォン向けのゲームを制作するために使える基的なメソッドがそろっています。さっそくライブラリをダウンロード、ゲーム制作にチャレンジしてみましょう。 ⒉ プラグインを募集しましょう ゲームを制作していて分からないことがあれば、jActionで募集してみましょう。HTML5に精通している方がプラグインを投稿してくれるかもしれません。募集はこちら ⒊ プラグインを共有しましょう jActionを応用してプラグインを開発して皆さんに共有しましょう。「いいね!」がたくさんついたプラグインはオフィシャルとしてリリースし、リファレンスに追加させていただきます。

    gurasa
    gurasa 2011/12/15
    どっかで試してみよう。
  • 25 Examples of Perfect Color Combinations in Web Design | Codrops

    Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create an eye candy result. From delicate and smooth colors to strong duos and super colorful pages, we have several styles to show you. Color is definitely a very important element of web design, and if you are familiar with the Color Theory used in visual arts, you

    25 Examples of Perfect Color Combinations in Web Design | Codrops
    gurasa
    gurasa 2011/12/09
    海外って日本じゃなかなか見かけない色使いがあってステキ
  • Gmailの検索演算子一覧(隠れコマンド含む)。高度なフィルタ作成に!

    after:2006/03/31 before:2006/04/1 ※世界標準時。日の日付とズレる。

    gurasa
    gurasa 2011/12/08
    これでごっそり整理!
  • Mobile Patterns - UI UX Inspirational Gallery for iOS and Android

    Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria

    gurasa
    gurasa 2011/11/16
    お、これいいね。
  • http://www.recipe-blog.jp/viewer/item/10931600

    gurasa
    gurasa 2011/11/16
    便利…かな?これから使ってみる。
  • Ultimate CSS Gradient Generator from ColorZilla

    background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */

    gurasa
    gurasa 2011/11/06
    これ超便利!!!
  • icloudのアイコンに隠れた美しさの法則。

    Thank you for coming to my blog! this article English version is here. 先日のWWDCで発表されたicloud。アップルのクラウド格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。 では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。 まずは、なんとなく眺めてみましょう。 雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。 なんとなく眺めて

    icloudのアイコンに隠れた美しさの法則。
    gurasa
    gurasa 2011/11/04
    こりゃすごい
  • 細かすぎて伝わりづらい! <br />iOS 5のデザイン変更点まとめ。

    iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。 3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。 2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。 さて題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので前回のLionと同じようにまとめてみました。 細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。 1.アイコンバッジ iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。 全体的に比較してみると、iOS 4のシャドウは浮いて

    細かすぎて伝わりづらい! <br />iOS 5のデザイン変更点まとめ。
    gurasa
    gurasa 2011/11/04
    こういう変更での効果の数字を是非知りたい。
  • AKBオフィシャルネット

    AKB OFFICIAL NETにつきまして、この度下記の通り2022年12月末を持ちましてサービスを終了することとなりましたので、お知らせします。 ●提供終了日 2022年12月31日 ●提供終了サービス AKB OFFICIAL NETで提供しておりました全てのサービスが終了いたします。 具体的には下記サービスが対象となります。 ・AKB OFFICIAL NET(プロバイダ)サービス ・推しメンドメイン(@akb48.ne.jp)メールサービス ●プロバイダの乗り換えについて サービスの終了にあたり、対象となる既存ユーザーの方へは別途ご提供可能な代替えサービスの案内をご連絡させていただきます。 ●違約金について この度サービスを終了するにあたり、違約金については0円にて対応させていただきます。 2022年12月31日までに乗り換えのお手続きをお願い致します。 ●この件に関するお問い合

    gurasa
    gurasa 2011/10/31
    またえげつない商売を始めましたねw [ビジネス][AKB48]