[B! Webデザイン][web制作] seachelのブックマーク

2024年に最適なfont-familyの書き方 - ICS MEDIA

ウェブサイトのフォントは何を指定すればよいのでしょうか？　CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。結論いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,

seachel 2020/03/18

リンク

シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選

コーディング　Kota Naito / 2017.07.11 シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選画像を使用することなくHTMLとCSSだけでデザインした見出しのデザインサンプルを20パターン紹介いたします。できるだけ特性の違うデザインに仕上がるように工夫しております。これから紹介する様々なデザインサンプルを組み合わせれば、また新たな面白い見出しを作ることも可能かと思いますので、カスタマイズも楽しんでみてください。一部ブラウザで表示できないデザインもあるかと思いますが、その場合はベンダープレフィックスを、各自で追加してください。このページでは「見出しデザイン」のプレビューに画像を使用していますが、実際の表示は以下デモページで確認することができます。 DEMOページ手書き風の見出しデザイン[01] このデザインのポイントは「border-radi

seachel 2017/07/11

リンク

【RGBカラー】メーカー別・蛍光ペンカラー表

初級ブログカスタマイズなどweb系知識メモ、Illustratorで作った無料素材を公開

seachel 2017/07/07

リンク

CSSアニメーションで実現！コピペで使えるマイクロインタラクション - ICS MEDIA

マイクロインタラクションは、ボタンのタップやポップアップの表示、フォーム入力時のアテンションなど、ユーザーの行動やトリガーによって起こるアクションです。単なるアニメーションではなく、ユーザビリティを向上させ、またユーザーに楽しい体験を与えることでWebサイトやサービスの利用を手助けします。たとえば、FacebookやTwitterの「いいね」ボタンや、タイムラインの更新、新しい通知がある場合のアラートの表示など、さまざまなケースで使用されています。しかし、多様なマイクロインタラクションを一から自作するのは大変手間がかかるものです。本記事ではコピー&ペーストで導入でき、改変もしやすいCSSで表現したマイクロインタラクションを紹介します。こちらは筆者が制作したもので、商用・個人問わず無償利用できるMITライセンスで公開していますので、Webサイトやコンテンツ制作にご活用ください。「メニュ

seachel 2017/03/14

リンク

CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選

今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

seachel 2017/03/08

リンク

ホームページ配色ツール Ver3 | フォルトゥナ

ウェブ配色ツールが新しくなりました 1色を作れば自動的に配色を作るツールです。難しいツールではないので、多分使えばわかると思います。この写真も変えることができます。

seachel 2017/02/22

リンク

はてなブログ非公式テーマ『百科事典的な何か』を公開しました（Githubに） - NO TITLE

2016 - 11 - 11 はてなブログ非公式テーマ『百科事典的な何か』を公開しました（Githubに）ブログ運営ブログ運営-カスタマイズコピペで簡単！はてなブログのシェアボタンをカスタマイズコピペで簡単！CSSではてなブログの見出しをカスタマイズ！はてなブログをカスタマイズしてる人向け。jQueryの読み込みを速くするためにコードを変えてみた YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かったはてなブログの超便利なデザインテーマ「Brooklyn」を作りましたダウンロードしておきたい最新おすすめ洋楽【2016年版】オススメの人気洋楽記事一覧【洋楽】UKロック入門！おすすめバンド20選人気洋楽のYouTube再生回数ランキング TOP30 90年代洋楽HIPHOPの名曲をあげていく人気の洋楽を紹介します - 女性アーティスト編 - 90年代洋楽お