Atstyle - atstyle.biz - アットスタイル
General Information:
Latest News:
Movable Typeのリッチテキストエディタにbootstrap.cssとカスタマイズ用CSSを適用させる - ブログ | アットスタイル 22 Aug 2013 | 12:45 pm
サイトをMTOSで構築することになった。 サイトオーナー自身で更新作業になるため、なるべく簡単に出来るようAnotherCustomFieldsプラグインを使おうかとも思ったけれども、MT標準の「定型文」を使うことにした。 リッチテキストエディタにはオリジナルのスタイルシートを適用できるので、以下のようにリッチテキスト用のrich-text.cssを設定。 読み込ませるスタイルシートは1つし...
JavaScript、CSSやHTMLを圧縮する s.press - JS/CSS/HTML Compressor - ブログ | アットスタイル 13 Aug 2013 | 02:35 pm
JavaScript、CSSやHTMLのコンプレッサーはオンライン上にたくさんありますが、Mac App Storeのs.pressを使ってみた。 ファイルをドロップするだけで圧縮してくれる。割と細く設定でき、「.minを追加」なども指定できる。 エスプレッソを絞り出すような圧縮中のアニメーションが楽しい。
Google マップ・YouTubeなどの埋め込みをレスポンシブにするEmbed Responsively - ブログ | アットスタイル 2 Aug 2013 | 10:45 am
BootstrapなどレスポンシブWebデザインのサイト構築の際に、Google マップを埋め込んでみたら小さい画面ではみ出してしまいます。(Googleさん、Yahoo!さん、お願いしますよ...) 埋め込みコードをレスポンシブWebデザインでも利用できるように変換してくれるサービス「Embed Responsively」 予めGoogle マップなどで取得したコードをペースト、ボタンを押す...
CPUやメモリーの使用量をデスクトップに表示するMacアプリケーション DesktopMonitor - ブログ | アットスタイル 30 Jul 2013 | 07:04 am
以前、「Memory Magicが最強」と書いてしまって申し訳ないのですがMemory Magicはスワップ作りまくりで、メモリ解放を行うとMacが不安定になってしまうことがありましたので、あまり使わずにアンインストール。メモリ開放アプリケーションを使わないでこまめに再起動を行なっていました。 以前から気になってたDesktopMonitorをインストールしてみました。 カスタマイズはあまり出...
MTDDC Meetup KYUSHU 2013 ライトニングトークのスライド - ブログ | アットスタイル 25 Jul 2013 | 01:33 pm
半年前のお話ですが、MTDDC Meetup KYUSHU 2013でライトニングトークに参加しました。 またまた見事に失敗したのですが、その時に「MT5で作るスライドについて」のスライドを作成しています。 ブログでも積極的にお知らせしておりませんでしたので、ご覧に合った方は少ないと思いまして、改めて公開URLをお知らせします。 スライドで使用したテンプレートは無料配布しております。 Mov...
スマートフォン・タブレット端末対応 Movable Type 5(MTOS 5) テーマ(テンプレート) Bootstrap HTML5 10 - テーマとテンプレート 25 Jul 2013 | 08:36 am
スマートフォン・タブレット端末対応!大画面では2カラム(右サイドバー)スマートフォンなどの小さい画面では1カラムで表示出来るレスポンシブデザインの Movable Type 5(MTOS 5)テーマ(テンプレート)です。 ウェブサイト名をナビゲーションバー上部に移動、長いウェブサイト名も表示可能になりました。 Bootstrapのスタイルを変更できるBootswatchのCosmoをベースにカ...
スマートフォン・タブレット端末対応 Movable Type 5(MTOS 5) テーマ(テンプレート) Bootstrap HTML5 09 - テーマとテンプレート 25 Jul 2013 | 06:31 am
スマートフォン・タブレット端末対応!大画面では2カラム(右サイドバー)スマートフォンなどの小さい画面では1カラムで表示出来るレスポンシブデザインの Movable Type 5(MTOS 5)テーマ(テンプレート)です。 ウェブサイト名をナビゲーションバー上部に移動、長いウェブサイト名も表示可能になりました。 Bootstrap標準のカルーセル(画像スライド)を実装しました。 MT5 ウェブ...
BootstrapでのMovable Typeのコメントキャプチャを行儀よく - ブログ | アットスタイル 19 Jul 2013 | 07:45 pm
通常、会社案内や企業サイトの構築の際には装備することはあまりありませんが、テーマとしてリリースする場合にはコメントやトラックバックは必須です。 ところが、Bootstrapで作ったコメントフォームにMovable Typeのコメントキャプチャをそのまま入れてしまうとレイアウトがおかしくなってしまいます。 覚書(Code@Style)に掲載していますが、こちらでも紹介します 一般的にブログでは...
iPhoneで横方向にはみ出た Livefyre Comments 3 のコメントフォームをCSSで調整 - ブログ | アットスタイル 17 Jul 2013 | 09:48 pm
ブログのブログ記事をiPhoneで確認中にLivefyre Comments 3 のコメントフォームがiPhoneで横方向にはみ出ていた。 どうしたものかと悩み、Facebook commentやDisqusを入れてみたけれども、シックリこない。 iPhone縦持ちの場合だけだったので、以下の様にCSSで調整した。 右側の余白が少し大きくなったけど、とりあえずはこれで...
ブログの再構築時間が最速で38秒になった - ブログ | アットスタイル 16 Jul 2013 | 10:37 am
デザインをリニューアル後、ブログ記事570件程度で再構築時間1分をきることができなかったので、環境変数EntriesPerRebuildの値を大きくしてみた。 以下のように、再構築時間が59秒になった。 Bootstrapを採用したために、htmlのdivが複雑になっているので致し方ないのだが、どうしてもリニューアル前よりも短時間で再構築したい。 以下の方法はインデックステンプレートとシステ...