CSSとwebに関するmacha1990のブックマーク (6)

  • ロールオーバーをCSSで実現する

    #myButton a { display: block; overflow: hidden; height: 0px; width: 100px; background-image: url(img/tip007_1.jpg); padding-top: 30px; text-align: center; margin: 10px 50px; } #myButton a:hover { background-image: url(img/tip007_2.jpg); } 2行目:指定要素がブロックレベルで表示されるようにします 3行目:ボックスの範囲内に内容が入りきらない場合に、はみ出た部分を表示しないようにします 4行目:高さを 0px にします(これは後の指定で上余白を画像の高さ分取るためです) 5行目:画像の幅を指定します 6行目:背景画像を指定します 7行目:上余白を画像の高さに

    macha1990
    macha1990 2012/05/30
    JavascriptなしCSSでのロールオーバー実現。
  • WEBサイトカッコイイ|かっこいいWEBサイトのリンク集。

    新運輸株式会社 株式会社船津工務店 株式会社山田組 採用サイト 株式会社リプライオリティ 西野建設工業株式会社 河合電器製作所 JPホールディングスグループ リクルートサイト 塩田家具 リヴリア PLATFORM Casa採用情報 Ready Crew madameFIGARO.jp RITA GROUP 大人のための数学・物理・統計教室 豆乳アイス、はじめました。 フォーサイト総合法律事務所 QJWeb 株式会社ジーピーオンライン インフォメーションメディアデザイン株式会社 ひよけ寿司・和処ひよけ家 brand name 鴻池組 - 新卒採用サイト 電音部 UNLEASH RYUTist いちから株式会社 株式会社エートゥジェイ 鬼怒川金谷ホテル F-FURNITURE 採用情報サイト | 株式会社カデックス 株式会社ミキハウストレード 東京睡眠代謝クリニック新宿 江古田まさ動物病院

    macha1990
    macha1990 2012/05/16
    WEB制作のまとめサイト。採用情報も地域ごとにあり。
  • 初心者さんのためのWebサイト制作に役立つリンク集

    2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください!」との声が多いのですが、日のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください! ↑私が10年以上利用している会計ソフト! Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため?何のため?Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム(Webサイトのレイアウト)を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

    初心者さんのためのWebサイト制作に役立つリンク集
  • [CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix

    A new micro clearfix hack デモページ [ad#ad-2] 「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもので、当サイトでもいくつか紹介してきました。 今回紹介するのは、スタイルシートの量を更に減らし(class名も短く)した「micro clearfix」です。 この新しいclearfixの対応ブラウザは、下記の通りです。 Firefox 2+ Safari 2+ Chrome Opera 9.27+ IE 6+, IE Mac IE6 にも対応しているのは嬉しいところです。

  • CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ

    Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS

  • コリス

    ページは、アフィリエイト広告を利用しています。 🙏ソシム社大感謝祭🙏 Kindle特大セールが開催しています!! このセールを待っていた人も多いと思います! 今年発売された新刊をはじめ、ベストセラーのデザイン書も55%オフ。当ブログで紹介した書籍も多数あり、どれもお勧めです。 セール期間は7/31まで。 ソシム社のセールは貴重なので、気になっていた書籍は迷わず買いです!

    コリス
  • 1