タグ

Bootstrapに関するyohane00のブックマーク (3)

  • Vue.js入門その3〜簡単にTODOアプリを作ってみたよ〜 | RE:ENGINES

    はじめに 7/12 修正 記事下部にて、 filter メソッドを使用している箇所がありましたが、 forEach の方が適しているとご指摘がありましたので、修正しました。 以前Qiitaの方に投稿した記事ですが、こちらにも投稿します。 少しご指摘もいただいたので、FIX版になります! Vue.jsの勉強で超簡単なタスク管理アプリを作ってみる 今まで、Vue.jsの記事として下記を投稿してきました。 Vue.js入門その1〜基文法〜 Vue.js入門その2〜Vueインスタンスってなんぞ?〜 ただ、今ひとつピンとこなかったため、よくあるTODOアプリを作成してみました。 サンプルはこちらです。 https://jsfiddle.net/naoki85/fo26rmr0/12/ 準備 Bootstrapを読み込み CSSは面倒なので、Bootstrapを使用したいと思います。 JS Fidd

    Vue.js入門その3〜簡単にTODOアプリを作ってみたよ〜 | RE:ENGINES
  • Gentallela - プログラマでも美しく管理画面を作成できるBootstrapテーマ | ソフトアンテナ

    「Gentellela」はBootstrap 3を使った無料の管理画面用テンプレートです。デフォルトスタイルのBootstrap 3をベースとして多数のパワフルなjQueryプラグインやツールを組み込んだもので、美しい管理用パネルやダッシュボードを簡単に作成することができます。 テーマにはチャートや、カレンダー、フォーム検証ライブラリ、ウィザードスタイルのインターフェイス、ナビゲーションメニュー、テキストフォーム、スライダー、プログレスバー、通知メニューなどたくさんの有用なライブラリが組み込まれています。 今回はオンライン上で確認できるデモサイトを元に、どのような画面が実現できるのかスクリーンショットとともに紹介したいと思います。 ダッシュボード ▲ダッシュボードのデモでは多様なチャートが表示できることが確認できます。テーマはレスポンシブ対応で画面サイズに応じて適切に描画されます。 フォー

    Gentallela - プログラマでも美しく管理画面を作成できるBootstrapテーマ | ソフトアンテナ
  • MaterialNote - マテリアルデザインのWYSIWYGエディタ

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WYSIWYGなエディタはたくさんあります。昔はリッチで機能が多いものが良いとされてきましたが、最近ではなるべくシンプルによく使われる機能だけを提供するというものが増えています。 今回紹介するのはMaterialNote、デザイン性の優れたWYSIWYGエディタです。 MaterialNoteの使い方 これがMaterialNoteの画面です。ツールバーが黒一色でスタイリッシュです。 テーブルを追加する場合、枠を選択します。 追加されるテーブルもすっきりしたデザインです。 行間を調整と言ったこともできます。 画像はローカルから指定もできます。 Air Modeというのにするとテキストエリアやツールバーはなくなります。文字を選択するとフローティングでツールバーが出ます。 生成されるコ

    MaterialNote - マテリアルデザインのWYSIWYGエディタ
  • 1