タグ

ブックマーク / webimemo.com (5)

  • アイコンフォントの欠点である意味不明な文字列をリガチャ(合字)で解決したWEBフォント『Ligature Symbols』

    こんにちは、霙(@xxmiz0rexx)です。 興味はあったけれどなかなか手が伸びなかったアイコンフォント。 そんな私をやっと使う気にさせてくれた素晴らしい発想のフォントに出会ったのでご紹介いたします! そもそもアイコンフォントとは アルファベット1文字1文字にアイコンが割り当てられたフォントで、例えばスマートフォンサイトの製作をする時 画像でアイコンを用意する場合は通常用とRetina対応用で2サイズ用意しなければならないところを フォントであれば読み込んでCSSを設定するだけでOKという・・・面倒くさがりの私にはRetina対応の救世主とも思える存在です!! フォント=ベクターデータなので大きさ自由自在!解像度も関係なし!なのです :) しかしそんなアイコンフォントにも欠点はあり、アイコンを表示させるためにソースに意味のないアルファベットを書かなければならないのが気になるところでした。

    アイコンフォントの欠点である意味不明な文字列をリガチャ(合字)で解決したWEBフォント『Ligature Symbols』
  • WordPress管理画面にオリジナルメニューを追加した時の手順メモ

    前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますw ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー&メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ

    WordPress管理画面にオリジナルメニューを追加した時の手順メモ
  • 思ったよりカンタンでした!アプリで作るfacebookページ+参考デザインの紹介

    ついに、当ブログもFacebookページを作ってみました・・! 小難しそうだなぁと敬遠していたのですが、 よいアプリを見つけ、htmlを書かずに、画像を用意するだけでウェルカムページまで作ることが出来ました!! 「なんか面倒そうで用意してない・・」というブロガーさんは是非、このアプリを使って作ってみてはいかがでしょうか?Facebookページは作ったけどウェルカムページがない!という方にもおすすめです! 以下の記事に、ブロガーさんがFacebookページを作ったほうが良い理由が熱く語られていました! ブログをお持ちの方で、まだFacebookページを作っていない方は一度目を通してみてください( b・`∀・´) 参考:ブログを書いている人は Facebook ページ(ファンページ)を作るべき: Facebookのここが好き–その2 | iPhone 研究室(iPadもね) アプリを使ったFa

    思ったよりカンタンでした!アプリで作るfacebookページ+参考デザインの紹介
  • 記事の投稿日を取得して好きな日数だけnewアイコンを表示しておく方法

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

    記事の投稿日を取得して好きな日数だけnewアイコンを表示しておく方法
    syun128
    syun128 2011/11/08
    これは便利そう!
  • デザインから選ぶjQueryツールチップ5つ

    ちょっとした解説や情報を表示したい時、あらかじめデザインに当てはめておくよりも 必要な時だけに表示させる方が より目を引く場合があります。 そんな時に利用できそうなツールチップの中から使ってみたいデザインのものをピックアップしてみました :)

    デザインから選ぶjQueryツールチップ5つ
  • 1