記事一覧

カテゴリー "web"の記事は46件あります

web

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

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

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

(さらに…)

web

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

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

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

(さらに…)

web

夏っぽいデザインを作るときに参考にしたい爽やかデザインと海やスイカなど夏にまつわる無料素材まとめ

summer_design

こんにちは!霙です(@xxmiz0rexx)
そろそろ日差しも強くなってきて、夏の足音が聞こえて参りました!!今年の梅雨は雨も少ないみたいだし嬉しいですね♡

今回の記事では、以前書いてとても好評だった春のデザインまとめの夏バージョンとして、わたしが個人的に収集している夏に関するオシャレなデザインや素材をご紹介したいと思います!

(さらに…)

web

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

stop_copying_me

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

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

(さらに…)

web

備忘録:Gmailで受け取った内容をGoogleスプレッドシートに自動で読み込んで管理する方法

gmailxspreedsheet

こんにちは!みぞれ(@xxmiz0rexx)です。
先日写真素材サイトを作ったとき、メールフォームから送られた『素材のリクエスト内容』が自動でGoogleスプレッドシートに入ったらラクだよな〜と思い、いろいろ調べて設定してみましたので備忘録がてら記事にまとめたいと思います。

(さらに…)

web

女の子による女の子な写真素材サイト『GIRLY DROP(通称:がりどろ/ガリドロ)』をリリースしました!キュンとくる写真すべて無料で利用できます!

GIRLYDROP

こんにちは!みぞれ(@xxmiz0rexx)です。
ここ半年くらいずっと「やりたいなー」と思っていたガーリーな写真素材サイトを、このたび本当にリリースすることになりました!
可愛くて雰囲気のある写真を取り扱っているので、是非サイトのメインビジュアルやブログのアイキャッチ、SNSのヘッダーなどに幅広くご利用いただければと思います(*´∨`*)

(さらに…)

web

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

Webインスペクタ

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

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

(さらに…)