ホームページ制作系 HTMLとCSSのコード添削を自動でするプログラムを作ってみた
Web制作でHTMLを修正した際、不要なCSSが残ったり、逆にクラスを書き忘れたりすることはありませんか？この記事では、Rubyを使ってHTMLファイルとCSSファイルを照合し、クラスの不整合を自動で抽出するスクリプトを紹介します。（スクリ...
ホームページ制作系
ホームページ制作系 
ホームページ制作系 ワードプレスのサイトが改ざんされていないかチェックする
衝撃的な記事を見つけたよこんな記事を見つけたよ。放置された“野良サイト”が狙われる！ WordPress改ざん傾向の変化と事例解説Web担当者Forum・・・怖いなぁ。以前に勤めていた学校、サイト乗っ取られたことあるんだよね。今は対策してる...
ホームページ制作系 さくらサーバーって難しいね(個人的感想)
サイトが表示されなくなったらしい事件がおきた。（毎回、困った時しか連絡してこない＝都合のいい人ってことで、そのうち連絡つかなくなるかもよ？）状況の確認さくらの レンタルサーバーを契約すると自動で付くURL「example.sakura.ne...
ホームページ制作系 画像の特定の位置にリンク画像を置く
サンプルデータこういうやつです。（別画面で開きます）⇒ 画像の上にピン（リンク画像）を置くデータ見た方が分かると思うので ⇒ サンプルデータ（gazou-no-ue-ni-pin-link.zip）いろんな書き方があるので、よかったら参考に...
ホームページ制作系 PCでは改行、スマホでは改行をなくしたい
PCでは改行したいが、スマホで見た時には改行したくない。いろんなやり方があるので、参考として。PCは改行、スマホで改行を消す▼HTML PCは改行、スマホで改行を消す（横幅767px以下の場合だけ改行を消す）<p> 山路を登りながら、こう考...
ホームページ制作系 ページ内リンクのリンク先に上余白をつくる
ページ内リンクをしたときの、ちょっとした違い。リンク先に飛んだ時、見出しの上の余白の違いを見比べてみてほしい。⇒ ページ内リンク、リンク先の上に余白なし⇒ ページ内リンク、リンク先の上に余白あり⇒ ページ内リンク、リンク先の上に余白あり＋メ...
ホームページ制作系 Xサーバーでワードプレスサイトから、HTMLサイトにする時の注意点
私の数少ない貴重なクライアントさんから「オシャレなサイトにリニューアルしたい」という希望があった。私よりクラスの生徒さんたちのほうがセンスあるからねってことで、企業様にプレゼンをしてもらう。で、某チームのHTMLサイトに決定し、Xサーバーの...
ホームページ制作系 検証ツール
グーグルクロームで、見たいサイトの「画面のなにもないところ」で、右クリック表示する場所を好みで設定設定を一部変更しておこう。ブラウザは通常、表示を早くするために画面を覚えている（キャッシュ）そのため、検証ツールを使っているとき「デザインを新...
ホームページ制作系 Xサーバー サイトにパスワードをかけたい
自分が作ったサイトにパスワードをかけたい、いわゆるアクセス制限なんですが、やり方をよく忘れるので。▼ エックスサーバーをブラウザググって、ログイン▼ パスワードをかけたいサーバーサイトが入っているサーバーを選んで「サーバー管理」▼ サーバー...
ホームページ制作系 どこのサーバーを使っているか調べる＋Whoisを見る
エックスサーバーから、他社にドメイン移管をすることになって、けっこう大変なんよ。（まだ終わってないｗ）今回、移管先はヘテムル。移管先のご担当者様「我々、がんばってますよね！」と言っていて、ほんまそれｗどこのサーバーを使っているか調べる先にデ...