[JS]ローカル環境でも利用できるダミー画像を生成するスクリプト -Holder.js
サイズやカラーをテキストで指定するだけで簡単にダミー画像を生成できる超軽量（4KB）のスクリプトを紹介します。 Holder.js -GitHub [ad#ad-2] Holder.jsのデモ Holder.jsの使い方 Holder.jsのデモ 対応ブラウザ Holder.jsはcanvasとdata URI schemeを使用しているため、下記のブラウザでご覧ください。 Chrome 1+ Firefox 3+ Safari 4+ Internet Explorer 9+ Holder.js [ad#ad-2] Holder.jsの使い方 使い方は、2ステップです。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="holder.js"></script> Step 2: HTML ダミー画像を設置したい場所にimg要素で記述します。
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
離婚回避マニュアルを購入したいと思っているなら・・・ ｜ 口コミ・レビュー投稿 E-BOOKデータベース
離婚回避マニュアルを購入しようとしているなら、こちらのリンクをよく確認したほうがいいです。 このWEBサイトで、女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～の購入によって一体何ができるのかを、よく理解してから購入されることをおすすめします。 また、レビューや口コミが掲載されていれば、それもよく確認しましょう。 次の女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～に関した情報も購入の参考になるかもしれません。 販売商品名称：女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～ 教材説明：画期的な究極の離婚回避マニュアルをご紹介します。絶対に離婚したくない夫に徹底的な女性目線でお伝えする、離婚回避バイブルです。市販のマニュアルの多くは、男性が男性目線で書いたものであり、「妻の感情」をまったく無視しています
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
iOSシュミレーター上でのWEBサイト開発に使える「iWebInspector」:phpspot開発日誌
Debugging tool for Safari on iPhone, iPad and PhoneGap apps - Remote Inspector (Firebug) for JavaScript, HTML and CSS iOSシュミレーター上でのWEBサイト開発に使える「iWebInspector」 iPhone用サイトはSafariやChromeでテストして後は実機で動作確認なんていう手順をとっていましたが、iOSシュミレーター上でやるとより状態が再現できてよさそうですね。 更にこのツールを使えば、FirebugやChromeのDeveloperTool風の機能も提供してくれてデバッグに便利そうです。 PhoneGapをAdobeが買収したり、今後はHTMLベースのアプリの躍進が予想され、開発環境周りも整っていきそうですね 関連エントリ 秀逸なiOSアプリケーションアイコ
YouTube人気急上昇
【ゆっくり実況】整地楽しいヤミー❗️✨🤟😁👍感謝❗️🙌✨感謝❗️🙌✨またいっぱい掘りたいな❗️⛏️😋✨デリシャッ‼️🙏✨ｼｬ‼️✨ ｼｬ‼️🙏✨ ｼｬｯｯｯ!!!!【マインクラフト #6】
iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった
iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。 シミュレーター（エミュレーター？よくわからｎ）はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな？ｗ 動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。 4つ同時に起動可能 日本なら、基本的にiPhoneとAndroidだけあれば
HTMLのプレビューがiPhone/Androidで同時に確認できるMobilizerが便利そう | Web活メモ帳
最近はスマートフォン用のサイト作成をする事が多くなってきていますが、HTMLの確認を複数の実機でやるのは大変ですよね。 そんな方のために、HTMLのプレビューがiPhone/Androiで同時に確認できるMobilizerが便利そうなのでご紹介します。 実機で動作確認はできるだけやりたくない、、、。そんな時に使えそうですよ。 詳しくは以下 Mobilizerは、Adobe AIR製のアプリで、複数のモバイルデバイスを立ち上げて URLやローカルファイル（HTML、画像やFlash）のプレビューを表示できます。 ↑デバイスはiPhone 4、Palm Pre、HTC Evo、Blackberry Stormの4機種となっています。 また、プレビューした画面は右クリックから簡単にPNGにエクスポートする事も。 JavaScriptなどはどこまでエミュレートできてるのかちょっと不明な所もあります
[CSS]適切ではないマークアップを注意してくれるスタイルシート -holmes.css
ページ内のマークアップで誤っている箇所、無効な箇所、アクセシブルでない箇所をハイライトで明示してくれるスタイルシートを紹介します。 デモページ レッドのハイライト エラー イエローのハイライト 警告 グレーのハイライト 好ましくない holmes.cssの使い方 holmes.cssの使い方は、2通りあります。 スタイルシートファイルをページに適用 ブックマークレットを使用（要JavaScript） スタイルシートファイルをページに適用 「holmes.min.css」を外部スタイルシートとして適用し、bodyにclass「holmes-debug」を加えます。 HTML <link rel="stylesheet" href="../" media="screen,projection,print,handheld" type="text/css" /> <body class="hol
ChromeをiPhoneシミュレーターにできる拡張「IPSim」:phpspot開発日誌
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C
「クチコミ＠係長」にクチコミの全体像を見える化する「成分マップ」
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Flash開発者は絶対に入れるべきFirefoxアドオン「FlashFirebug」 | Web活メモ帳
いまやFirebugはWeb開発には必須の拡張機能ですが、Flashでも使いたいという方のために「FlashFirebug」という物がありました。 AS3で作れらたFlashのデバッグが、HTMLやJSをデバッグするように簡単に作業できるようになりそうです。 アドオンをインストールすると、FirebugにFlashパネルが追加され、閲覧ページ内のFlashをデバッグできるようになります。 Firebugのようなデバッグ ↑SWFにマウスオーバーした際に、HTMLのように要素を表示してくれます。 ↑YouTubeのサイトで、パラメータを操作している様子。 ↑エラーやトレースの出力ももちろん可能に。 これは開発が楽になりそうですね。 利用にはFlash Debug Playerバージョン10以上が必要との事。 ダウンロードは下のリンクからどうぞ。
YouTube人気急上昇
【2016年滋賀】無資格作業員「ちゃんと塗れてるかな？」→釣り上げた全長5m800kgの鉄骨の下敷きとなり絶命【ゆっくり解説】
Android エミュレータでサイト制作
Android エミュレータでサイト制作 AndroidではWindows、Mac OS X 、Linuxで利用できる Android SDK が公開されており、SDKに含まれるAndroid エミュレータを利用することで効率よくサイト作成を行うことができます。 ダウンロードとインストール Android SDKからSDKファイルをダウンロードしてインストールを行います(今回はWindowsの「installer_r09-windows.exe」を利用します)。ダウンロード後はウィザードにそってインストールを進めます。(JDK（Java SE Development Kit ）がインストールされていない場合は、事前にJDKをインストールする必要があります。) インストール後に「Android SDK and AVD Manager」が立ち上がり、パッケージにインストールが求められるので「I
あなたサイトを遅くしている原因をグラフィカルに指摘する｢SlowCop｣【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:1分] ウェブサイトが一般に浸透し始めて十数年。軽量化したサイトの方が有利だとは理解していても、どのファイルや処理がどういう順番で読み込まれるかがサイトの “ブランド力” にどれだけ大きな影響を与えるかを考えながら構築している人は少ない。 ｢SlowCop｣に自分が運営するサイトのURLを入力すれば、どんな処理にどれくらいの時間がかかっているといったことが、上の図のようにグラフィカルに把握することができるようになる。今まで気にもしていなかったような外部ファイルの読み込みが、実はサイト全体のパフォーマンスに影響を及ぼし印象を悪くしているか、といったことが一目でわかるのだ。 同様のサービスとしては米Yahoo.comの「Y! Slow」やGoogleの「Page Speed」があった。いずれもFirefoxのプラグインとして動作するものだが、「SlowCop」はウェブブラウザだけで
人や動物のシルエット
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a lo
DSブラウザシミュレーター
■現時点での仕様 ・IE＆Javascriptの環境下でのみ動作。 ・ボタンは「戻る」「進む」「更新」「ズーム倍率」「上下画面切り替え」しか動きません。 ・2画面モードのみ実装。 ・ズーム倍率は本物そっくりの50％、80％、100％、120％、150％の5段階。 ・下画面でリンククリックで移動できますが、上画面には反映されません。 ・下画面のスクロールバーは動かせますが、動かすと上画面の位置がずれます。 ←大航海時代ツール配布所へ戻る
HTMLコーディングがブラウザに優しい作りをしているか教えてくれるブックマークレット「DOM Monster」 | Web活メモ帳
「DOM Monster」はHTMLの構造を判断して、ブラウザに優しい作り方をしているか判定してくれるブックマークレットです。 使い方は簡単で、調べたいサイト上でブックマークを実行するだけです。 問題がある場合に、解決方法を教えてくれます。 試しに当サイトで実行してみました。 あら。WARNで改善した方が良いよと言われてしまいました。 どうやらJSの読み込みが多いのが問題のようです・・・ いつか改善しますかね。 ページの健康状態をはかるのに、試してみてはいかがでしょうか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-eblog.com
http://designaholic.cc/2011/08/15-1.html
