chrome-life.comThis domain may be for sale!
Liveweave HTMLエディター
Check out our Python playground! Python is the most popular general-purpose programming language in the world, widely used in Artificial Intelligence, Machine Learning, and Data Science projects. Supports popular Python libraries like Numpy, Matplotlib, SciPy, Pandas, and more! Share your public code with anyone, or make it private Features advanced auto-completion technology Try it now!
HTML5 × CSS3 × jQueryを真面目に勉強 – #16 レスポンシブWebデザインでテーブルを最適化するベストプラクティス | DevelopersIO
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
HTML5 × CSS3 × jQueryを真面目に勉強 – #12 Pinterest風グリッドレイアウトを作ってみた | DevelopersIO
そんな訳で、写真共有SNSの一つであるPinterest(ぴんたれすと)。従来のグリッド式レイアウトのように高さが均一のグリッドが整然と並べられているのと違い、異なる高さのグリッドが画面いっぱいに敷き詰められているレイアウトが特徴的でオサレです。（※こういったレイアウトはピンボード風と呼べば良いのでしょうか…？） Pinterest Pinterest とはピンボード風の写真共有のソーシャル・ネットワーキング・サービス。特に女性に人気がある。ウェブサイトとアプリはテーマに基づいて写真のコレクションを作ることが出来る。サイトのミッションステートメントは「面白いと感じるものを通じて世界全員をつなぐ」。アメリカ Palo Alto にある Cold Brew Labs によって運営されている。 Wikipediaより引用(http://ja.wikipedia.org/wiki/Pinteres
第5回 jQueryでアニメーション（解答編） | gihyo.jp
はじめに 前回はjQueryのアニメーション機能について解説し、以下のようなタブのUIをjQueryのアニメーションで切り替えるというお題を出しました。 jQueryアニメーションのお題 - jsdo.it - share JavaScript, HTML5 and CSS 今回このお題をforkしてもらったコードを紹介しながら解説していきます。 模範解答 まずは模範解答として、以下の作品を紹介します。 forked from: jQueryアニメーションのお題 | 第4回 jQueryでアニメーション - jsdo.it - share JavaScript, HTML5 and CSS この作品はページ切り替えの部分を以下のように変更しているだけです。 $currentPage.fadeOut("fast"); $targetPage.slideDown(); 1行目の部分で現在のペー
論より証拠!! 米Appleが"HTML5"のデモページを公開 | パソコン | マイコミジャーナル
米Appleが、HTML5、CSS3、JavaScriptなどWeb標準技術で構築されたWebサイトのリッチな表現力や機能を紹介するショーケースページ「HTML5 Showcase」を公開した。Safariブラウザを使って、以下の7つのデモを体験できる。 ビデオ：videoタグを使ってWebページに組み込まれた動画プレイヤー。再生/一時停止、画面サイズの変更が可能。再生画面全体を傾けて奥行きを出す機能も備える。 タイポグラフィ：CSSとSVGを用いたベクターベースのフォントの装飾。書体・サイズ・色の変更のほか、行間・字間・透明度の調節、回転や影のオン/オフなどが可能。 ギャラリー：CSSトランジションと3Dトランスフォームを用いた写真ギャラリー機能。写真が流れるストリップを2D/3D、縦方向/横方向に切り替えられ、またグリッド表示も可能。 トランジション：CSS 2Dおよび3Dトランスフォ
MdN Design｜総合情報サイト
Web制作が楽しくなるCSS3/JavaScriptのテクニック50 - 海外デザイン事情第6回 新規会員登録 ログイン管理 Twitter facebook はてなブックマーク RSS 2025.7.16 WED 第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年02月15日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Brilliant CSS3/JavaScript Coding Techniques」をもとに、CSS3に関する海外の最新テクニックを紹介しよう。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：50 Brillian
50 Cool Javascript Examples And CSS3 Tricks — Smashing Magazine
CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. Although the browser support of CSS 3 is limited, many designers across the globe experiment with new powerf
IE5～8をCCS3の疑似セレクタ対応にするスクリプト - ie-css3.js
CSS3に対応していないIE5/6/7/8をCSS3の擬似セレクタに対応させるスクリプトを紹介します。 ie-css3.js 対応するセレクタは、下記の11種類です。 :nth-child :nth-last-child :nth-of-type :nth-last-of-type :first-child :last-child :only-child :first-of-type :last-of-type :only-of-type :empty スクリプトの動作は、セレクタを見つけたらシミュレーションしたものに変更されて適用されている、とのことです。 スクリプトの使用方法は、DOMAssistantと併用し、外部スクリプトとして記述します。 <textarea name="code" class="html" cols="60" rows="5"> <head> <script t
CSS3の機能でボックスに角丸や影、グラデーションをかけられるJSライブラリ「tripleb.js」:phpspot開発日誌
CSS3の機能でボックスに角丸や影、グラデーションをかけられるJSライブラリ「tripleb.js」 2009年09月02日- tripleb.js (javascript CSS 3 simulation) CSS3の機能でボックスに角丸や影、グラデーションをかけられるJSライブラリ「tripleb.js」 ライブラリを読み込んだら、ボックス要素の class="***" に修飾条件を指定しておくだけで、自動でボックスを角丸や、影付き、グラデーション効果 を与えることができるみたいです。 ↓適用すると以下のように修飾されます↓ 配布元は、色々なライブラリで有名な www.netzgesta.de。 CSS3の機能を使うので非対応ブラウザでは使えませんが、面倒な部分もJavaScriptでサクッと実現できちゃいますね。
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
