タグ

Webデザインとtipsに関するmekanicalのブックマーク (3)

  • CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集 - かちびと.net

    cssHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション webkit系でもmozでもIEでもcssのみでグラデーションを実装。 Cross-Browser CSS Gradient ハック、テーブルも使用しないドロップダウンメニュー シンプルなドロップダウンメ

  • MdN Design|総合情報サイト

    いくつものツールを切り替えて使うとき、いちいちマウスを移動してクリックするのは意外とめんどうだ。1回の操作では大したことがなくても、何百回、何千回と同じ操作を繰り返すと、多大な作業負担になる。こういった場合は、キーボードのショートカットを活用しよう。ショートカットはシンボルやトゥイーンの作成などに利用しているケースが多いと思うが、実はツールの切り替えにも使える。 操作方法は簡単で、【1】【2】のように設定されている単一のキーを押すだけで即座にツールが切り替わる。設定されているキーが気に入らなければ、編集メニュー→“キーボードショートカット”から変更可能だc。筆者は、頻繁に使用する虫めがねツールのキーを、押しやすいZキーに変更している。ちなみに、各パネルのフィールドなどにフォーカスがある場合は、文字入力が優先されてしまいツールがうまく切り替わらない。このようなときは、ステージを1回クリックす

    MdN Design|総合情報サイト
  • できた!をかなえるチュートリアルマガジン DEKIMAGA(デキマガ)

    より持続可能で思いやりのある世界を追求する中で、植物ベースの事がグリーンリビング運動の極めて重要な側面として浮上しています。 動物性品よりも果物、野菜、穀物、ナッツ、種子を優先するこの生活の変化は、単なるトレンドではなく、環境、健康、倫理に大きなメリットをもたらす、深いライフスタイルの選択です。 植物ベースの事を採用することが環境に配慮した生活の基礎である理由と、それがどのようにして世界中に前向きな変化の波及効果をもたらすことができるのかを詳しく見てみましょう。 地球にとっての勝利 植物ベースの事に関する環境問題には説得力があります。 農業、特に肉や乳製品の生産は、温室効果ガスの排出、森林破壊、水の枯渇、生物多様性の損失の主な原因となっています。 植物ベースの品を選択することで、環境への影響を大幅に削減します。 植物は動物製品と比べて生産に必要な土地、水、エネルギーが少なくて済

  • 1