Apple 関連のフォントを手に入れよう | バシャログ。
シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる！ 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project｜試用版ダウンロード http://www.
【CSS】CSSで実装するちょっと凝ったパンくずリスト | バシャログ。
地味なパーツながら実は便利。そのためコーディングをする機会も多いと思われるのが「パンくずリスト」です。 シンプルなコーディングでちょっと気の利いた「パンくずリスト」を実現する方法をご紹介します。 パンくずリストの XHTML のサンプルは以下です。とてもシンプルです。 <ol id="topicPath"> <li class="home"><a href="hoge">ホーム</a></li> <li><a href="hoge">アニメ</a></li> <li><a href="hoge">ガンバの冒険</a></li> <li><em>ボーボ</em></li> </ol> サンプル1 とてもシンプルなパンくずリスト とてもシンプルなパンくずリストのサンプルです。 ホーム アニメ ガンバの冒険 ボーボ CSS はこちら ol#topicPath { margin: 20px 0;
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いツリーナビゲーション | バシャログ。
第 6 回 は「見栄えの良いツリーナビゲーション」です。 今回は CSS と言うよりも jquery の plugin「Treeview」を使ったツリーナビゲーションをご紹介したいと思います。 実装するとこのような感じになります。 ホーム 会社案内 会社概要 コンセプト 沿革 社長挨拶 交通アクセス 採用 中途採用 中途採用情報 エントリー 新卒者採用 新卒者採用情報 エントリー 先輩の声 プライバシーポリシー お問い合わせ 設置方法 上のサンプルの設定を例に説明します。 まずサイトから「Treeview」をダウンロードします。 解凍してフォルダを置く（解凍したフォルダ名を js に変更） <head>～</head>内に <link rel="stylesheet" href="js/jquery.treeview.css" /> <script type="text/javascrip
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良いツリーナビゲーション | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
MovableTypeインストール時に設定しておきたい環境設定ファイル mt-config.cgi の項目 | バシャログ。
MovableTypeインストール時に環境設定ファイルをある程度変更しておくとのちのちの運用が楽になります。 今回ざっとまとめてみましたので、よかったら参考にでもしてやってください。 DeleteFilesAtRebuild ブログ記事を未公開や削除した時に、ファイル自体を削除する。 MT4よりデフォルトで実装されています。削除の場合は1、残す場合は0。MT3では必須です。 DeleteFilesAtRebuild 1 CGIMaxUpload ファイルアップロード機能でファイルをアップする場合のファイルサイズの上限を設定、デフォルトでは2048000byte。 CGIMaxUpload 100000000 SearchMaxResults（mt4.2～） 検索結果で、1ページに最大表示する件数。デフォルトは20件。Movable Type 4.15 以前のバージョンでは、MaxResul
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1： とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
MovableTypeでプラグインを使わずにカテゴリを並べ替え | バシャログ。
Movabletypeでのカテゴリ並び替えですが、有名なプラグインは以下です。 カテゴリーとフォルダを並べ替えるプラグイン（MT4以降用） - The blog of H.Fujimoto MovableTypeのカテゴリーソートに使える数字置換プラグイン - pmLabo 上記のプラグインはこれまでよくを使用していましたが、Perl版プラグインのためにダイナミックパブリッシングでは使えなかったりと制約があったりするので、最近は専ら以下のように並び替えしています。 カテゴリ並び替えの手順 管理画面よりカテゴリを追加する。 その際、並べたい順番の連番を < > で囲みます。 すべてのカテゴリを上記のように登録します。 すべてのカテゴリ登録後、画面では、先ほど入力した < > は表示されていません。 MTのソース 通常のカテゴリ一覧の記述は以下です。 <ul> <MTCategories sh
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
