Drag this link to your bookmarks bar: Katamari! Or copy and paste this url into the location bar on any site: javascript:var i,s,ss=['http://kathack.com/js/kh.js','http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'];for(i=0;i!=ss.length;i++){s=document.createElement('script');s.src=ss[i];document.body.appendChild(s);}void(0); (works best in chrome or firefox 4) What is this? This is
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
Droidgetは、Android OS向けのWidget Playerです。Droidgetでは、Webkitを拡張する事で、JavaScriptによるDesktop WidgetやWidgetアプリケーションを実現しています。 Droidgetでは、Android標準のAppWidgetとは違い、JavaScript+CSS+HTMLによりDesktop WidgetやWidget Applicationを作成する事が可能になります。
少しだけjsdo.itでSencha Touchを試してみましょう。 jsdo.itにアカウントを作成したならば、画面の右上の[コードを書き始める]をクリックします。 Edit画面になるので、JavaScriptのフィールドの右上にある[Add Library]をクリックし、Select LibraryからSencha Touchを選びます。 同様にCSSも右上にある[Add Library]をクリックし、Select LibraryからSencha Touchを選びます。 これで準備完了です。 JavaScriptの入力エリアにSencha Touchを利用するコードを書きます。もっとも簡単な、Hello World!を表示するコードを書いてみましょう。 2010-07-29 1st - jsdo.it - share JavaScript, HTML5 and CSS これは先のエント
The time has come to shut the doors on Effect Games, so we can move onto other projects. But we've preserved some of our old games and demos for you to play with: We've also open sourced the entire Effect Games engine, as well as the web IDE. Effect Games, in it's entirety, has been moved to GitHub. It can be forked, or simply downloaded and installed on your own server. Installation instructions
To get you really excited about CSS3, last month we announced the CSS3 Design Contest and encouraged designers to experiment and get creative with CSS3. As expected, we have received many creative and original submissions. To choose the winners of the contest, we considered the originality of the technique or approach and its uniqueness. The idea mattered more than the execution. This process has
If you are thinking about buying a pot or pan organizer then you simply have to know some main things first. You should know that the organizers for pots and pans come in different types such as racks, baskets and drawers as well. Not only is this, these pot organizers and storage kitchen racks come […] Read More
320 x 480 iPhone 3G/3GS 480 x 720 Meizu M8 480 x 800 Google Nexus one 640 x 960 iPhone 4 768 x 1024 iPad 480 x 320 iPhone 3G/3GS 720 x 480 Meizu M8 800 x 480 Google Nexus one 960 x 640 iPhone 4 1024 x 768 iPad 1024 x 600 Most Netbooks 1280 x 800 MacBook Air 08 1366 x 768 Some Laptops 1440 x 900 MacBook Pro 15 inches Maximum Resize to Maximum
JavaScript で縦書き表示を実現する「竹取JS」を「MITライセンス」で公開しました。「竹取Web」につづく縦書き応援企画第2弾です。中国語と韓国語の縦書き化にも対応しています。 (2010年7月5日(月) 午前9時7分29秒 更新) Tweet これまで「writing-mode: tb-rl;」を指定可能な InternetExplorer5.5+ 以外の環境でレイアウトを保ったまま縦書きを表示することは困難でした。 ところが最近、IE 以外の主要ブラウザすべてが、CSS3 の「transform: rotate(deg)」に対応しました。つまり表示を自由に回転させることが可能になったわけです。 ということは、どういうことでしょう? あるブロックを縦書き化したいとします。「回転できる」となると…、文字ごとに-90度回転させて、そのブロックを90度回転させれば…、そうです! 見た
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横
まもなくWWDC 2010がスタートするというタイミングで、Appleが「HTML5 Showcase」なるデモを公開した(関連記事)。サイトには「対応するブラウザはSafari」としか表示されていないため、Mac OS X向けの最新版のみがサポートされるのかと思いきや、iPadとiPhoneのどちらでも変わらず動作した。Appleの“HTML5本気度”を世間にアピールすると同時に、Safariの先端性を知らしめるイメージ戦略なのだろう。 念のため、Firefox 3.6.4での動作を確認しようとしたところ、「You'll need to download Safari to view thid demo」と表示され、敢えなくリジェクト。先端性をアピールしたいのであれば、すべてのブラウザでテストできるようにすればいいものを……。 と独り言を言っても仕方ないので、アドオン「User Agen
2010/06/02 · Flashの代替技術が開発されつつあるのは多くが知るところだが、今回紹介する「Smokescreen」はFlashそのものを排除するのではなく、HTML5とJavaScriptを ...
今日は日経BPのセミナー(参照)で、iPadと電子出版の未来について講演をしてきた。私の講演の内容に関しては、一両日中にネットに上がると思うのでここには書かないが、この講演およびその準備段階を通して学んだとても大切なことを一つ書こうと思う。それは日本の出版社に迫る「コンテンツのガラパゴス化の危機」である。 午後の部でヤッパの伊藤氏の講演を聞いていて少し疑問に思ったので、フォーマットのオープン化に関する質問をした私だが、彼の「まだコンテンツの数が少ないのでオープン化を考慮する必要はない」という返答でヤッパの狙いが明らかになった。セルシスと同じく「クローズドなフォーマットによるコンテンツの抱え込み」である。 ここまでフォーマットのオープン化(すなわち誰でもビューアーをライセンス・フリーで作れること)の大切さが叫ばれている今、時代に全く逆行するビジネスモデルだが、漠然とした危機感を抱いてはいるが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く