本日発表されたばかりのiOS7、一般ユーザー向けには2013年秋ごろの提供とアナウンスされていますが、開発者向けには本日よりiOS7ベータ版が提供されています。 早速、iOS7ベータ版をインストールしてみたのでそのインストール方法を紹介します！ 1.まずはiOS Developer Programに登録する既に登録している人はここをとばして「2.iOS7のアップデートファイルをダウンロードする」から読んでください。 開発者向けとは言っているものの、年額8400円支払ってiOS Developer Programに登録すれば、アプリを開発してなくてもiOS7をダウンロードできます。 以下のサイトにアクセスしてiOS Developer Programに登録します。基本英語ですが、特に迷うところはないと思います。 ・iOS Developer Program ただ、AppleStoreオンライ

3.2以降のSassでは計算結果が少数になる場合、小数点以下5桁まで出すようになっている(それまでは3桁)。そこで--precisionオプションで小数部分の桁を制限してやることにより、ここくらいのコンパクトなCSSファイルでも0.5KB程度は節約できる。 0.5KBと言われるとやるだけ無駄感があるけど、規模が大きくなれば節約できるサイズはそれなりに増えるし、デメリットはあまりないのでやらないよりはやった方が良いような気がする。 3桁に制限したい場合は--precisionオプションで3を指定する。 $ sass --watch style.scss:style.css --precision 3 最後の桁は四捨五入される。3桁より下にもできるけど、3桁残すことにするとem単位でも1/100の詳細度が四捨五入されても正確になるので、最低でも3桁は残した方が無難。 ブラウザーごとに小数点の丸

なんだか最近のGoogleのペンギン先生は::beforeや::after擬似要素で仕込まれるモノもバッチリ解釈するとかいう噂(本当か嘘かは知らない)を聞いた。スクリーンリーダーも読んじゃうらしい。ここのロゴは::before擬似要素でHを一文字挿入して実現していたので、もし解釈されるとなるとウェブサイトのタイトルが「Hhail2u.net」になってしまう。 特に::beforeや::after擬似要素に限った話ではなく、古き良きtext-indentプロパティーによるものやattr()関数とかでも問題が起こるという話だと思うので、画像置換とその類のテクニックはもう本格的にアレな時代なのかもしれない。別の方法を……といってもCSSが解釈されて隠したり改変したりするのもチェックしてるという話なので、CSSでどうにかしようというのは無理がある。::before擬似要素でcontentプロパティ

こんにちわ。 子供の出産予定日を過ぎているので、毎日お腹に応援歌を歌ってるADの野田です。 前回書かせていただきましたデザイナー募集の記事では、 一切笑いのない記事となり大変申し訳ございませんでした。 してやったりだったので、ドSな僕としてはちょっと快感でした。 今回、cssを使っていて私自身が「へぇー」となったものを記憶をたどってご紹介させていただきます。 常に、新しい技術等をチェックしているつもりですが、 日々の業務との葛藤で、つい情報を見逃してしまうこともございます。 そんな方は、今回の記事を見て「へぇー」っと、なっていただけると嬉しいです。 知らなくても恥ではないので、これを期に使ってみましょう。 なお、今回は単純に「こんなの出来るんだ」ということを知ってほしいだけなので、 対応のブラウザやバージョンは記載していません。 ご了承ください。 文字は透過せず、背景のみを透過する これは

Pureはスタイルシート製、BSD Licenseのオープンソース・ソフトウェアです。 Webサービスのデザインテンプレートとして一躍有名になっているBootstrap。そのライバルとも言える存在、Pureが登場しました。開発元はあの米Yahooです。 様々なテンプレートが登録されています。こちらはフォーム。 ボタン。フラット系の色合いです。 メニュー。ドロップダウン付きのメニューもサポートされています。 もちろんページネーションも用意されています。 サンプルデザイン。メール風。 Pureは短縮化およびGzip圧縮して5.7KBと小さいサイズなのが特徴です。もちろんレスポンシブWebデザインをサポートしています。ガチガチなデザインテンプレートではなく、必要な場所だけをピックアップしたり、自分なりのカスタマイズが行えるのが特徴に上がっています。 MOONGIFTはこう見る Boostrapは

