CSS Framework

CakePHPの標準CSSをベースにしてカラー関数で色を調整 デフォルトcss Sass&Compassのカラー関数を使って色を調整してみます。

Twitter Bootstrap Sassポートの使い方とカスタマイズ bootstrap-sassをインストール Ruby on Railsではない環境でbootstrap-sassをインストールして、標準のboot […]

Twitter Bootstrapをソースからコンパイルして使う 環境の構築 標準のBootstrap3と同様にBootstrap3のLessソースコードをダウンロードすることが出来ます。

Lightboxは画像を拡大表示するためのjQueryプラグイン 初心者ユーザーも簡単にセットアップできる

ZURB Foundationで登録フォームを作成する ヘッダーコンテンツ内をグリッドで分けてからフォームを定義する ZURB Foundationの使い方としてベーシックな

Foundationならサイドナビゲーションをシンプルに書くことができる ベーシックなsidebarを構築 CSSフレームワークFoundationを利用したサイドバーの使い方について書いてみる。

iphoneシミュレータで画像アップロードに失敗 WYSIWYGエディタのファイルアップロード機能をテスト中に生じたエラー SummernoteというWYSIWYGエディタにAjaxの画像アップロード機能を実装したときの […]

画像アップロード時にaltやclassなどのHTML属性をimgタグに追加 WYSIWYGエディタSummernoteのファイルアップロード機能 Summernoteにはファイルアップロード用のコールバックが用意されてい […]

WYSIWYGのエディタSummernoteではファイルアップロード機能を実装できる Data URI schemeとFile Upload Bootstrap3でデザインされたWYSIWYGのエディタSummernot […]

CakePHPでSummernoteを利用する 使い方 ダウンロード

ZURB Foundation入門 セットアップ ダウンロード Foundation5の入門記事です。

Google Web Fontsで提供されるstylesheetの中身をコピー サイトのメインcssにダイレクトに書き込むことで1リクエスト減少させることが可能 Google Web Fontsで利用したいフォントを選択 […]

bootstrap3などを使えば投票関連システムのユーザーインタフェースも迅速に作成できる twitter bootstrap3の場合 親指をたてた絵をクリックするとその横にある数字が増えていき、数字が多いほど高く評価さ […]

twitter bootstrap3の入門用layoutひな形 Cakephpを利用してbootstrap3のwebサイトを開発運用しているのだが、layoutのdefault.ctpが以下のようになっていて、個人的にひ […]

zurb foundationのgridレイアウトで表を作成 レスポンシブウェブデザインのcssフレームワークにはグリッドレイアウトを構成するためのcssが記述されている。zurb foundationも効率的にgrid […]