![http://www.designwalker.com/2009/01/speedup.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/485d0adb8a6a85470de504f49c10146368eb8be5/height=288;version=1;width=512/https%3A%2F%2Fwww.designwalker.com%2Fwp-content%2Fuploads%2F2017%2F12%2F01-6.gif)
前回ご好評をいただいた「使えるCSSテクニック」ですが、 今回は「使えるCSSテクニック Vol.2」として弊社デザイナーから前回同様、WEB制作で使えるCSSテクニックをご紹介していきます。 第1回は、エラスティックレイアウトについてです。 WEBサイトレイアウトでは以下のレイアウトが基本となっています。 固定(ソリッド)レイアウト 名前のとおり、横幅固定のレイアウトです。特に説明する必要もありませんね。 可変(リキッド)レイアウト ブラウザのウィンドウサイズに合わせて、伸縮するレイアウト手法です。エラスティックレイアウトも、可変レイアウトの一種になります。 前置きはこの辺で。 エラスティックレイアウトについて エラスティック【 elastic 】には、ゴムひも・しなやかな・伸び縮みするという意味があります。 ここで言うエラスティックは「伸び縮みする」という表現が一番近く、文字サイズの変
現場でバリバリコーディングをしている当ブログの執筆陣が、ちょっと使える CSS のテクニックをご紹介する短期集中連載企画。全 10 回の予定でお送りします。 第 1 回目は「ブラウザのデフォルトスタイルをリセットする」です。 ほんの 1~2 年前までは「*(ユニバーサルセレクタ)」を使って以下のようにブラウザのデフォルトスタイルをリセットするのが主流でした。 * { margin: 0; padding: 0; border: none; list-style-type: none; font-style: normal; font-weight: normal; font-size: 100%; text-align: left; } ただ、全要素のスタイルを無条件でリセットしてしまうと、input 要素や button 要素などフォーム周りの要素の表示にまで影響が及ぶ事から、既にユニバ
The CSS Text Wrapper allows you to generate HTML and CSS to wrap text on your website into any shape.Examples Not Just Rectangles Anymore The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code
要素名に続けて [ ] を記述して、その中で属性名や属性値を指定します。 span[title] { border-bottom: 1px #c0c0c0 dashed; } 上記の例では、title属性が指定されたspan要素にのみ、スタイルが適用されることになります。 また、次のように複数の属性セレクタを指定することもできます。 a[href][title] { background-color: #e0e0e0; } 上記の例では、href属性とtitle属性が指定されたa要素にのみ、スタイルが適用されることになります。 要素名[属性名] で指定すると、そのタイプの要素のうち、指定した属性を持つ要素にのみスタイルが適用されます。 cite[title] { border-bottom: 1px #c0c0c0 dashed; } 次の例では、title属性が指定されたcite要素にの
CSSスタイルのWebデザインに困ったら、『CSS galleries』がおすすめだ。 このサイトでは、優れたCSSサイトをたくさん集めている。制作者がWebデザイナーということで、デザイン的にも優れたサイトが集まっているのが特長だ。 「Webデザインのインスピレーションに」ということをコンセプトとしている。 人のアイディア、インスピレーションのもとになるサイト、何か作ってみたいですね。 制作者のブログもとてもポップでかっこいいものになっている。 » nick dunn nick dunnはUKのデザイナーということで、やっぱりUKは独特のポップなセンスを感じますね。はやくUKには行っておかないと。 ちょっといろんなことを振り返り中。バランスを崩していたので、取り戻しながら頑張ります。
Open Source Website Templates brings you some of the best designers to showcase their free website template designs. Our Mission at Open Source Website Templates is to provide the highest quality, carefully selected free CSS and XHTML web templates available for your use. We encourage the use of our templates for business, personal, and non-profit websites. Because of our love for the environment
フォント,テキスト関連のプロパティ ブラウザに表示する文字の大きさや色をfontタグの属性として指定することは広く行われていますが,W3Cではfontタグは非推奨になっています。これからはこうした属性は,CSSのプロパティを使って指定するのが望ましいでしょう。 フォント関連 font-family ・字体を指定する ・書式 { font-family: "family-name", generic-family } ・主な値 family-name:MS P明朝,Courierなど generic-family:serif,sans-serif,cursive,fantasy,monospace(等間隔)など。値は""で囲まないこと font-size ・大きさを指定する ・主な値 ○px(ピクセル数),xx-small,x-small,medium,large,x-large,xx-la
HD is On (when possible), No Searchbar, No Annotations!
Slot de 9Coins Como jogador que adora a emoção das slot machines, posso dizer com segurança que elas continuam a ser a melhor escolha para entretenimento, quer jogue num casino real ou online. Entre a enorme seleção de slots disponíveis, o slot 9 Coins rapidamente se tornou um dos meus favoritos devido às suas características únicas e jogabilidade simples. Jogar agora Como jogar no slot 9Coins Qua
aphpkb レビュー インストール インストール設定は珍しくコマンドラインから行います。 (クリックすると拡大します) トップ画面 トップ画面です。 (クリックすると拡大します) 一覧 記事やコメントの一覧です。 (クリックすると拡大します) メンテナンス カテゴリの追加や編集を行います。 (クリックすると拡大します) リンク リンク編集、追加画面です。 (クリックすると拡大します) 記事追加 記事追加入力画面です。 (クリックすると拡大します) 管理画面ではペンディングになっています。 (クリックすると拡大します) 認証しました。 (クリックすると拡大します) トップ画面にアクセスすると表示されるようになります。 (クリックすると拡大します) 投票も可能です。 (クリックすると拡大します) 検索 検索結果ページです。 (クリックすると拡大します) 質問 質問入力画面です。 (クリックす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く