記事一覧

タグ "css"が含まれる記事は11件あります

web

jQueryいらず!スクロールについてくるCSS『position:sticky;』の使い方と、ついてこない時の対処法

ブラウザがどんどん新しくなっていく昨今。以前はjQueryを使っていたような事も、CSSだけで対応可能になってきましたね!

最近わたしが使うようになったCSSで、position:sticky;という便利なものがあるので、まだ知らない人にご紹介したいと思います。

(さらに…)

web

数年前Sassに手を出してからそのまま使い続けている人に朗報。2017年、ナウで便利なSass環境はコレだッ!!という本が出たよ。

こんにちは!Sassは大好きだけど黒い画面が嫌いで環境を放置しまくっていたポンコツのみぞれ(@xxmiz0rexx)です。

もうめんどいのでCodeKitにすべてを委ねていたりもしましたが、やっぱりさ…どう考えてもGulpって便利なんだよね…PostCSSってめちゃんこ良さそうなんだよね…という私と私みたいなあなたに朗報すぎる本が出たようです。

(さらに…)

web

誰にでも起こりうる…サイトをリアルタイムでミラーリングされて検索上位を奪われたお話[不正コピー、ダメ。ゼッタイ]

stop_copying_me

こんにちは!みぞれ(@xxmiz0rexx)です。
たまに見かける「記事の内容を丸ごとコピーされた!」という嘆き。

「大変だなぁ…」なんて眺めていた私ですが、今回なんと記事の文章どころか、サイトが丸ごと不正コピーされる(URL以外で判別がつかない)というとんでもない被害に遭いましたので、私が行った対処法をまとめておきます。

(さらに…)

web

[Web制作]iPhoneサイトで表示崩れが発生した時、実機とMacを繋いでWebインスペクタ機能でデバッグする方法

Webインスペクタ

こんにちは、霙(@xxmiz0rexx)です。
スマートフォンサイトを制作している時、たまーに困ることがあります。
それは、実機でしか再現しない表示崩れ。

Macでみた時は大丈夫だったのに、何故かiPhoneでは謎の余白が…なんてことが先日もありまして、
解決のためにSafariのWebインスペクタ機能を使ってみましたので使い方をメモしたいと思います。

(さらに…)

web

話題の『Sassの教科書』を読みながら、わたしもSassを導入してみました[書評と感想]

sass

こんにちは、霙(@xxmiz0rexx)です。
このたび著者の平澤さん森田さんに『Web制作者のためのSassの教科書』をご恵贈していただいたので、思い切ってSassに挑戦してみました♪

これからやってみようかな?という人の参考になればと思い、書評プラスSassの使用感を記事にしたいと思います。

(さらに…)

wordpress

WordPress管理画面にオリジナルメニューを追加した時の手順メモ

前回もちらっとメモしたんですが、
もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。
オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますw

(さらに…)

jQuery

jQueryを使ってIE6でもリンクファイルの拡張子ごとにアイコンを表示させる方法。

リンクをクリックした時、ゆっくりと、そして心なしかドヤ顔でpdfが開き始めたら
「あんたバカァ?!」と思いませんか。私は思います。
そんな事態を防ぐには、リンクの横にアイコンを表示させておけばバッチリです。
今回はそれをCSS3ではなくjQueryセレクタを使って再現してみました。

(さらに…)

web

IE6にも対応させました!スクロールしてもついてくるソーシャルボックス

こんにちは、霙です。
先日公開しご好評いただいたソーシャルボックスたんですが、実はIE6非対応でした。
世の中には、私のようにIEの存在を完全に無視している方は少数派のようですので、
CSSを書き加えるだけでIE6でも動くコードをご紹介致します。

(さらに…)