タグ

JavaScriptとbootstrapに関するurza358のブックマーク (6)

  • GitHub - ColorlibHQ/gentelella: Free Bootstrap 4 Admin Dashboard Template

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - ColorlibHQ/gentelella: Free Bootstrap 4 Admin Dashboard Template
  • Sufee Admin - Bootstrap4対応の多機能ダッシュボードデザインテンプレート MOONGIFT

    Bootstrap4がそろそろ格的に導入されるようになっています。後方互換性がないため、これまでのテンプレートが使えなくなってしまったのが残念です。しかし、これによって新しいチャンスが生まれたとも言えるでしょう。 Sufee AdminはBootstrap4向けの管理ページテンプレートになります。今後のことを考えるならばBootstrap4対応版を使うのが良いでしょう。 Sufee Adminの使い方 ダッシュボードです。数値をリアルタイムに更新できます。 テーブル。 ボタン。 バッジ。 タブ。 カード。 ダッシュボードの表現も様々です。 グラフはChart.js/Flow Chart/Peity Cartに対応しています。 地図表示。 ログインページ。 Sufee Adminを使うことで、サイドメニューがあるタイプの管理画面が簡単に構築できます。多くのシステムでは管理画面のデザインまで

    Sufee Admin - Bootstrap4対応の多機能ダッシュボードデザインテンプレート MOONGIFT
  • Bootstrap Page Builder - Bootstrapを使った画面設計ツール

    WebのUIは自由度が高い分、イチから作るのは手間がかかります。そうした状況だからこそ、Bootstrapのように見栄えの良いUIが作れるフレームワークに人気が集まりました。しかし、Bootstrapの記法に沿ったHTMLの手打ちすら面倒に感じてきます。 そこで使ってみたいのがBootstrap Page Builderです。ドラッグ&ドロップで簡単にUIが作れます。 Bootstrap Page Builderの使い方 メイン画面です。左側に部品が、右側にエディタが表示されています。 グリッド構成も簡単に実現できます。 多数のパーツが用意されており、それらをドラッグ&ドロップして画面を作っていきます。 プレビューです。基的には同じ見た目が再現されます。 スマートフォンサイズなどレスポンシブな表示確認も簡単です。 Bootstrap Page Builderを使えばBootstrapを使

    Bootstrap Page Builder - Bootstrapを使った画面設計ツール
  • Android とNode.js とsocket.io 簡単なチャットやり取り - Qiita

    大事なお知らせ node.js v7.2.1 socket.io 1.7.1 等々、最新のバージョンを用いてsocketio通信を行えることを確認しました。 なので以下の続きは書きません。 その代わり、時間はかかりますが新しいバージョンに対応した チャットの作成を行いたいと思います。 いいね等をしてくれた方々、誠に申し訳ございませんが どうぞご理解の程、よろしくお願いします。 ある程度の作業が済んだのでこれから少しずつ書いて行こうかと思います。 内容としては ・socket.ioとandroid studioとnode.jsの通信、チャット ローカルのみ対応(10.0.2.2:8000とかとか) ・socket.io(?)とandroid studioとnode.jsの通信 ログインのみ 少し広めのローカル対応(ipv4アドレスで開いたサーバに接続できます) 以上、2点の内容を書いてみよう

    Android とNode.js とsocket.io 簡単なチャットやり取り - Qiita
  • jQuery-Tabledit - Bootstrapのテーブルでデータの編集を可能に

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 業務システムといえばテーブルによるデータの一覧表示ですよね。実装すると次に要望にあがるのはデータのフィルタリングであったり、一回更新だったりします。非常に厄介です。 今回はその一部、一覧時におけるデータの編集を手助けしてくれるソフトウェア、jQuery-Tableditを紹介します。Bootstrapのテーブルに対応しています。 jQuery-Tableditの使い方 jQuery-Tableditで表示したところです。右側に編集、削除のアイコンがあります。 クリックするとテキストボックスになって編集可能になりました。 編集完了すると赤くなります。これで編集した行がわかりやすくなります。 さらにダブルクリックしたセルだけを編集状態にすることもできます。 行全体ではなく、指定したセル

    jQuery-Tabledit - Bootstrapのテーブルでデータの編集を可能に
  • Summernote - シンプルなUIのBootstrap用WYSIWYGエディタ

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ユーザにコンテンツを作ってもらう上で欠かせないのがWYSIWYGエディタです。HTMLでの記述に慣れた人にとっては邪魔くさいかも知れませんが、そうでない人のがたくさんいます。そうした人が自由に思い通りにコンテンツが作れるWYSIWYGエディタはとても大事です。 今回紹介するSummernoteもそんなWYSIWYGエディタの一つですが、Bootstrap向けという点がポイントになっています。 Summernoteの使い方 こちらがSummernoteです。シンプルなUIなのが特徴です。 ツールバーを消すモードもあります。 テーブルも追加できます。 生成されるHTMLも綺麗です。Bootstrapに対応したクラスが割り当てられているのもポイントです。 SummernoteはDjang

    Summernote - シンプルなUIのBootstrap用WYSIWYGエディタ
  • 1