Styling HTML Lists with CSS: Techniques and Resources — Smashing Magazine
In an online world now dominated by CSS layouts, CSS-styled HTML lists have become invaluable tools in a CSS developer’s toolbox, due to the HTML lists versatile and graphically flexible nature. All this despite some of the obvious browser inconsistencies that can affect the styling of the different types of lists available in HTML coding. If you’re new to CSS, this article should provide a good o
css-lecture.com - css lecture リソースおよび情報
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 のみで吹き出し
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
iPhoneサイトを構築しよう--第1回：iPhoneサイト構築で知っておきたい5項目 - builder by ZDNet Japan
先日、日本人開発者向けに「iPhone for Web Developers - Optimizing Web Applications and Content for iPhone」の日本語版にあたる、「iPhone向けWebアプリケーションとコンテンツの最適化」が公開された。日本でのiPhoneの発売は未定だが、先日発売されたiPod touchにはiPhoneにあるWebブラウジング機能が実装されている。共にブラウザはSafari 3が使われているので、文書はiPhone向けに書かれているが、日本でも文書に書かれているガイドラインを参考にしてiPod touchユーザー向けにモバイルコンテンツを配信することが可能というわけだ。（注釈1） ここで「モバイルコンテンツ」という言葉を書いたが、今までの携帯電話を対象にしたモバイルコンテンツと異なるところが、iPhone、iPod touch
iPhoneからのアクセスの場合にスタイルシートを切り替えたい場合 - Digital Gate
iPhoneからのアクセスの場合にスタイルシートを切り替えたい場合、動的なページか静的なページかによって、いくつかの方法が考えられる。 ■PHPやPerl等で動的に書き出している場合 $_SERVER['HTTP_USER_AGENT'] を取得して、「iPhone」や「iPod」が含まれるかによって書き出すヘッダを切り替えるようにするのが簡単。 「$_SERVER['HTTP_USER_AGENT']」を使ったサンプルサイト 『Digital Gate for iPhone』 http://iphone.digital-gate.com/ 上記URLをPCとiPhoneで開いてみると、レイアウトの違いが分かるはず。 ■htmlで公開している静的ページの場合 ★Javascriptを使用する方法 if (navigator.userAgent.indexOf('iPhone') != -1
How To Support Internet Explorer and Still Be Cutting Edge — Smashing Magazine
Everyone has been going on about how we should use CSS3 more and all of the possibilities and flexibility that come with it, but that we should still consider IE6 and other troubling browsers. But how do we actually do that? How do we create websites that are up to date with the latest coding techniques but that are also usable for people experiencing the Web on Internet Explorer? In this article,
モバイルサイトを作るときに参考になるサイト – creamu
Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。
Ultimate multi-column liquid layouts (em and pixel widths)
8 Feb 2022 — Updated 20 Mar 2023 Table of contents CSS Grid: Static 3 column Responsive 3 column Flexbox: Static 3 column Responsive 3 column Main content with left & right sidebars Padded boxes with headings Product feature comparison table Responsive Attributes: Static 3 column Responsive 3 column Responsive Columns: Static 3 column Responsive 3 column In this article, we'll explore various type
6 Useful Coding Solutions For Designers And Developers - Smashing Magazine
Let’s look at some clever techniques developed and used by top professionals in the Web design industry. We can use their examples to develop our own alternative solutions. This post is the the next installment of posts featuring “Useful Coding Solutions for Designers and Developers”, a series of posts focusing on unique and creative CSS/JavaScript-techniques being implemented by talented professi
2/3 CSSの両端揃え(均等割り付け)で行の右端も揃える方法 [ホームページ作成] All About
CSSの両端揃え(均等割り付け)で行の右端も揃える方法(2ページ目)HTMLに記述したテキストをCSSで両端揃え(均等割り付け)にする方法を解説。行揃え方法を指定するtext-alignプロパティに、両端揃えを示す値「justify」を指定するだけで、各行の左端だけではなく右端もきれいに揃えられます。ただし、IEとEdgeではtext-justifyプロパティを併用する必要があります。 text-alignプロパティを使って文章を両端揃え(均等割り付け)にする方法 CSSのtext-alignプロパティは、行揃えの位置(＝行内にある文字や画像の配置)を調整するプロパティです。「左寄せ」・「中央寄せ(センタリング)」・「右寄せ」で表示させる目的で頻繁に使用されているでしょう。このtext-alignプロパティには「justify」という値も指定でき、これを指定すると両端揃え(均等割り付け)で
![2/3 CSSの両端揃え(均等割り付け)で行の右端も揃える方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed758139bd125c19e01d16b283f3ae48f3059a4f/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F4%2F0%2F0%2F9%2F201602161123%2Ftopimg_original.png)
Firefox 3.6以降でＭＳ Ｐゴシックを無効にする
CSSの@font-faceではユーザーがインストールしていないフォントをウェブ上に用意してやりそれをダウンロードさせてページ上で利用することを主眼としているが、ローカルのフォントを置換、つまりＭＳ Ｐゴシックをメイリオに置換するなどということもできる。Firefoxでは3.6から可能になった(Beta版でももちろん可能)。ユーザー・スタイルシートでの利用が中心になると思う。 ＭＳ Ｐゴシックをメイリオに置換する場合は以下のようにuserContent.cssに記述する(userChrome.cssではない)。 @font-face { font-family: "ＭＳ Ｐゴシック"; src: local("メイリオ"), local("Meiryo"), local("ＭＳ Ｐゴシック"); } @font-face { font-family: "MS PGothic"; src:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://aext.net/2009/12/incredible-drop-down-menu-solution-with-css-only/
Oldest Design Galleries | Most Inspired: Design Inspiration Blog
CSSのオンライン圧縮ツール色々:phpspot開発日誌
http://www.css-lecture.com/log/css3/css3-border-radius.html
http://webanthology.net/23-pure-css-effectssolutions-to-make-javascript-angry/2009/11/26/
border-width を取得／設定するときに気をつけること
text-align: justify （IE8で反映される）
http://aext.net/2009/11/bubble-effect-with-css/