[B! css][Webデザイン] uuchanのブックマーク

uuchan id:uuchan

cssとWebデザインに関するuuchanのブックマーク (17)

いまさら聞けない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デザイン
リンク
ブラウザ上で複雑なレイアウトが作れる「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でドロップダウンメニュー - 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デザイン
リンク
クロスブラウザはもう古い！ 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デザイン
リンク
アドビ、「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 テクニック]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デザイン
リンク
WebサイトをiPhoneで見やすくする5つの方法
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 &amp;amp;amp;amp;amp;lt;link rel
uuchan 2010/11/16
iPhone

web制作

css

webデザイン
リンク
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.
uuchan 2010/10/27
css

webデザイン

Webサービス
リンク
floatしたdivの高さを揃える « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
tableレイアウトからdivのfloatによるレイアウトに変更した際に、デザイン面で困ることがいくつかありますが、その1つが、floatしたdivの高さが揃わないこと。 floatしたそれぞれのdivに背景画像や背景色を設定していたり、borderでラインを入れている場合など、高さが揃わないため、情報量が少ないdivの下に隙間が空いてしまいます。そういった問題を解決する方法です。サンプル floatしたdivの高さを揃える　高さが可変（別ウィンドウで表示） floatしたdivの高さを揃える　高さ画面いっぱい（別ウィンドウで表示）ソース（高さが可変） floatされたdivの中で、もっとも高さがあるものに他のdivの高さも合わせる場合です。 float解除用のclass="cl"についてはfloat解除を参照してください。 html,body { margin: 0; paddin
uuchan 2010/08/11
css

webデザイン

float
リンク
http://www.designwalker.com/2010/05/css3.html
uuchan 2010/05/19
web制作

webデザイン

まとめ

css
リンク
| test
mameshibankさん豆柴日和 amecustomさんアメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開！ jade-taさん脚本家によろしく。 nisishowさんリフォームで地域社会に貢献 ringo417-maさん ★ 月に負け犬 ★ cairさん広報＆IR担当のオフィシャルブログ shikamaさん千葉の東京寄りでホームページ制作＆企画・運用中！ saijoさん経営に終わりはない nina-yuanbeauteさん芳村仁奈オフィシャルブログ「Nina's Diary」Powered by Ameba frontier-ceo-bossさんフロンティア社長オフィシャルブログ Powered by Ameba ohtias-ceoさんソーエネ×オーチアス社長 alfortさん念ずれば花ひらく「会社経営」
uuchan 2010/04/30
Web

CSS

web制作

webデザイン
リンク
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。まずは知識不要でタブが簡単に作成できる﹁CSS Tab Designer﹂。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
uuchan 2010/04/13
今更だけど。。

css

ajax

webデザイン
リンク
CSSビギナーに気をつけてほしい5つのポイント | コリス
スタイルシートは、複数の人間が携わる場合は当然のことながら、自分一人の場合でも長期にわたり携わることがあるので、分かりやすくクリーンなものにしておきたいものです。スタイルシートを適切に使用し、そして管理しやすくする5つのポイントをSoh Tanakaから紹介します。 CSS Beginners Do's and Dont's Part 2 下記は各ポイントを意訳したものです。 1. classとidは適切に使用するビギナーは新しいclassをどんどん作成してしまう傾向があります。冗長なものや不必要なclassやidはCSS 本来の目的からはずれるものです。 CSSの美しさはデザインをマークアップから切り離すことにあり、それを許すということです。またclassやidを最小限にすることで負荷を減らすことにも繋がります。 Bad p要素それぞれに全て個別のclassを使用しています。 <tex
uuchan 2010/03/25
web制作

css

webデザイン
リンク
1