フロントエンド

WEB

スマホ表示時の記事タイトル左の空間を消す – Cocoon みるらいと

みるみさんという方の制作したみるらいとというCocoonスキンに乗り換えたのですが、スマホからブログトップ画面のインデックス表示を見た時に、記事タイトルの左に無駄に広いマージンがありました。 このオレ...
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"> のように記述する。 コピーライトマークは © ...
広告