タグ

htmlとweb制作に関するjed_leeのブックマーク (3)

  • ゴーストボタンと相性が良さそうなホバーエフェクト 10+ - NxWorld

    メモしていたものが溜まってきて一覧化したのでシェアします。 以前にもCSSのみでボタンデザインやホバーエフェクトを実装できるエントリーを書きましたが、今回はCSSのみで実装するゴーストボタンと相性が良さそうなホバーエフェクトのサンプルです。 もちろんゴーストボタンに限らず様々なタイプのボタンで使用でき、対応しているブラウザであればコピペで簡単に実装できると思うので、気になるエフェクトがあれば是非使ってみてください :) 閲覧の際にChromeまたはFirefoxで見てもらえるとほぼ問題なく動きの確認ができると思いますが、ブラウザによって動きや見栄えが説明と異なる場合があります。

    ゴーストボタンと相性が良さそうなホバーエフェクト 10+ - NxWorld
    jed_lee
    jed_lee 2015/05/22
    ゴーストボタンと相性が良さそうなhoverエフェクト。CSSのみなので軽量。
  • 6-cases-of-unwanted-spaces-in-page-layout-by-demosthenes.html#h202

    Mind The Gap: Six Causes of Unwanted Spaces In Page Layouts 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 デフォルトのスタイルが原因となる隙間 ボックスモデルが原因となる隙間 ブロック要素内のインライン要素にできる隙間 inline-blockが保持している隙間 DreamWeaverなどWYSIWYGエディタでできてしまう隙間 マージンとマージンの相殺が原因となる隙間 デフォルトのスタイルが原因となる隙間 HTMLを作成する際、スタイルシート無しでも読みやすいようにすることをWeb制作者は忘れがちです。これはすべての要素にブラウザがもつデフォルトのスタイルを上書きして、サイト用のスタイルを適用することを意味します。 ブラウザがもつデフォルトのスタイルとは例えば、パラグラフ

    6-cases-of-unwanted-spaces-in-page-layout-by-demosthenes.html#h202
    jed_lee
    jed_lee 2015/05/18
    CSSで、意図せずできてしまった隙間の原因と解決法。いくつか考えられることを1つ1つ思い出すよりも、載っている解決方法をもれなく試したかどうかまで切る方が楽そう。
  • Sublime Text 3 の便利ショートカットキー | ジョブテク

    ファイルの操作 ファイル名を検索して開く Windows:Ctrl+P Mac:Cmd+P 表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。 使用言語の指定 Windows:Ctrl+Shift+P Mac:Cmd+Shift+P 表示された入力欄に使用する言語名の一部を入力すると検索結果に「Set Syntax」が表示されるので選択します。 使用言語を指定することで言語にあった色分けや入力補完を表示してくれます。 文字の大きさを変える Windows:Ctrl+Shift++、Ctrl+- Mac:Cmd+Shift++、Cmd+- カーソルの操作 複数のカーソルを配置する Windows:Ctrl+クリック Mac:Cmd+クリック クリック位置にカーソルを配置し一度に複数個所を編集することができます。 ※下図のように複数個所に同じclass名を

    Sublime Text 3 の便利ショートカットキー | ジョブテク
    jed_lee
    jed_lee 2015/04/30
    よく忘れるSublime textのショートカットが載っているのでメモ。
  • 1