キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
![はてなブックマーク](https://cdn-ak-scissors.b.st-hatena.com/image/square/8256c09f11b6f28cf6cb0208febfe9b6e11b71e5/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.b.st-hatena.com%2Fentryimage%2F343668389-1503101784_l.jpg)
CSSの記述順序をまとめてみました。 おおまかなところはMozillaの順序をベースにし、それにW3Cの仕様書(CSS2 Specification)と僕のバイブルである『Web標準の教科書―XHTMLとCSSでつくる"正しい"Webサイト』での出現順序をミックスさせて、少し自分好みに並べ替えました。 使用頻度の低いプロパティは隠してありますので「**」のついている項目をクリックすれば表示されるようになっています。 ちなみにこのアコーディオンは、タブ形式で切り換えることにも対応できるように「よくある質問っぽいののjQueryを使ったサンプル」で紹介されているライブラリを使用させていただきました。 なお、qaTab.js の以下の部分の2行目と8行目に「.accord」を加えて、dt.accordだけがアコーディオンするように変えています。そうすれば、<dt>要素の次に<dd>がない場合でも
長いです。スミマセン。 17日(土)、CSS Nite Begginersに行ってきました。 サブテキストとして「現場のプロから学ぶ XHTML+CSS」が出版されており、 それを読んできた方がより内容が理解できますよーとのことでした。 購入したものの、ほとんど読まないまま持参したのですが、 内容はだいたい本に書かれていることプラスα、という感じだったので、 まぁ問題はありませんでした。 でも、いろいろ知らなかったことも聞けたし、いろんなデモも見せてもらったので、 なかなか見る機会のない、"人のやり方"を目にすることができて、それは収穫でした。 以下、知らなかったこと・改めて「なるほど」と思ったこと・気になったことなどのまとめ。 自分用の覚え書き的なものなので、誰がどの話をしたのかなどは省略します。 「それ教えたわ!」ということがあるかもしれません。先生ごめんなさい。 ■
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
2015年1月10日にジュンク堂書店池袋本店で開催された、2014年に発売されたコンピュータ書を振り返る座談会。その中で紹介された「2014年のすごいコンピュータ書総合ランキング」です。 出演:高橋征義(達人出版会、日本Rubyの会)、稲尾尚徳(技術評論社)、杉山聡(SBクリエイティブ)、村田純一(ビー・エヌ・エヌ新社)、森田尚(オーム社)、矢野耕次(オライリー・ジャパン)、敬称略。 1位 リーダブルコード (オライリージャパン) リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice) 作者: Dustin Boswell,Trevor Foucher,須藤功平,角征典出版社/メーカー: オライリージャパン発売日: 2012/06/23メディア: 単行本(ソフトカバー)購入: 68人 クリック: 1,802回この商品を含むブ
デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基本です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras
A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更+クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg
アドビ、Adobe IllustratorとAdobe Photoshopの強力な新機能を発表 クリエイティブプロフェッショナルに新たなデザインの可能性を提供 (PDF) 2024年7月24日 Adobe Foundationと国立美術館とのコラボレーションにより「Connecting Children with Museums」プロジェクトが実現 (PDF) 2024年7月16日 アドビ、フェイク情報への懸念と生成AIの影響についてのグローバル調査を実施 (PDF) 2024年6月25日 アドビ、PDFを再構築 AcrobatにAdobe Fireflyの機能を導入し、Acrobat AI Assistantで複数ドキュメントの対話型AI体験チャットをサポート (PDF) 2024年6月18日 アドビ、Adobe Experience Cloudの「2024 Japan Adobe Ad
はじめに Fireworksには画像やパスデータ、テキスト等のオブジェクトをシンボル化するという機能が搭載されています。 シンボル化はライブラリに登録され、ライブラリからいつでもキャンバスに配置することができます。 シンボルはキャンバスに配置するとインスタンスというオブジェクトになります。 オブジェクトのシンボル化は、制作作業に様々なメリットをもたらしてくれるのですが、中でも大きなメリットとして以下のようなものがあります。 インスタンスはオブジェクトのオリジナル情報を保持したままリサイズが可能 複数配置したインスタンスは一括修正が可能 今回はこの二つのメリットを利用したワークフローを紹介します。 必要ソフトウェア Fireworks CS4 体験版購入 1.オリジナルを大きめに用意することで、デザイン時の効率化や後々の変更対応の効率化を目指す 写真などのビットマップデータは、拡大・
フォームはWebのあらゆるところに登場します。しかし、多くの場合、フォームには基本的な要素の1つが欠けています。それは検証です。フォーム検証は、Webのユーザと開発者の両方にとって非常に重要です。ユーザは入力を間違ったときに明快な応答を受け取ることで指針が得られ、開発者は検証によってデータソースに間違ったデータが入るのを防ぐことができます。 フォーム検証にはいくつかの種類があります。最も頻繁に使用される種類の検証は、ユーザが必要なフィールドに正しい値を入力したことを確認するものです。その他の検証としては、ユーザが入力に使用できる文字と使用できない文字を指定するものや、ユーザが特定の形式(日付の場合の月/日/年など)でのみデータを入力できるようにするものなどがあります。 Adobe Dreamweaverは、Creative Suite 3でAdobe Spry framework for
Got something to say? Share your comments on this topic with other web professionals In: Columns > The Working Designer By Jesse Bennett-Chamberlain Published on March 20, 2007 US/Canada Border Officer: “Are you coming for business or pleasure sir?” Me: “Business” Officer: “What is the nature of your stay?” Me: “I’m a web developer and I’m meeting with a client in Oregon to discuss a project.” Bor
Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via email, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く