現在docomoが優遇販売している『GALAXY S4』と『Xperia A』ですが、GALAXY S4（SC-04E）の標準ブラウザのUAに『Chrome』の文字が入っていてあたふたしたのでメモ。 まずSC-04EでChromeのUA。 Mozilla/5.0 (Linux; Android 4.2.2; SC-04E Build/JDQ39) AppleWebkit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.90 Mobile Safari/537.36 んで標準ブラウザのUA。 Mozilla/5.0 (Linux; Android 4.2.2; ja-jp; SC-04E Build/JDQ39) AppleWebkit/535.19 (KHTML,like Gecko) Version/1.0 Chrome/18.0.1025.308

3. • Google App Engine • Android • Google Apps などなど、 技術に特化した会社です。 3

kudox.jp 2024 著作権. 不許複製 プライバシーポリシー

Knockout.jsの概要 (3つのMVC系人気フレームワーク、Backbone.js／AngularJS／Knockout.js) - Build Insider Offline #1 Sample Code: http://mayuki.github.io/Sample/BuildInsid…

写真の拡大やギャラリーページなどに良く利用される... / レスポンシブデザイン対応Lightboxプラグイ... / Swipebox | A touchable j...他...全12件 写真の拡大やギャラリーページなどに良く利用されるプラグイン。近年のサイト制作で使わないことがない最もポピュラーなプラグインです。 最近ではスマートフォン対応の有料プラグインも続々登場。さらに便利に使いやすく進化してはいますが、商用だと有料化が進んで、以前に比べると無料のプラグインを見つけ辛くなりました。 そこで、ここでは最近のフリーで使えて商用利用可能なLightboxプラグインをご紹介いたします。

とりあえずJSでFlashっぽいことすれば喜ばれる世の中なので，CreateJSをつかってFlashのようなものを作ろう！！ Haxeを使えばAS3っぽいCreateJSを更にAS3っぽく書けます！ というわけで，FDTを使ったHaxe&CreateJSをはじめるまでのまとめ． 必要なもの FDT CreateJSなhaxelib FDTの準備 インストールしましょう． http://www.fdt.jp/ FDTはデフォルトでHaxeをサポートしています．便利！ インストーラでHaxeを入れるかどうか聞かれるので入れましょう． HaxeでCreateJSを使う準備 HaxeでCreateJSを使う為にライブラリを導入します． CreateJSはHaxeのリポジトリHaxelib - the Haxe package manager に用意されているのでコマンドで簡単に導入可能です． ター

以下のコードがベース var interval = setInterval(function () { // 前提条件 if (!$('body').length) { return; } // 実行コード alert('ready!'); // 監視停止 clearInterval(interval); }, 100); このコードの問題点 「コード実行時に前提条件が満たされてても必ず100ms待ってしまう」 改善 var interval = setInterval((function () { // 前提条件 if (!$('body').length) { return arguments.callee; } // 実行コード alert('ready!'); // 監視停止 if (interval) { clearInterval(interval); } })(), 100)

<!--[if gte IE 9]> <style type="text/css"> .gradient { filter: none; } </style> <![endif]--> <h2>drop-shadow</h2> <div class="button1"> <div class="△"></div> <div class="□">戻らない</div> </div> <h2>box-shadow</h2> <div class="button2"> <div class="△"></div> <div class="□">戻らない</div> </div> <h2>box-shadow+α</h2> <div class="button3"> <div class="mask_l"> <div class="△"></div> </div> <div class="mask_r

Chrome CanaryDevToolsも進化してるのでStableではなくCanaryを Local ProxyPCのみならDevToolsだけでもいいけど、スマホのWebView内解析とか考えるとLocal Proxyは必須 Windowsなら Fiddler （無料） Macなら Charles （有料） Macでお金払うのが嫌な場合 CocProxy for nginx （無料。CUI。Ruby版使うくらいならこちらを） JS製が良くてソース読みたいなら Klepto （無料。GUI。不安定） ソースの文字コード変更ChromeでJS、CSS開くと日本語が化けるので、初期文字コードをUTF-8に変更 （フォント設定（ chrome://settings/fonts ）の一番下を「Unicode (UTF-8)」に） “This Frame” Context Menuiframeの