CSS(スタイルシート)の基本、小技、テクニック総まとめ
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
30代からのwebデザイナーになることは可能か？ 人生相談にこたえてみました。
30代からのwebデザイナーになることは可能か？ 人生相談にこたえてみました。 2013.10.02 | 初心者向け | 相談 | 考える。 ども、WP−DPurpleことメガネことmgn大串です。 人生相談を続々と頂いております、今日はその中から一つにみんなで答えてみましたー。 WP-Dの執筆陣構成は、だいたいフリーと社員とが半々ぐらいです。でも新卒で一つの会社にはいったまま来ている人は少なめで、いろいろ渡り歩いて現在WEBの仕事をしているという人が多い印象です。それぞれ人生いろいろなところもかいま見られますよ。 なかなかの長文ですが、とてもよいコンテンツになったと思いますので。ぜひお読み下さい。そして自分はこうだよーといったご意見もおまちしておりますー。 寄せられた相談 題名: 30代からのwebデザイナー メッセージ本文: はじめましてこんにちは、 ◯◯◯◯と申します。よろしくお願い
CSSで文書の段組表現を行うcolumnプロパティの使い方
CSSレイアウトやってると段組もボックス並べてやっつけちゃいたくなりますが、一連の文書を段組にそって記述するために途中でぶった切ってボックスまたいで書くのは面倒くさいし記述の方法としてももなんか変です。 というわけでビジュアルじゃなくて文書読ませるのに段組をするプロパティのご紹介。 段組にすると視線の横移動が少なくて済むお題のHTMLはこちら。 <div> <p>上海のある家の2階で、占い師をやっているインド人の老婆が、アメリカ人の商人と話し合っていた。商人は戦争で大儲けをする為に、日米戦争がいつ頃起こるのかを占って欲しいと頼む。始めは渋っていた老婆だが、前金として小切手をもらうと愛想が良くなり、自分にはアグニの神がついているから占いは絶対に外れないと言って引き受ける。商人が帰ると老婆は家にいる一人の少女を呼びつけ、今夜アグニの神にお伺いをたてるなどと話す。</p> <p>丁度その時、下の
トップページ | 短期間でCSSなどのウェブスキルを学ぶなら、allWebクリエイター塾
世界のフロンエンド技術を学ぶ UX、UI、レスポンシブWebデザインまで、最新のフロントエンド技術をトータルに学んでいただきます 世界のUX企業である「ノーマンニールセン」の資格を持つ講師から、UXの基本、UI設計、HTML5の基本からFlexboxなどの最新のレイアウトプロパティを利用したサイト制作技術を学ぶことができます。 制作効率を上げるツールやノウハウを提供 効率よく運用&構築するためのツール、チーム開発のためのコミュニケーションツールの利用方法も学べます 制作効率を上げるためのツール、バージョン管理ツール、現場の仕事がスムーズにできるコミュニティツールなど各種ツールを知ることができます。 インデックスされやすい、流入の多いサイト制作を学ぶ ユーザーニーズにリードできるサイト構築が学べます ユーザーリードを獲得しやすいリッチスニペットの導入、パフォーマンスの良いサイト制作など、Go
HTML5/CSS3のニュースやTIPSなどのまとめ (2012年9月23日)
QUEENの曲を細かく区切り、いろいろなソートをして再生できるデモ。Web Audioっぽい (英語)
Facebook風ボタンをCSS3でデザイン·CSS3 Facebook Buttons MOONGIFT
CSS3 Facebook ButtonsはCSS3で作られたFacebook風ボタンデザインです。 最近はFacebookアプリの開発も増えてきました。そんな開発の際に使えそうなのがCSS3 Facebook Buttons、Facebook風ボタンをCSS3で作成したソフトウェアです。 色は3種類から選択できるようです。 classを指定するだけ。使い方は簡単です。 サイズが少し大きいバージョンです。 classにlargeをつけるだけです。こちらも簡単です。 グループ化です。こちらも需要がありそうです。 div.uibutton-groupをつけるだけです。 こんな感じに混ぜた表示もできます。 ツールバーという指定を使います。 アイコン付き表示もあります。これは便利そう。 addやeditといったclassをつけるだけ。簡単です。 色付きボタンはもちろん、大きさやアイコンをつけたボタ
『2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来』に参加してきた #html5semi - Diary of absj31
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真：神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト１F大会議室＠神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった！(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
Take Your Design To The Next Level With CSS3 — Smashing Magazine
Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it’s clear that we are a thousand miles away from that era. It is quite remarkable how much Web development has evolved over the years, in a way we would never have imagined then. So why is it that, when it comes to CSS,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
CSS Nite LP9 連動 第2回コーディングコンテスト