どう考えても無茶な「CSSプログラミング」が話題に
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だけで作られたワニワニパニック。 このコードは海外のユーザーにも大きな反響を呼びました。
主要なCSS Resetのスタイルシートとドキュメントのまとめ -CSS Reset.com
ブラウザのスタイルを初期化するCSS Resetのスタイルシートとドキュメントをまとめたポータルサイトを紹介します。 CSS Reset.com [ad#ad-2] 現在、登録されているCSS Resetは下記の7つです。 Eric Meyer's "Reset CSS" Eric Meyer's "Reset CSS"のドキュメント HTML5 Doctor CSS Reset TML5 Doctor CSS Resetのドキュメントメント Yahoo! CSS Reset (YUI 3) YUI 3のドキュメント Vanilla CSS Un-Reset Vanilla CSS Un-Resetのドキュメント Tripoli CSS Reset – David Hellsing Tripoli CSS Resetのドキュメント 'undohtml.css' – Tantek Celik
An accessible bar chart
Main features Table headers are there but hidden using the aural text class discussed in a previous article. Sighted users have already received information on what the chart is about. A bar is created using an image which is stretched to the appropriate size. Bar widths are calculated relative to the largest value. Value cells have a repeated background image which shows the vertical lines. Brows
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
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.
CSS Hack for Google Chrome and Safari 4
Valid CSS filter targeting Google Chrome and Safari 4 To target only webkit, which includes Google and Safari, encompass all the CSS that you want to use just to target Webkit in the following @media block: @media screen and (-webkit-min-device-pixel-ratio:0) { .myClass { background-color: #FF0000; } #myId {color: #0000FF;} p, a, li {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); } The rest of this
Google Font API - Google Code
How do I start? Read the Getting Started guide. Choose fonts from the Font Directory. Optionally, use the WebFont Loader library for more control over font loading. What are the Google Font API and the Google Font Directory? The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. The Google Font API helps you add web fonts to any web
CSSを最適化する3つのツール | エンタープライズ | マイコミジャーナル
Make Tech Easier - Uncomplicating the complicated, making life easier WebサイトやWebページ、WebアプリケーションにとってCSSはデザインを実現する中核技術となっている。このCSSを最適化する3つのツールが3 Useful Tools To Optimize your Blog’s CSS - Make Tech Easierにおいて紹介されている。紹介記事そのものはブログで利用されるCSSを取り出して最適化するストーリーになっているが、汎用的なテクニックとして利用できる。紹介されているテクニックとツールは次のとおり。 CSSファイル編集テクニック CSSはHTML内部に記述するのではなく外部ファイルにまとめる 属性に繰り返し同じ設定を記載するのではなく、クラスとして定義して利用するようにする。たとえば複数のクラス
How to Use the Sticky Footer HTML & CSS Code
How to Use the Sticky Footer Code Be sure to read the Known Issues at the bottom of this page. It will help prevent a lot of mistakes that can take hours to debug. Introduction There are many sticky footer methods to be found in Google. I've tried many of them and they usually fail in some regards. The problem it seems is that some of these methods are old and may have worked in older browsers but
Project Deploy - The Future Of Robotics & Programming
Many medical institutes in the United States use some type of software to manage their records. It eliminates the use of paper, makes transferring information easier, and provides an easy to access database. Most would assume that such a system is also very secure. But programmers and physicians from the University of California recently showed […] Everyone dreams of making their own game, and wit
Bastian Allgeier
Hi, I'm Bastian Allgeier, designer and developer from Neckargemünd, Germany. I build a file-based content management system called Kirby. Notes A Tailwind Post 18 February 2024 Network effect 20 December 2022 Mirror 21 November 2022 Solar 16 November 2022 Fediverse 10 November 2022 Train of thought 21 January 2020 Denial 18 September 2019 Simplicity (II) 10 September 2019 Back from the dead 17 May
サイト制作のためのテンプレートをごっそり自動生成してくれる『Project deply*』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
PSDファイルをCSSレイアウトのHTMLに変換してくれる『psd2css Online』 | 100SHIKI
PSDファイルをCSSレイアウトのHTMLに変換してくれる『psd2css Online』 March 13th, 2009 Posted in その他 Write comment 便利だか便利じゃないのだか判断に迷うところだが、意欲的な試みなのでご紹介。 psd2css OnlineはPSDファイルをCSSレイアウトのHTMLに変換してくれるというツールだ。 肝となるのはPSDファイル中のレイヤーである。このレイヤーを判別してCSSのブロックにしているようだ。 Photoshopなんかでまずレイアウトを組んでいる人はまぁ、試してみてもいいかもしれない。 ただ、いろいろと癖があるようなので（テキストを配置するには？とか）、このツールの使い方を習得するまでに時間がかかりそうだ。だったらCSSを学んだ方が・・・という気がしないでもない。 ただ、用途を限定すればそれなりに便利、という人もいるだろ
Web開発に役立つ30超のチュートリアル - NETTUTS
We've all felt that haze that forms around your eyes when you're trying to study lines and lines of code from a written tutorial. After an hour or so, your eyes simply become too weakened to continue reading. That's why I'm such a huge fan of video tutorials. You can sit back and learn at your own pace. I've compiled a list of over thirty screencasts that are guaranteed to help you.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bashalog.biz
zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting
opencube.com domain name is for sale. Inquire now.
セレクタでのCSSハック一覧表｜web bibo
Project #3 – Fluid CSS TextMate Bundle | Meta | ateM
minimal design » articles
[CSS]個人・商用サイトでフリーで利用できるXHTML/CSSのテンプレート -Solucija