[B! css] uuchanのブックマーク

uuchan id:uuchan

cssに関するuuchanのブックマーク (28)

いまさら聞けないCSS3入門＆スマホ対応6つの問題点
いまさら聞けないCSS3入門＆スマホ対応6つの問題点‥スマホ向けサイト制作で泣かないための秘伝ノウハウ︵4︶︵1/2 ページ︶スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、CSS3になるまでの歴史、代表的な3つのCSS3モジュール、実装上の3つの注意点、OS／機種依存事例6選などを解説します。こんにちは。KSK﹁フレックスファームビジネスユニット﹂の渡辺です。前回の﹁JavaScriptのスマホ対応時に知らないと損する16のコト﹂では、スマートフォン向けWebサイトで利用されるJavaScriptの役割や代表的ライブラリ、実装上の注意点をご紹介しました。今回は、KSKの製品﹁x-fit︵クロスフィット︶﹂の開発・販売や
uuchan 2013/04/03
css3

css

web制作

webデザイン
リンク
TechCrunch | Startup and Technology News
Unlike Light’s older phones, the Light III sports a larger OLED display and an NFC chip to make way for future payment tools, as well as a camera.
uuchan 2012/06/20
HTML

Web

css

web制作

webサービス
リンク
Search UI Components | Programmable Search Engine | Google for Developers
Send feedback Search UI Components Stay organized with collections Save and categorize content based on your preferences. This page discusses how you can customize the look and feel of your search box and search results. If you want to implement the design of your search engine using the context file, see the "Designing the Look and Feel with XML page". Overview Designing Individual Components of
uuchan 2012/01/11
Google

design

css
リンク
ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」:phpspot開発日誌
HTML layout generator - Layzilla.com ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」空白のキャンバスにボタンをポチポチ押していってドラッグ＆ドロップすることでレイアウトをどんどん組み立てられます。レイアウトを配置した例。それぞれ、ふちをドラッグすればリサイズ可能終わったらソースコードをジェネレート次のようなそこそこ綺麗なHTMLが出力できます。勿論、CSSも出力できます。関連エントリ複雑なCSSレイアウトをウェブ上で簡単に作成できる「The 1Kb CSS Grid」レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集
uuchan 2011/11/15
css

webデザイン

ツール
リンク
CSS font-style: oblique vs italic | Zubair
uuchan 2011/10/27
英字だと文字が変わってしまうのか。。

web制作

css
リンク
CSSでドロップダウンメニュー - CSSデザインノート
404 Not Found お探しのファイルは見つからないようです。お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
uuchan 2011/09/12
Webデザイン

css
リンク
CSSデザインカタログ
対応ブラウザは Windows‥InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac‥Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。便宜上，分類コード︵div011-hp，table010 など︶を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
uuchan 2011/09/12
css

webデザイン
リンク
「Adobe BrowserLab」で複数のブラウザを表示チェック | 主婦のもしもドロップシッピング
uuchan 2011/09/07
ブラウザ

css

ブログ
リンク
Dottoro Web Reference
The Dottoro Web Reference was created to promote the development of cross-browser web pages on all platforms. With this in view, Dottoro offers detailed language descriptions, browser support information, real life examples and where necessary, cross-browser solutions in CSS, HTML and JavaScript languages. We hope this will help you create modern and attractive websites. Complete HTML, CSS and Jav
uuchan 2011/08/17
Web

css

HTML

リファレンス
リンク
ASCII.jp：jQueryで作る多階層ドロップダウンメニュー｜Web制作の現場で使えるjQuery　UIデザイン入門
基本のドロップダウンメニューメインメニューにマウスカーソルを重ねると、すぐ下にサブメニューを表示するドロップダウン型メニューから作りましょう。サブメニューの1回層目までの表示に対応したメニューです。メニューバーのHTML／XHTML︵以下、HTML︶は以下のように記述します。メインメニューをul/li要素で記述し、メインメニューに対応するサブメニューをli要素の中にul/li要素で入れ子に記述していきます。メインメニューのul要素にはclass属性﹁menu﹂を、子カテゴリーのul要素にはclass属性﹁sub﹂を付けて親子関係を分かりやすくしておきます。 ▼サンプル01︵HTML部分︶ <ul class="menu"> <li><a href="#">メニューA</a> <ul class="sub"> <li><a href="#">サブメニューA</a></li> <li><a
uuchan 2011/07/20
HTML

web制作

CSS
リンク
[Think IT] 第1回：XHTMLの文書構造化とボックスモデル (1/3)
︻即実践！HTML+CSS︼テーブルレイアウトから脱出せよ！第1回‥XHTMLの文書構造化とボックスモデル著者‥米倉明男公開日‥2008/04/01︵火︶テーブルレイアウトとは HTMLコーディングの主流が、旧式のテーブルレイアウトからCSSレイアウトに変わり、大規模Webサイトを中心にXHTMLへの移行がひと段落した感があります。しかし、まだテープルレイアウトを用いたWebサイトが多いのも実情です。そこで本連載では、慣れ親しんだテーブルレイアウトからなかなか抜け出せない方向けに、CSSレイアウトへスムーズに移行をできるポイントを解説していきます。はじめにCSSレイアウトはHTML 4.01、XHTMLいずれのバージョンでも対応可能ですが、本記事ではXHTML 1.0を対象にCSSコーディングについて解説します。テーブルレイアウトとは、HTMLタグの1つである表組み<tab
uuchan 2011/07/13
HTML

