Gumby - Bootstrapの強力なライバルになるか！？シンプルかつ強力なCSS3フレームワーク MOONGIFT
CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。 GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。 まずデスクトップからです。 ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。 タイポグラフィ。可読性高いです。 リストだけでも黒丸、白丸、ドット、数字など多数用意されています。さらに定義リストまで！ ボタン。サイズ、色、形が様々です。片方だけ丸い、なんて便利そうですね。 インジケーターやラベル、アラート。こういうのもよく使いますよね。 フォーム。基本的にplaceholderを使った表示になっているようです。 テーブル。角丸サポートです。 タブ。幅が設定できます。 縦のタブもあります。 ドロワー。クリ
ベーシックなWYSIWYGエディタを実装するjQueryプラグイン・SCEditor
ベーシックなjQueryのWYSIWYGエディタです。結構使いやすそうだったので備忘録。よくあるWYSIWYGエディタの機能はほぼ揃っています。軽量との事ですが、一般的な軽量サイズが分かりませんので触れないでおきます。 ベーシックなWYSIWYGエディタを実装するスクリプト。軽量と書いてありましたが、WYSIWYGエディタの標準サイズを把握していないのでこの辺はご自身で判断頂ければと思います。 こんな感じ。テキストの装飾やレイアウト調整、顔文字等以外にYoutubeの貼り付けやフルスクリーンモードへの切り替えも出来るようになっています。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link rel="styles
ギャラリーやツリービュー、多彩なウィジェットに対応したデザインフレームワーク·InK MOONGIFT
InKはBootstrapライクなデザインテンプレートです。 HTMLに詳しくない人でも容易に整ったWebデザインを実現できるBootstrap。その対抗馬とも言えるソフトウェアがInKです。 基本的なテンプレートです。 デモ。メニューが上に残ります。 グリッドデザイン対応。 メニューもカラフルです。 ページネーションも用意されています。 ヘッダー。 アラート系。 アイコン。Font Awesomeを使っているようです。 フォーム。 エラー時の表示にも対応します。 ボタン。 アラートの種類も多いです。 テーブル。 ギャラリー機能。 モーダル。 ツリービュー。 ソートとテキストボックスクリックで表示されるカレンダー。 クライアントサイドの入力チェックもできます。 InKはBootstrap並の表現力とデザインのしやすさ、多彩なウィジェットを持っています。後は好みの問題とさえ言えるかもしれませ
フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」:phpspot開発日誌
Nivo Lightbox - Dev7studios フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 次のようにシンプルなフラットデザインを採用したLightBoxが実装できます。 こういうところまでフラット化の波が押し寄せています。ざっぱ〜ん。 フラットなようで若干シャドウを使って立体的に見せているあたりもカッコいい。 iFrameやSWF,Youtube,Vimeoなどにも対応していてかなり使い勝手がよさそうです。 関連エントリ 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 LightBoxはここまで進化したよ「VisualLightBox」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Glide.js
uibox.in