chromeとfirefox(IE)でdisplayが「table」のときborderの扱いが異なる 公開日:2019年3月1日 ウェブ あまり発生する現象ではないかと思いますが、「吹き出しをつける」などcssで装飾を行う場合に、起きる可能性が多少あるかなという事象です。 僕の場合は、装飾を加えて、かつ、テキストを垂直方向真ん中に表示したかった場合に起きま […] 続きを読む
javascript(jQuery)でhtmlやcss、javascriptのソースをコピーさせる 更新日:2019年4月25日 公開日:2019年2月26日 javascript WordPressのことやHTML・CSSやjavascript(jquery)のことを記事にしていると、ページ内で使用している html、css、javascript をそのままコピーさせたい場合があります。 今回ja […] 続きを読む
【使い方】javascript(jQuery)でhtmlやcss、javascriptのソースをコピーさせる 更新日:2022年1月11日 公開日:2019年2月22日 javascript WordPressのことやHTML・CSSやjavascript(jquery)のことを記事にしていると、ページ内で使用している html、css、javascript をそのままコピーさせたい場合があります。 今回ja […] 続きを読む
サイトで使用する画像の縦横比(アスペクト比) 公開日:2019年1月29日 ウェブ WordPressのテーマを新しいバージョンに変更しました。それに伴い、前バージョンで適応していた css や直接触っていたphpファイルなどを差分をチェックしながら、反映していました。 反映していると、アイキャッチ画像 […] 続きを読む
【HTML5】コンテンツモデル、使用可能タグを簡単に確認するツール 更新日:2022年1月11日 公開日:2018年11月21日 html HTML5では、カテゴリー・コンテンツモデルという概念が追加されました。 各要素はいずれかのカテゴリーに属しています(複数のカテゴリーに属す場合がほとんどです)。 そして、コンテンツモデルとはどのカテゴリーおよび要素を入 […] 続きを読む
Javascript(jQuery)でCSSと組み合わせて簡単にスマホ判定 更新日:2019年1月29日 公開日:2018年11月1日 ウェブ サイトを作っていると javascript(jQuery) の処理でスマホ判定をしたいことがよくあります。そのときにウィンドウ幅で判断したり、「navigator.userAgent」を利用して判定したりしていました。 […] 続きを読む
2018年11月。ブラウザのシェア率を確認。サイトの検証が必要なブラウザについて考える 更新日:2019年1月29日 公開日:2018年11月1日 ウェブ サイト作成をしているとブラウザチェックは欠かせません。5年前とかもう少し前ですとIEの対応に追われることが多々ありました。 今ですとIEの古いバージョンのサポートも終了したり、バージョンが最新に自動更新されたり、古いPC […] 続きを読む
SEO対策等を基準にメタタグ等の要否をまとめる 更新日:2019年1月29日 公開日:2018年10月17日 SEO対策 SEO対策について調べていきます。調べた結果を元になるべく不要なものは記述しないhtmlソースを考えていきます。 不要な記述は管理・メンテナンスの観点から出来るだけ減らす方が良いと考えています。 htmlのlang属性は […] 続きを読む
【HTML&CSS】ランキングやバナーのリストに使える!コピペするだけ! 更新日:2022年1月11日 公開日:2018年10月12日 コピペするだけでサイトを作る リストのhtml、cssのサンプルソースです。 コピペするだけで利用可能です。 こんな感じになります:画像(左)&テキスト(右) 画像とテキストのリスト左側が画像になっています。右側はタイトルとテキストとなっています。 […] 続きを読む
知っておくことで回避【SyntaxHighlighter Evolved】で「<」や「>」が「<」や「>」に変換されてしまう操作 更新日:2021年12月21日 公開日:2018年6月30日 Wordpressプラグイン SyntaxHighlighter Evolvedとは SyntaxHighlighter EvolvedはWPのプラグインでソースコードをきれいに表示してくれます。 html、css、php、javascript、その […] 続きを読む