タグ

アイコンとスニペットに関するglat_designのブックマーク (2)

  • Add Icon Fonts to Text Links

    2013年3月25日 CSS CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに!画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを表示する方法を紹介します。 ↑私が10年以上利用している会計ソフト! アイコンフォントとは? アルファベット1文字に1つのアイコンが設定されているフォントの総称です。サーバー上にあるフォントファイルを読み込んでフォントを表示する「Webフォント」の応用として使われ始めました。今までのような画像を使ったアイコンとは違い、フォントはベクターファイルなので、サイズを大きくしてもギザギザに見えることはありません。つまりiPhoneiPadといった高解像度のディスプレイでも、劣化することなくきれいに表示されます。 ただし!何らかの原因でフォントファイルがダウンロー

    Add Icon Fonts to Text Links
    glat_design
    glat_design 2013/03/18
    これやらなきゃやらなきゃと思いつつずっとやってない…うおおお /
  • 記事の投稿日を取得して好きな日数だけnewアイコンを表示しておく方法

    ブログを訪れた方に、新しくアップした記事・もしくは更新した記事をどのようにしてアピールするかを考えた時、「new!アイコンをつける」という結論に達する方も少なくないと思います。 そんな時、ループ内に数行コードを加えるだけで、カンタンに実装することが出来ました。 ※追記あり 記述例 わたしの場合は(他サイトですが)更新日順に記事を並べているので newをつけるのも更新日を取得していましたが、 普通のブログの場合は作成日順に並んでいると思うので二種類掲載しておきます。 ※追記 WordPress界の神様@jim0912さまから、時差の件で以下のリプライを頂いたのと、 自分で試してみて$days=1;だとうまく行かなかったので、ちょっと修正しました。 [blackbirdpie url=”http://twitter.com/jim0912/status/133707844091523072″]

    記事の投稿日を取得して好きな日数だけnewアイコンを表示しておく方法
    glat_design
    glat_design 2011/11/08
    お、いいねこれ!ぱくる!w
  • 1