|
|
| 俺の検索結果 |
CSSについて、俺が調べてきてやったよ
|
 | 原付二種パラダイス http://mygentuki.com/ 原付二種に乗って、旅に出よう！ |
 | CSSでマルチカラムレイアウト（1/6）：CodeZine http://codezine.jp/article/detail/4939   はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」... |
 | マークアップ効率化 - zen-codingでコーディングを倍速に (Yahoo! JAPAN Tech Blog) http://techblog.yahoo.co.jp/cat207/web_1/_zencoding/   はじめにこんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌と申します。 Yahoo! JAPANトップページやMy Yahoo!のマークアップを担当しており、HTML,css,JavaScriptなどを用いて開発を行っています。マークアップの効率化を行えていると思われる部分を、普段の業務のなかから取り上げて、記事を書いていきたいと考えています。今回はBlog... |
![[N] ウェブ開発者に人気のFirefoxアドオン10](http://img.simpleapi.net/small/http://netafull.net/firefox-addon/033833.html) | [N] ウェブ開発者に人気のFirefoxアドオン10 http://netafull.net/firefox-addon/033833.html   10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると良いのですが。1. Firebug :: Add-ons for FirefoxFirefox上でCS... |
 | HTML＋JavaScriptでiPhone/iPad/Androidネイティブアプリを開発できる「Titanium 1.0」 | パソコン | マイコミジャーナル http://journal.mycom.co.jp/news/2010/03/14/001/index.html   米カリフォルニア州マウンテンビューに拠点を構えるAppceleratorは、同社開発プラットフォームの「Titanium 1.0」をリリースしたと発表した。Titaniumはクロスプラットフォーム環境で、HTMLやJavaScriptなどのWeb標準記述言語を使ってスマートフォンやPC向けのネイティブアプリケーション開発が可能。Windows、Mac OS X、Linux向けのアプリケーションのほ... |
![[CSS]商用サイトでもそのまま利用できるCSSのナビゲーション集 | コリス](http://img.simpleapi.net/small/http://coliss.com/articles/build-websites/operation/css/free-css-drop-down-menu-framework.html) | [CSS]商用サイトでもそのまま利用できるCSSのナビゲーション集 | コリス http://coliss.com/articles/build-websites/operation/css/free-css-drop-   商用でも無料で利用できる、クロスブラウザ対応のドロップダウン型ナビゲーションを配付しているサイトを紹介します。Free CSS Drop-Down Menu Framework再紹介となりますが、ナビゲーションの [...] |
 | 開発に使えるチートシートがごろごろまとまっている『Dev Cheat Sheet』 - 100SHIKI ～ 世界のアイデアを日替わりで http://www.100shiki.com/archives/2010/03/dev_cheat_sheet.html   休日なのでマニアックな話題でｗ。あなたが開発者ならDev Cheat Sheetは覚えておくべきサイトだろう。このサイトではPHPやCSS、ActionScriptといった主要な技術のチートシートがこれでもか！というぐらいまとまっている。まだ慣れないうちはこうしたチートシートを手元においておくといいだろう。もちろん中級者、上級者も自分の知識を確認するために活用したいところだ。効率的な開発をすすめる... |
 | Flashを使わずJavaScriptとCSSで動くかっこいいアナログ時計＆デジタル時計 - GIGAZINE http://gigazine.net/index.php?/news/comments/20103013_css_clocks/   動きがなめらかであるにもかかわらず、Flashではなく、JavaScriptとCSSを駆使してぐりんぐりんと動いてくれるなかなかカッコイイ時計です。 詳細は以下から。 以下のページにアクセスすると動いてくれます。実際のコードに加え、jQueryだとどれだけコンパクトになるかという例も書かれています。 Jon Combe | Code | HTML clocks using JavaScript a... |
 | じわじわ便利なjQuery1.4で追加された機能いろいろ+α :: 5509(+1) http://moto-mono.net/2010/03/09/jquery1-4-plus-alpha.html   1月14日にjQuery1.4がリリースされましたが、なかなか手をつけられずにいること早2ヶ月･･･。ようやくちゃんと使ってみようということで色々見てると、それにしても痒いところに手が届くというかなんというか、すばらしいですね。いまさら感満載なので、みなさん既に知ってると思いますがいくつかメモしておくのと、もしかしたらあんまり知られてないかも知れないjQueryの機能も少し紹介しておきます。 トピ... |
![[CSS]Firefox 3.0/3.5のCSSのバグ情報のまとめ | コリス](http://img.simpleapi.net/small/http://coliss.com/articles/build-websites/operation/css/css-bugs-in-firefox-3-x.html) | [CSS]Firefox 3.0/3.5のCSSのバグ情報のまとめ | コリス http://coliss.com/articles/build-websites/operation/css/css-bugs-in-fi   Firefox 3.xでおこるCSSのバグ（仕様？）をWeb Designer Depotから紹介します。CSS Bugs and Inconsistencies in Firefox 3.x下記に、その中からい [...] |
![[N] ウェブ開発者向けGoogle Chrome機能拡張10種](http://img.simpleapi.net/small/http://netafull.net/googlechrome-extension/033849.html) | [N] ウェブ開発者向けGoogle Chrome機能拡張10種 http://netafull.net/googlechrome-extension/033849.html   10 Essential Chrome Extensions for Web Developersというエントリーで、ウェブデベロッパー向けのGoogle Chrome機能拡張が10種類まとめられていました。Google Chrome機能拡張は、ウェブブラウザ自体を再起動せずにインストールできるのが便利ですね。ウェブ開発者に人気のFirefoxアドオン10とあわせて参考にして頂けたら嬉しいです。1... |
 | Apple風デザインが美しい、スライドショーギャラリーのスクリプト | コリス http://coliss.com/articles/build-websites/operation/javascript/jquery-   PHPやデータベースなどを使用せず、jQueryとCSSで実装するスライドショーギャラリーのスクリプトをTutorialzineから紹介します。A Beautiful Apple-style Slideshow Gallery With CSS & jQuery デモページデザインはAppleにインスパイアされたもので、角丸、グラデーション、ドロップシャドウ、鏡面反射などが美しく使用されています。... |
 | CSS3 グラデーション（gradient）の指定方法 | CSS Lecture http://www.css-lecture.com/log/css3/css3-gradient.html   Category ： CSS3CSS3 でグラデーションの指定が出来る -moz-linear-gradient -webkit-gradient の使用方法などを紹介、解説したいと思います。background に指定することで、ボックスの背景色を線形にグラデーションに指定する値です。 （※ブラウザによって記述方法が変わりますので注意が必要です。）対応ブラウザ（2010 3/9 現在）Safar... |
 | WordPressプラグインを使わずに記事ごとにcssを加えられるようにするカスタマイズ - かちびと.net http://kachibito.net/wordpress/add-css-to-post.html   記事単体に別のcssを加えられる ようにする為のメモ。プラグインは 使いたくないよ、という方向けの カスタマイズ方法になります。 functions.phpで投稿画面にcss の追加用boxを作成します。 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.p... |
 | PHPによってCSSを動的に出力する初心者向けチュートリアル:phpspot開発日誌 http://phpspot.org/blog/archives/2010/03/phpcss_7.html   Build Your Site With Dynamic CSS - Fantastic Web Design PHPによってCSSを動的に出力する初心者向けのチュートリアルが公開されてます。 CSS自体をPHPで書いてしまうことで変数の使い回しや、if 文によって柔軟な出力ができるようになりますが、まだPHPを使ったことがない、という方にもわかりやすい解説になっているのでPHP入門としても使えそ... |
 | クオリティーの高いフリーのXHTML/CSSテンプレート30 | CREAMU http://blog.creamu.com/mt/2010/03/xhtmlcss30.html   サイトをさっと作りたい。そんなときにおすすめなのが、『30 Latest High-Quality Free (X)HTML/CSS Templates Must See Now』。クオリティーの高いフリーのXHTML/CSSテンプレート集です。いい感じのものが揃っています。Urban Gear スライドショーのある、ECサイトのデザインOrnare サムネイル付きのスライドショーのある、すっきり... |
![[CSS]CSS3グラデーションの表示サンプルと指定方法のまとめ | コリス](http://img.simpleapi.net/small/http://coliss.com/articles/build-websites/operation/css/css3-linear-gradients.html) | [CSS]CSS3グラデーションの表示サンプルと指定方法のまとめ | コリス http://coliss.com/articles/build-websites/operation/css/css3-linear-gr   現在、Firefox, Safari, Chromeで利用できるCSS3グラデーションの表示サンプルと指定方法のまとめをDynamic Driveから紹介します。CSS Library:CSS3 Linear Gradients下記は各ポイントをピックアップしたものです。CSS3グラデーションの基礎知識CSS3グラデーションをサポートしているブラウザは現在のところ、下記の三つです。Firefox ... |
![Evernoteでデザインの体裁を崩さずWebClipする方法 | nanapi[ナナピ]](http://img.simpleapi.net/small/http://r.nanapi.jp/1753/) | Evernoteでデザインの体裁を崩さずWebClipする方法 | nanapi[ナナピ] http://r.nanapi.jp/1753/   Evernoteでデザインの体裁を崩さずWebClipする方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！あなたのライフレシピを待っている人たちがいますあなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます！あなたの投稿で、 みんなの生活をハッピーにしてみませんか？nanapiに... |
 | 連載：これでできる！ クロスブラウザJavaScript入門｜gihyo.jp … 技術評論社 http://gihyo.jp/dev/serial/01/crossbrowser-javascript   太田昌吾JavaScriptはウェブ制作において避けては通れない重要な言語です。しかし，その重要性とは裏腹にJavaScriptに苦手意識を持たれている方は少なくないようです。その最大の原因がクロスブラウザ対応という課題であり，各ウェブブラウザのJavaScript／CSSの実装の違いが開発者を大いに悩ませています。この連載では，そんなクロスブラウザ対応のテクニックを詳細に解説します。 |
 | Opera Logo with CSS · David DeSandro http://desandro.com/articles/opera-logo-css/   Opera Logo with CSSThe Opera logo, rendered only with CSS, no images. Compare it with the real deal.Alas, best viewed in Firefox 3.6, Safari 4, or Chrome 5.Aside from another shameless plea for attent... |
![[JS]CSSスプライトをアニメーションで変更するチュートリアル | コリス](http://img.simpleapi.net/small/http://coliss.com/articles/build-websites/operation/javascript/jquery-tutorial-button-animations-with-sprites.html){kind=icon} | [JS]CSSスプライトをアニメーションで変更するチュートリアル | コリス http://coliss.com/articles/build-websites/operation/javascript/jquery-   Photoshopでの画像作成からはじまり、CSSスプライトをアニメーションで変更するボタンを実装するチュートリアルをTutorial9から紹介します。Creative Button Animations with Sprites and JQuery デモページデモではHTMLとCSSを使用したベーシックなCSSスプライトで実装したボタンだけでなく、XHTMLとCSSとJavaScriptを使用... |
 | Windows XP の動作を軽快にしたい - mtblue.org http://www.mtblue.org/pc/tips/speed_up_xp.php   説明は省く。お前の目で確認してくるがいい。 |
 | ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト http://labs.unoh.net/2006/11/web.html   説明は省く。お前の目で確認してくるがいい。 |
 | WEBデザインに優れたサイトのリンク集 ≪ DesignLinkDatabase | デザインリンクデータベース ≫ http://www.designlinkdatabase.net/   説明は省く。お前の目で確認してくるがいい。 |
 | 死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE http://gigazine.net/index.php?/news/comments/20070425_bestcss/   説明は省く。お前の目で確認してくるがいい。 |
 | 有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳 http://e0166.blog89.fc2.com/blog-entry-213.html   説明は省く。お前の目で確認してくるがいい。 |
 | livedoor Reader http://reader.livedoor.com/reader/   説明は省く。お前の目で確認してくるがいい。 |
 | ウェブ上で使える何かと便利な変換ツールいろいろ http://www.popxpop.com/archives/2007/04/post_226.html   説明は省く。お前の目で確認してくるがいい。 |
 | 『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳 http://e0166.blog89.fc2.com/blog-entry-454.html   説明は省く。お前の目で確認してくるがいい。 |
 | 今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳 http://e0166.blog89.fc2.com/blog-entry-139.html   説明は省く。お前の目で確認してくるがいい。 |
 | 日本の伝統色 - 2xup repos http://2xup.org/repos/   説明は省く。お前の目で確認してくるがいい。 |