CSS Basic User Interface Module Level 3 (CSS3 UI)（Working Draft 2015-02-24）で、「ime-mode」プロパティが廃止となった（「水底の血」ブログ、参考訳）。 ime-modeは、HTMLのinput要素でIMEの状態を設定するCSSプロパティ。IMEを使った日本語入力を禁止したり、入力時の初期状態を制御するといった用途を想定しているようだ。Internet Explorer 5.0の独自仕様として登場し、他のWebブラウザでも一部実装された。たとえばFirefoxでは多くの議論の結果、ベンダプレフィックスなし、デフォルトで有効として実装され、その上でWebデザイナに対しては一般のサイトで使用しないようにアナウンスし、IMEの状態を制御されたくないユーザーに対してはユーザスタイルシートによる上書きを案内した（Mozil
そもそもqiita見ているデザイナー&&vimmerっているんですか(´;ω;｀)ねー 会社の情報共有を兼ねて、使い方から導入方法まで。 紹介するプラグインは以下の通りです。 emmet-vim あまりにも有名なhtml/CSS入力補助プラグイン surround.vim vimのテキストオブジェクトを拡張するプラグイン open-browser.vim URLを開いたり、ググったり出来る vim-browsereload-mac ブラウザを自動更新するプラグイン(Mac Only) vim-css3-syntax html5のコードをシンタックス表示する vim-javascript vimにjsのシンタックスを追加する vim-coffee-script coffee scriptのサポート sass-compile.vim sassのサポート インストール vimのプラグイン
先日、WCAN mini Markup Vol.10がありました。第10回を数える今回は「CSS3＋jQueryを実際に使ってみよう！」というテーマで、WCAN x CSS Nite 2009 SPRINGでの益子さんのセッションを実践し紹介し合おうというものです。 僕が紹介したのは、CSS3のレイアウトに関する新しいプロパティ[1]。新しいプロパティを使うとこれからすごくレイアウト組が楽になるよね！ってことがいいたかったので、説明は他所に任せてサンプルを見ていただいくことでイメージしてもらう形にしています。 なお、今回のサンプルは一部のブラウザのみしか動作しません。オススメはSafariかGoogle Chromeです[2]。 可変レイアウト: 横幅指定に % 、ボーダー幅に px を指定したボックスの場合 サンプルのように、2つのボックスを左右に並べて可変のレイアウトを組みたいときを考
box-sizingプロパティは、ボックスサイズの算出方法を指定する際に使用します。 値にcontent-boxを指定すると、 widthとheightで指定する幅と高さが内容領域に対して適用されます。 幅と高さにはパディングとボーダーは含まれません。 これはCSS2.1の仕様通りの解釈で、DOCTYPEスイッチの標準モードのような表示になります。 値にborder-boxを指定すると、widthとheightで指定する幅と高さがボーダーボックスに対して適用されます。 内容領域にパディングとボーダーを含んだ範囲に対して幅と高さが適用されるため、 パディングとボーダーの分だけボックスサイズが小さくなります。 DOCTYPEスイッチの互換モードのような表示になります。 ■値 content-box パディングとボーダーを幅と高さに含めない（初期値） border-box パディングとボーダーを
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
純 CSS 繪製「輕音少女」秋山澪 Pure CSS Design 'K-ON!' Akiyama Mio 画像を一切使わずCSSで描かれた「けいおん!」の秋山 澪 2011/11/24 [beta1] 初版純靜態無動畫 2011/11/25 [beta2] 更新了襯衫錯位、新增頭髮與眼睛的動畫功能 2014/05/08 [beta3] 修正部分 Chrome 23 之後、在 keyframe 中下 skew 造成的區塊錯位 [注意!!] 因為我無意間發現，有人把這作品拿來當瀏覽器的支援判定，為了避免自己成為第二個哆啦A夢，所以要特別澄清一下。 這作品一開始完成時，小 Rei 完全不認為 IE 系列能正常動作，所以完全沒有加上 IE 廠商專用的語法(就是 Firefox 的 -moz-、Chrome/Safari 的 -webkit-、Opera 的 -o-，IE 當然也有 -ms-)。就
「スピーチ・バブル」（ふきだし）は、Webページでコメントを表示するときに効果的なデザインテクニックだ。たとえば、Twitterのトップページのデザインでもふきだしが採用されている。 ふきだしのデザインは従来、Photoshopなどで三角形や角丸の画像を作成し、CSSで位置を調整するといった手間がかかり、作成が非常に面倒だった。だが、 CSS3なら画像を一切用意することなく、スタイルシートの記述だけで作れる。また、文書構造上不必要なdiv要素などを記述する必要もなく、シンプルに記述できるのもポイントだ。 今回のCSS3道場では、CSS3を使った「ふきだし」のデザインテクニックを紹介しよう。 基本的なふきだしをデザインする もっとも基本的なふきだしを作ってみよう。実装のポイントは、三角形で表現される「しっぽ」の部分だ。この三角形は、前回の「ドッグイヤーデザイン」と同じ手法を使う。 ■HTML
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Web Fonts を使えばパソコンにインストールされていないフォントを表示させることができます。見出しなどに特殊なフォントが使ってある際に、わざわざ画像で用意したりする手間を省くことができます。私のサイトでもロゴに使用しています。 実際に試すことで勉強になりますので、一緒に勉強してみましょう。 Web Fonts を導入する HTML ファイルの作成 まず導入するための HTML ファイルを作ります。 <html> <head> <title>Weble</title> <style type="text/css"> .logo { font-size: 72px; } </style> </head> <body> <p class="logo">WEBLE</p> </body> </html> ブラウザで表示すると以下のようになります。 Google Web Fonts を使う G
CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「Only CSS」。上のSTOPボタンを押すとコードを確認することができます。 jsdo.itでCSSプログラミングが流行中！ ええ、どう考えても無茶なんです。CSSはプログラミング言語じゃないですからね。 CSSの機能を巧みに組み合わせて作成されています。 ということで、投稿作品のほんの一部を紹介したいと思います。 CSS PANIC CSSだけで作られたワニワニパニック。 このコードは海外のユーザーにも大きな反響を呼びました。
本連載では、Webデザイナーに向けて、HTML5／CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5／CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとしてDreamweaver CS5以降を使用しています。CS5をお使いの場合は、拡張機能「HTML5 パック for Dreamweaver CS5」が必要です。CS5にHTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。CS5.5の場合、これらのHTML5 パックの機能はデフォルトで実装されています。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり
＼紹介されました／ http://snook.ca/archives/conferences/css-takes-over-the-world http://tv.adobe.com/watch/max-2011-envision/css-takes-over-the-world/ CSS PANIC - a game, noJS, only CSS and HTML - JavaScriptを使わない。 CSSプログラミング第二弾「CSS PANIC」 m9( ﾟдﾟ)説明！ 制限時間以内に10匹のワニを倒せ！ 10秒くらいでお終いだ！ chromeでしか確認してません 画像はdataURIです。 iPhone , iPadで見るときはhttp://jsrun.it/GeckoTang/4rXg/がおすすめ I ♥ datauriplayground2 http://jsdo.it/ts
わかった！お金借りる審査通らないやお金借りるならどこがいいのかについて 四十代に突入してからというもの、振込融資は苦行のようなものに成り果てているんです。 不動産担保ローン各社は、ほんのちょっと節制しただけでも、増えた分は取り返せたのに、単発バイトだと限界まで努力しているにもかかわらず、消費者金融自体は減ってくれなくて、つい挫折してリバウンドしたこともあります。 高額融資が落ちた上に、活動量が減っているのですから、新生銀行フィナンシャルのも当然なのでしょう。 新生銀行フィナンシャルがわからない人は少数派でしょう。私もわかっています。 お金借りる審査通らないを変化させるのは誰にとっても困難で、継続が難しいものです。 お金借りる審査通らないを食べたらオッケーとか、ちょっとした運動だけでダイエット可能なんていわれると注目してしまうんです。 お金借りるならどこがいいのかを嫌悪したくなります。香水を
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
Spinning spiraling cube using CSS3 3D animation and 3D transforms. Note: Hover the black box or cube to pause the animation. Please view in Safari, iPhone or iPad. If the animation freezes while viewing in wide-screen and at the same time hovering the viewport with the mouse, simply refresh the browser to restart the animation. All images used come from WISE - Multimedia Gallery and are used in th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く