タグ

cssとhtmlに関するNOKTのブックマーク (2)

  • 意外と簡単!アイコン風Webフォント使ってみたらブログデザインがグッと洗練されたよ!設定方法を紹介 - ラブグアバ

    Webフォント導入のきっかけWebフォントを導入しようと思ったのは以下の記事を拝見したのがきっかけでした。 WEBフォントで簡単に!STINGER3の細かいところにアイコンを入れてみた これを見て「わー、細かいけどこういうの素敵!これは私もパクりたい!オマージュしたい!」と思いたち、やってみることにしました。 で、いきなり結果から書くと、こんな風になります。 黄色の○で囲まれたハートやフォルダのアイコン。これが今回導入したWebフォントなのです。 これがフォント?って思いますよね。そうなんです、こういう一見画像(アイコン)風のデザインをフォントだけできちゃうのがWebフォントの優れたところなんです! あくまでフォントなので拡大・縮小しても画像が荒くなったりしませんし、CSSでの装飾だって可能です。画像じゃないので表示も軽いです。 どうですか?ちょっと興味わいてきましたか?気になってきたら続

    意外と簡単!アイコン風Webフォント使ってみたらブログデザインがグッと洗練されたよ!設定方法を紹介 - ラブグアバ
  • 初心者さんのためのWebサイト制作に役立つリンク集

    2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください!」との声が多いのですが、日のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください! ↑私が10年以上利用している会計ソフト! Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため?何のため?Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム(Webサイトのレイアウト)を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

    初心者さんのためのWebサイト制作に役立つリンク集
  • 1