Category archives : WEBデザイン

WEBデザインカテゴリでは、Photoshop Illustratorの情報の他、ベクター素材サイトやフリー写真素材サイト、フリーで使えるCGIやJavascriptライブラリ、jQuery等についてまとめていきます。

企業ブログの効果的な書き方とは?コンテンツSEO超初級編。企業ブログで記事を書く際に気を付けたい事。制作者目線のWEB・SEOライティング。

icons-box

WEB SEOライティングの超初級編!コンテンツマーケティングが主流となり、自社でサービス紹介、事例紹介などの記事・企業ブログを書く方もかなり多くなったのではないでしょうか。キーワード、ターゲットの設定の考え方や、記事を書く上での注意点をまとめました。

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

icons-box

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

google Adobe 共同開発のオープンソースフォント Noto sans font をサブセット化圧縮・コンバート・font-face指定して表示してみた。

icons-box

これまであまり使ってこなかったWEBフォントですが、Google Adobe 共同開発のオープンソースフォントとあっては試さずにはいられない!サブセット(圧縮)やらコンバート(変換)やら、@font-faceやら、なかなか手間がかかりました。

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

icons-pass

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

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

icons-box

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