Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSSで作る押したった感のあるボタン風リンク
GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた！
これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ [crayon-68fbdf58431e047…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSS／フォントサイズ「px、em、rem」の違いと変換表
px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-68fbdf58432eb624536540/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
HP・LP制作でいつか使うかもしれないCSSネタ
CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
関連するカテゴリの記事
CSS／フォントサイズ「px、em、rem」の違いと変換表
px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-68fbdf58432eb624536540/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
WordPressがハッキングされ管理画面が「403 Forbidden」エラーでログインできなくなった時にやったこと
2021年1月28日、クライアントのディレクターから「サイトがハッキングされました。見てもらえませんか？」と連絡を受けました。 そもそも僕がWordPressでサイト制作をしていたためだ。 ME 今回はこの件を解決したので、後学のための覚書として記録…
WordPressのフロントページから記事編集画面へジャンプできる「編集」リンクを設置
ME 自分のWordPressサイトを見ている時に、追記・修正したい時ってありますよね？ その時にいちいちダッシュボードにログインして記事を探して対応するのは面倒じゃないですか？ ME こういうのために記事詳細ページに以下の「編…
WordPress サイドバーのタイトルタグをH2からH3に一発で変更する方法
▼functions.phpに以下を記述するだけ if ( function_exists('register_sidebar') ) { register_sidebar(array( 'id' => 'sidebar-1', 'before_widget' =&…
WordPress 任意のテンプレートを読み込む方法
ME 複数のテンプレートに同じ共通パーツを利用する時には、共通テンプレートを用意して、それを読み込ませたほうが良いと思います。 多くの人がヘッダー・フッターを共通パーツにしているように、他のものでも共通パーツ化すると便利になります。 理由は以下の…
WordPress｜投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法
WordPressで投稿記事の公開日を最終更新日を表示させる方法を記します。 またSEO的にもベターな書き方なんかもご紹介します。 公開日と最終更新日の表示 ME まず、なにも考えずに表示だけさせる場合のご紹介。 テンプレート内に以下のよう書きます。 …
