WEB スマホ表示時の記事タイトル左の空間を消す – Cocoon みるらいと
みるみさんという方の制作したみるらいとというCocoonスキンに乗り換えたのですが、スマホからブログトップ画面のインデックス表示を見た時に、記事タイトルの左に無駄に広いマージンがありました。 このオレ...
フロントエンド
WEB 
BLOG CSSで外部リンクにアイコンをつける – Font Awesome
外部リンクの語尾に、外部リンクだよってアイコンをつけます。 今回は、Font Awesomeアイコンを使ってCSSのみで実装する例です。 わし 初心者向けに書いたつもり！ だいぶ前に同じような記事を書...
BLOG 外部リンクにアイコンをつける – WordPress
新しく簡単にまとめた記事を書きました。CSSのみで実装する例です。 やること 記事内のリンクが外部リンクだったら、そのリンクのお尻に外部リンクアイコンをつける。 方法 WordPress管理画面＞外観...
WEB aタグでリロード – Location.reload()
やったこと index.htmlへのリンクを押してリロードっていう簡易的な手法をやめた。URLにindex.htmlが表示されてしまうのが嫌で。使用したのは、Location.reload()メソッド...
APPS HTML形式の署名を使う – Mac のメールアプリ
経緯 Macのアプリ「メール」で、HTML形式の署名を利用できるようにする。 まず署名編集画面の署名入力欄にはHTMLタグが打ち込めないことがわかった。タグを打ち込むとタグもそのまま署名に入って来てし...
DESIGN フラットデザインでよくある影を簡単にCSSコード化 – CSS
※ サービス終了したっぽいです アルゼンチンのUXディレクターJuani Ruiz Echazúさんが作成したWebアプリ、Long Shadows Generatorで複雑なドロップシャドウのCSS...
WEB 著作権情報を示したい時 – HTML
meta要素の中に <meta name="copyright" content="© 2015 - 2021 kobunata"> のように記述する。 コピーライトマークは © ...