htmlでform内にセレクトボックスを作るとき、オプションタグの最初の項目を 「選択してください」 というような表記にすることはよくありますが、 これをデフォルトでは選択済みで表示されている状態ですが セレクトボックス […]
最近ではすっかりFlexboxでカラム組みをするようになりましたね。 floatでカラム組みをしていたのが懐かしい…笑 さてFlexboxで便利なjustify-contentでのspace-betweenやspace- […]
cron(クーロン)とは cron(クーロン)とは指示した時間に自動でプログラムを動かしてくれるプログラムです。 バックアップを取ったり、集計したり、ファイルを定期的に削除したりする時に便利です。 毎月、毎週、毎日など回 […]
新規公開であれば問題はないことが多いですが、 別サーバーなどで開発をしていて、改修分を本番公開するときなど すでに公開しているサイトで利用しているユーザーがいる場合には、 データの不整合など不具合が出てしまうため、ユーザ […]
こんにちは、エリーです。 webページで丸数字を表示したいけど、機種依存文字なので文字化けしてしまう。 そんなときには「数値文字参照」という方法で表示することができます。 ちなみに丸数字とは ①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭ […]
今回はコピペしてすぐに使える、 CSSのみで作る「>」のような矢印ボタンをご紹介します。 矢印がつくことによって、ボタンだということがよりわかりやすくなりますね。 応用編としてマウスオーバーで矢印が動くアニメーションの設 […]
webサイトの制作や運営をしていて、バナーやキャンペーン、イベントなどの情報を期間限定で表示したい! というのはよくありますね。 今回はほぼコピペで使える期間限定表示PHPをご紹介します。 PHPが動くサーバーであれば、 […]
グラフィックデザイナーでは当たり前のように字詰(カーニング)していましたが、WEBで字詰をしようと思ったら画像化したテキストじゃないと… そんなことは昔のこと。 いまやCSSをたった一行書くだけで字詰ができるようになりま […]
デザインのエレメントとして吹き出しはよく使いますよね。 今回はレスポンシブ対応のシンプルで使いやすい吹き出しを、そのままコピペで使えるようにしました。 必要に応じて、フォントサイズや背景、幅などを変更して応用してみてくだ […]
ロゴやタイトル、ちょっとした装飾におしゃれな欧文(英語)フォントを使いたい! というシーンってありますよね。 今回は数多くの欧文(英語)書体を無料で配布している海外のサイトを厳選してご紹介します。 また海外サイトは英語で […]