Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSS｜テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-6a05e99304ca5688316386/] ▼例：以下のようなことがでけました。 …
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた！
これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ [crayon-6a05e99304d8d09…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSS テーブルの列幅を均等にする
CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-6a05e99304e80811980261/]
HP・LP制作でいつか使うかもしれないCSSネタ
CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
関連するカテゴリの記事
WordPressでサイト制作をする時のメモ
WordPressでサイト制作を依頼された時に最低限チェックしておいた方が良いことを自分用にまとめました。 マストな設定 ・Googleアナリティスク＆サーチコンソール ・バックアップ ・SSL ・メタディスクリプション ・OGP ・PING設定 クライア…
WordPress｜アイキャッチ画像のAlt（代替テキスト）に記事タイトルを設定する方法
ME WordPressのアイキャッチ画像のAltタグ（代替テキスト）に記事タイトルを自動取得する方法を紹介しまっす！ Alt（代替テキスト）を設置する理由 ME 僕がこのようなことをする理由は、ズバリ！SEO対策です。 …
WordPress｜1週間後に新規サイト/LPをリリースしたいと言われても対応できる準備と制作の流れ
クライアント様の要望で新規サイトまたはLP（ランディングページ）を「1週間後にリリースしたい！」ということがあります。 そんな時のために僕が準備・用意していることや制作の流れをご紹介します。 前提 ・依頼を受けて1週間後にリリース ・WordPressで制作 ・…
CSSのみでモーダルウィンドウを作ってみた！
このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
WordPress – foreach文で最初の１件目だけ表示を変える方法
ME 投稿一覧の最初の1件目だけ以下のようにしたいってことありませんか？ ・サムネイル画像を大きくしたい ・カラムサイズを変えたい ・フォントサイズを変えたい ・単純に目立つようにしたい こんな時に使えるWordPress Tipsをご紹介！ …
WordPress｜投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法
WordPressで投稿記事の公開日を最終更新日を表示させる方法を記します。 またSEO的にもベターな書き方なんかもご紹介します。 公開日と最終更新日の表示 ME まず、なにも考えずに表示だけさせる場合のご紹介。 テンプレート内に以下のよう書きます。 …