css

Web
リンク
スタイルシート［CSS］/ボックス - TAG index
サイズ・背景 width: ***; height: ***; ボックスの大きさを指定する max-width: ***; min-width: ***; ボックスの最大幅と最小幅を指定する max-height: ***; min-height: ***; ボックスの最大の高さと最小の高さを指定する background-color: ***; ボックスの背景色を指定する background-image: url(***); ボックスの背景に画像を使う background-repeat: ***; 背景画像の並び方を指定する background-position: ***; 背景画像の表示位置を指定する background-attachment: fixed; 背景画像をスクロールさせない background: ***; 背景の設定をひとまとめに行うマージン・パディング ma
uuchan 2011/07/13
css

html
リンク
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ユーザーの閲覧環境がますます多様化！4月26日、ついに日本でもInternet Explorer︵以下、IE︶9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。IEのみならず、Firefox、Safari、Google Chrome︵以下、Chrome︶など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。そうした流れの中で、必然的に欠かすことができなくなる知識が、この﹁プログレッシブ・エンハンスメント﹂という概念です。プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
uuchan 2011/05/26
HTML

制作

ブラウザ

css

webデザイン
リンク
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE︵統合開発環境︶の一種です。ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの﹁ねこび〜ん﹂です。私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。私自身、NetBeans IDE を使うようになってからサ
uuchan 2011/05/11
netbeans

php

HTML

css

エディタ
リンク
アドビ、「CSS Regions」プロトタイプを公開
サンフランシスコ発--雑誌風のレイアウトツールをウェブパブリッシングにもたらそうとしているAdobe Systemsは米国時間5月9日夜、同社の提案するフォーマッティングテクノロジをウェブ開発者がテストできるよう、特別に設計されたブラウザのプロトタイプをリリースした。「CSS Regions」と呼ばれるこのテクノロジを利用すると、プログラマーはマルチカラムレイアウトを作成したり、テキストを多角形型に配置したり、テキスト表示エリアの中心にオブジェクトを配置したりすることができる。そうしたテクノロジは印刷出版の世界では何年も前から存在しているが、一般的にウェブからは欠落していた。雑誌や新聞がデジタルパブリッシング、とりわけAppleの「iPad」のようなタブレット上でのデジタルパブリッシングへ移行する中で、そうしたテクノロジの不在はますます顕著になってきている。このフォーマッティング機能が
uuchan 2011/05/11
CSSを書けない人でも自由にレイアウトができるようになるだろうか。（裏でぐちゃぐちゃになるのかもしれんけど。。）

adobe

css

webデザイン

web制作
リンク
http://e0166nt.com/blog-entry-862.html
uuchan 2011/04/06
css

webサービス

WEBデザイン

ジェネレータ

まとめ
リンク
ホントに助かるフリーのcssジェネレーターいろいろ
使えるcssのオンラインサービスが50個、Speckyboyで記事にされていたのでよさ気なものをいくつかご紹介します。全部良さそうなので気になる方はぜひ記事元を訪れてみてください。日本語のテキストで作成できるｃｓｓメニュージェネレーターは本当に助かります。 Grid Designer 2 細かい設定を行えてすぐに反映されるグリッドシステム。 Grid Designer 2 nP: Grid Generator グリッドを作成すると、ｃｓｓのソースも出してくれます。 nP: Grid Generator Dynamic 4 Column Layout Generator これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、ｃｓｓもＤＬ︵コピペ︶出来ます。 Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen
uuchan 2011/04/06
css

webデザイン

webサービス

ジェネレータ

まとめ
リンク
角丸やシャドウ作るジェネレータ。CSS3 Generator
Mendekati pertengahan tahun 2020 ini, berbagai jenis HP telah rilis di pasaran. Tahun ini adalah tahun yang besar bagi HP berkamera bagus, punya layar fleksibel dan sudah bisa koneksi 5G. Samsung membuktikan hal ini dengan…
uuchan 2011/04/06
CSS3

generator

webサービス

webデザイン

CSS
リンク
CSS 背景 & ボーダーモジュール Level 3
2011年2月15日付 W3C 勧告候補 (Candidate Recommendation) この版: http://www.w3.org/TR/2011/CR-css3-background-20110215 最新版: http://www.w3.org/TR/css3-background/ 前の版: http://www.w3.org/TR/2010/WD-css3-background-20100612 Editor: Bert Bos (W3C) Elika J. Etemad (Invited Expert) Brad Kemper (Invited Expert) Copyright © 2011 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use r
uuchan 2011/03/31
css

CSS3

翻訳
リンク
[使える CSS テクニック]CSSを使った見栄えの良い表組み（table） | バシャログ。
第6回目は﹁CSSを使った見栄えの良い表組み︵table︶﹂です。 Web サイトのレイアウトがすべてtableでコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。本来の﹁複数のデータを表示・比較の際にわかりやすいよう見せる表組み﹂のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>本体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<
uuchan 2011/02/10
HTML

CSS

WEBデザイン
リンク
1 2 次のページ