タグ

ブックマーク / ferret-plus.com (3)

  • コーディング初心者こそ知っておきたい便利な「CSS関数」5選

    HTMLCSSでホームページのデザインを行うことを、一般的には「プログラミング」とは言わずに「コーディング」と言います。 論理的なバックエンドでの実行処理を考えるプログラミングとは違い、HTMLCSSは「見え方」や「見た目」の部分に責任を持つことが多く、コードによって「組み立てる」イメージからそのように呼ぶのでしょう。 しかしながら、CSSは通常プロパティと値をセットで指定していきますが、*「CSS関数」*と呼ばれる便利な関数も用意されています。 これらの関数を使うことで、計算を実行したり、条件を指定したり、特定の値を別のフォーマットに変形したりすることができます。 そこで稿では、*コーディング初心者こそ知っておきたい便利な「CSS関数」*を5つ紹介していきます。 普段業務などであまりCSS関数を活用していない方にこそ、CSS関数のよさを知って、使えそうな場面でぜひ活用していただきた

    コーディング初心者こそ知っておきたい便利な「CSS関数」5選
    monyurin
    monyurin 2017/10/26
  • コピペで実装!CSS3でオシャレなデザインのサンプルコード47選

    2015年7月14日の記事を再編集しています。 CSSの新しいバージョンであるCSS3は、アニメーションなどの新機能が追加となったことで従来のCSSよりもグッと便利になりました。CSS3を使えば今までよりも様々な表現ができ、ホームページを魅力的に演出してくれます。 しかし「使ってみたいけれども難しそう……」という方も多いのではないでしょうか。そんなCSS3初心者の方には、サンプルコードを活用することをオススメします。コピペするだけでCSS3を使ったテクニックを取り入れることができますので、試してみましょう。 今回は、CSS3でオシャレなデザインのサンプルコードをまとめてご紹介します。 CSS3で実装できるオシャレなサンプルコードまとめ 1. HTML5+CSS3でデザインしたtableのCSSHTMLサンプルソース5点|株式会社LIG https://liginc.co.jp/web/h

    コピペで実装!CSS3でオシャレなデザインのサンプルコード47選
  • 無料で使える!和風な日本語のフリーフォント37選

    目次 やわらか・繊細系の日フォント 12種類 力強い太文字系の日フォント 8種類 手書き・毛筆系の日フォント 6種類 レトロ系の日フォント 3種類 コミック系の日フォント 2種類 民芸風の日フォント 2種類 変わり種の日フォント 4種類 フォントを利用する際は必ず規約の確認を 商用利用の可否や条件については調査し記載していますが、商用利用のみ有料版の購入が必要だったり、配布元への連絡だったりする必要なケースもあります。ご利用の際は、必ずフォント配布元サイトで利用規約をご確認ください。 1. やわらか・繊細系の日フォント 12種類 落ち着いた優しいデザインにマッチする、繊細なフォントを集めました。癖が強くなく使いやすいものが多いので、重宝できます。 イマジン・ヨコハマフォント イマジン・ヨコハマフォント ひらがな・カタカナに加え、横浜市に関連する漢字が使えます

    無料で使える!和風な日本語のフリーフォント37選
  • 1