タグ

ブックマーク / www.moongift.jp (5)

  • AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT

    これで十分でしょ! Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも! アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で

    AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
  • 200を越えるアイコンが揃ったBootstrap向けWeb Font·Font Awesome MOONGIFT

    Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立

  • HTML5の中でも使える、使わない方が良い機能を学ぶ·HTML5 Please MOONGIFT

    HTML5 PleaseはHTML5の利用推奨度を機能ごとに検索できるソフトウェアです。 HTML5が登場してしばし経ちましたが、それでも積極的に使っていくのを躊躇している人も多いのではないでしょうか。そこでHTML5の中でもどの機能を使っていくべきか、または避けるべきかを教えてくれるのがHTML5 Pleaseです。 トップページです。HTML5対応Webブラウザで見てみましょう。 インクリメンタルなフィルタリングもできます。 使えるか使えないかは色分けして表示されます。 やはり全ての機能が使えるという訳ではありません。 各機能からWebブラウザのバージョンごとのサポート具合が一覧できます。 APIに関連したものだけを抽出して対応状況が見られます。同様にCSSHTMLJavaScriptといった具合に指定できます。 IEのバージョンごとの指定もできます。 HTML5 Pleaseでは

    mu393
    mu393 2012/02/27
    HTML5の中でも使える、使わない方が良い機能を学ぶ「HTML5 Please」
  • Webプログラマ必見。HTML5のセキュリティチートシート·HTML5 Security Cheatsheet MOONGIFT

    HTML5 Security CheatsheetはHTML5のセキュリティに関するチートシートです。問題点と対象Webブラウザ、対処法が一覧になっています。 HTML5 Security CheatsheetはHTML5におけるセキュリティホールになりえる問題点をコードを通じて広めていこうというプロジェクトです。Webプログラマ必見と言えるでしょう。 トップページです。様々な項目が並んでいます。 左側は各セキュリティチェックすべき項目で、対象になるWebブラウザとそのバージョンが並んでいます。問題点の提示とともに、その回避策についても書かれていますのでとても参考になります。 まだ日語化されていない部分もあります。 ほぼ全てのWebブラウザが対象になる部分もあるようです。 項目は非常に多いですが、セキュリティを重視するためにもチェックしておくべきです。 HTML5ではありますがIE6など

    mu393
    mu393 2012/02/15
    Webプログラマ必見。HTML5のセキュリティチートシート「HTML5 Security Cheatsheet」
  • Web上でビジュアル的にWordPressのテーマを作成できる·PressWork MOONGIFT

    PressWorkはWordPressのデザインを管理画面上からビジュアル的に行えるソフトウェア。 PressWorkはPHP/WordPress用のオープンソース・ソフトウェア。単なるブログエンジン、単なるCMSという枠を越えつつあるWordPress。新規サイトを構築する際に一から作るのではなくWordPressのテーマを作ったり、プラグインを使って構築するケースも多い。もはやプラットフォームだ。 作成中画面 そんなWordPressではテーマから利用する関数がとても多いので、テーマと言ってもHTMLではなくプログラミングコードがそのまま書かれるようにさえなっている。これではビジュアルが分かりづらそうだ。そこで使ってみたいのがPressWorkだ。 PressWorkはWordPressのテーマなのだが、ビジュアル的に編集できる機能が備わっている。PressWorkを有効にして最初に表

    mu393
    mu393 2011/08/28
    Web上でビジュアル的にWordPressのテーマを作成できる「PressWork」
  • 1