記事一覧

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

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でも動くコードをご紹介致します。

(さらに…)

web

スクロールしてもついてくる!ブログにソーシャルボックスをつけよう。

こんにちは、霙です。
ウェビメモ製作時に、ページをどんなにスクロールしても横にくっついて来るソーシャルボックスを作りました。

コードを教えて欲しいという方がいたので、他の方にも需要あるかな?と思い、記事にしてみました:)
自分のサイトに使いたい方はコピペしてご自由にどうぞ!
IE6対応版にはこちら

(さらに…)