アニメーション開始時に一瞬前の状態に戻るときがある(Android, iOS3.*) jsdo.itでデモを組んでみた。 Android vs iPhone : CSS3 Animation - jsdo.it - share JavaScript, HTML5 and CSS よくあるスライドアニメーションです。 表題のバグが発生すると、イン開... 続きを読む

• tenderfeel.xsrv.jp
• コンピュータ・IT

CSSの視覚整形モデルについてのまとめです。CSSでレイアウトするときに必須な配置についてのレポートです。フロート、相対配置、絶対配置、z-indexなどはもちろん、通常フローや包含ブロックなど、基本的な部分をまとめてみました。最近改めて CSS の基本、要素... 続きを読む

• webdesignrecipes.com
• コンピュータ・IT

富田宏昭 PhoneGapはNitobiが開発，公開しているクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。PhoneGapを用いることで，HTML5＋CSS＋JavaScriptのみでさまざまなプラットフォームに対応するネイティブアプリケーションの実装が... 続きを読む

• gihyo.jp
• コンピュータ・IT

こんにちは！無事、雲力ことクラウドフォース2010も終わってほっと一息のゆぅです！ さて、今回のテーマは「jQueryで超簡単アコーディオン」！ 数行のコードで理解しやすく、かつカスタマイズしやすいアコーディオンの作成方法をご紹介します。 材料 いわずもが... 続きを読む

• coder.blog.uhuru.co.jp
• コンピュータ・IT

続きを読む

• ifengine.org
• ゲーム・アニメ

最近いろんなスマホ最適化されたサイトを見るようになりました。 それと同時に、多様なAndroid端末が急速に普及し、iPhone3GSが全盛だった去年までの制作方法では対応が不十分になってきてまして、僕自身も試行錯誤中なこともあり、2011年5月時点でのiPhone・An... 続きを読む

• blog.kaleido-jp.net
• コンピュータ・IT

この記事の解説する対象は「特筆性」を欠いているおそれがあります。もしこの記事が解説する対象が百科事典に掲載するに足る特筆性を持つものであるなら、それを立証する出典を示してください。 このテンプレートは2010年6月に貼付されました。 PhoneGap（フォ... 続きを読む

• ja.wikipedia.org
• コンピュータ・IT

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML tables. Key features: Variable length pag... 続きを読む

• www.datatables.net
• コンピュータ・IT

サイト制作でよく使用するものの一つにテーブルで作成する表だと思います。 しかし、その整理方法は面倒で、縦に長くなると見づらくなります。 今回紹介するDataTablesはjQueryを使い簡単に表をソートさせたり、値を検索したり、表示する項目数を調整できます。... 続きを読む

• www.skuare.net
• コンピュータ・IT

■そろそろ、CSS3 ぼちぼちまとめ中… ■CSS3で追加される可能性のあるプロパティ CSS3では、CSS2.1には無かった以下のプロパティなどが、新たに追加される可能性があります。 勧告までに追加・廃止・変更されるプロパティもあると思われます。 背景 background... 続きを読む

• www.htmq.com
• コンピュータ・IT

Pingdom is a company founded by Sam Nurmi. Sam Nurmi is also the founder and previous CEO of Sweden’s biggest web hosting company, Loopia, which he sold in 2005. HTML5とCSS3の策定はWebデベロッパやWebデザイナにとって朗報だ。優れたデザインやコ... 続きを読む

• journal.mycom.co.jp
• コンピュータ・IT

The jQuery UI Sortable plugin makes selected elements sortable by dragging with the mouse. All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name yo... 続きを読む

• jqueryui.com
• コンピュータ・IT

私たち浮川和宣と初子はこの度、研究開発（R&D）機能を有するビジネスインキュベータ「株式会社MetaMoJi（メタモジ）」の事業を開始しました。 私たちは1979年、株式会社ジャストシステムを創業し、以来30年間、主にコンピュータ上での「ことば」と「文書」を中... 続きを読む

• www.metamoji.com
• コンピュータ・IT

« Back to the CSS article by Matthew James Taylor The 'Holy Grail' 3 column Liquid Layout (Pixel-widths) No CSS hacks. SEO friendly 2-1-3 column order. Cross-browser. Equal height columns. 3 Column Holy Grail 3 Column Blog Style 2 Column Left... 続きを読む

• matthewjamestaylor.com
• コンピュータ・IT

An HTML CSS template with a sticky footer that works in modern browsers and all screen sizes. Internet Explorer, FireFox, Safari, Opera and even Google Chrome.CSS Sticky Footer Layout It Sticks to the Bottom of the Page! See that footer, way ... 続きを読む

• www.cssstickyfooter.com
• コンピュータ・IT

今回は、CSSを使ってリンクをデザインする方法をいくつかまとめてみました。 基本的なものから、Scriptを使ってアニメーションする方法までリンクだけでもいろいろな見せ方がありますね。 Why and How: Styling Text Links まずは、CSSで簡単に変更できるパター... 続きを読む

• www.designwalker.com
• コンピュータ・IT

今日は昼から今までずっとバイトでした。約10時間、さすがに疲れました。 ちなみに、これは帰りの電車で書いてます。携帯から投稿できるのって便利ですね… はてさて、何をしたかと言えば、CSSによるプルダウンメニューを作ってました。リストを入れ子にして、... 続きを読む

• www.s-uni.net
• コンピュータ・IT

ポイントとなるスタイルシートはこんな感じになります。これ以外はお好みで追加できます。 html{ height:100%; } body{ height:100%; } * html div#container{ height:100%; } div#container{ width: 80%; margin:0px auto; position:relative; min-height: 100... 続きを読む

• www.stylish-style.com
• コンピュータ・IT