Tag archives :TIPS

タグ「TIPS」はWEB制作全般の小ネタを紹介しています。イラレやフォトショ等アプリケーションや、PCのシュートカット、便利なツール等、どんどん追加していきます。

よく使うFontAwesomeの日本語まとめ作ってみたよ。コード検索とかに手こずったりするので参考にしてみてね!

icons-box

たくさんのWEBアイコンフォントが使えるFontAwesomeですが、種類が豊富故に『あのアイコン使いたいけど名前なんだっけ・・・』ということも増えてきました。htmlコードと、擬似要素で使いたい場面もあると思うのでcontentで指定する文字コードもまとめていきます!

構造化データ(microformats.org hAtom)をテンプレートに組み込んでマークアップしたお話。

icons-mw

「updatedがありません」「authorがありません」WordPressの構築では、公式テーマといえどしっかり構造化データに対応していないものも少なくありません。ウェブマスターツールの構造化データをチェックすると大量にエラーが!!なんてことも。microformats.org hAtomに対応するためのコードをまとめてみました。

時限ポップアップや、年齢認証のポップアップ(モーダルウィンドウ)を実現できるプラグイン『ITRO Popup Plugin』

icons-seo

『訪問者にポップアップでメッセージを伝えたい』というクライアント様の要望で検証したプラグインが、色々な用途で使えそうなのでご紹介します。メルマガ登録やキャンペーンのポップアップ、年齢認証を促すモーダルウィンドウを導入したいときはこちらのプラグインをどうぞ!

フォトショからイラレ(CS5)に転向!イラレでWEBデザインする時に気をつけたこと。「線」の設定と整列について。ショートカットとか。

icons-pass

イラレでWEBデザインを始める時に気をつけること。「線」を使うときの注意点やオブジェクトの選択に便利なショートカットなど。google mapのアイコンを自作する時のチュートリアル

「パソコンでコピペするときの便利な方法」というのが巷で話題みたいなので、便乗して補足しとこう。(当方OS windows)

icons-box

「パソコンでコピペするときの便利な方法」というのが巷で話題になったので、更に便利になるように範囲選択方法の補足記事を書いてみました。普段イラレ・フォトショを使ってる人ならすぐに慣れるんじゃないでしょうか。

イラストレーターで「フォントがシステム上にありません」のフォントデータを代替フォントを使わず無理矢理アウトライン化!

icons-pass

人が作ったイラレデータを開くと、「フォントがシステム上にありません見つからないフォントは代替されました。」となって自動的に見た目が変わってしまいます。デザインを変えないために、当該のフォントをアウトライン化して読み込む方法を紹介します。