コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」 - かちびと.net
GrapesJSはコーディングせずに直感でWebサイトのテンプレートを作成出来るエディタです。OSSとしてソースコードが公開されています。JS製でjQueryにのみ依存しています。必要なコンテナやテキスト、画像等をマウスで配置すれば左下部のコードアイコンからコードが吐き出されているのが確認出来ます。機能は非常にシンプルなのであくまでテンプレートの作成、そこから先はコーディングという形になりますが、JS製で操作も手軽ですし、需要は割とあるかもしれません。ライセンスはBSDとのことです。 GrapesJS
スマホサイトで使える！横から出てくるメニューの作成方法【sidr】 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
スマホサイトで使える！横から出てくるメニューの作成方法【sidr】 2015.11.02 2018.09.27 レスポンシブWebデザイン スマートフォン時に横から出てくるメニューを設置する方法 はじめに 今回はスマートフォンでの表示時に横から出てくるメニューの設置方法についてご説明します。 以下のデモサイトを667px以下のブラウザサイズでご覧いただきます。 デモサイト このように「ニョキ」っと出てくるメニューです。 目次 １．使用するツール ２．導入方法 ３．既にid等を決めている場合 １．使用するツール 今回は「sidr（シドル）」というツールを使用します。 ⅰ）ダウンロード sidrはjQueryのプラグインとして提供されています。上記公式サイトから必要なファイルをダウンロードしましょう。 “Dounload”をクリックします。 ⅱ）設置 「sidr-package」内にあるjsフ
JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで
JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで：15周年記念特別企画 ＠ITが誕生した2000年頃はJavaScriptが不遇だった時代。そこから現在のような人気のプログラミング言語になるまでには、どのような歴史があったのか。15周年を迎えた＠ITの豊富なWeb開発関連記事とともに振り返る。 2015年6月17日に、JavaScriptの最新標準仕様となる、ECMAScript 6（ES6、ECMAScript 2015）が正式に承認されました（参考）。1997年にECMAScriptのバージョン1がリリースされてから6度目のアップデートとなり、これまでの中で一番大きな変更が加えられたことになります。 本稿では、ECMAScript 6が正式に承認されたということもあり、2000年頃の第一次ブラウザー戦争
ブラウザバックしたらjs(jQuery)のイベントが起こってくれないとき、こうすると解決するかもしれない。
ブラウザバックしたらjs(jQuery)のイベントが起こってくれないとき、こうすると解決するかもしれない。 どもです。 今回はjQuery弄ってて躓いたのでめもめも。 フォームメールcgiに連動したjsを作ったは良いのですが、cgiのフォームは大体が「確認画面」「完了画面」への遷移をします。 入力内容に不備があってエラーになったり、入力した内容を修正したいときはブラウザの「戻る」を使うか、onclick="javascript:history.back()"などブラウザバック機能を搭載したボタンを設置するのが定石です（でないと入力した内容がチャラになりますし）。 で、今回、ブラウザバックしたらフォームに連動したjsが上手く動いてくれませんでした。 具体的には、デフォルトで内容Aを表示・ラジオボタンBをチェックすることで内容Bを表示、とするjsで、Bを選択して確認画面→ブラウザバックしたら、
Webページのタイトルに未読数等を動的に追加表示する軽量スクリプト・TitleNotifier.js - かちびと.net
Webページのタイトルに未読数等を動的に追加表示する軽量スクリプト・TitleNotifier.jsのご紹介。メールやSNSサイトでよく見るやつですね。良さそうだったので備忘録として。 Webページのタイトルに動的に数値を加えるスクリプトです。同時にブラウザのタブも変更されます。非依存型で軽量、というのが売りみたいですね。 SNSやメールサービス等で見かけるやつ。同じ類のスクリプトも存在しますが、こちらは非依存型で3KB程度と軽量なので覚えておいて損はなさそう。 <script src="title_notifier.js"></script> スクリプトを読み込みます。 titlenotifier.set(5); 数値は上記のようにセットします。 titlenotifier.add(); 数値を増やす場合は上記の関数を呼び出します。 その他、詳細は以下にて。ライセンスはGPLとの事です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
