複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる「Gridmanager」:phpspot開発日誌
Gridmanager Demos 複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる「Gridmanager」。 次のようにカラムごとにツールを付与して、コンテンツを追加したり消したり、移動できたり、幅を調整したりとかなり高度な事が誰でも簡単にできるUIが実現可能です。 jQueryプラグインの形で誰でも簡単に実現できるところがすごい。複雑なレイアウトのサイトであっても見たまま編集ができるというのはよさそうですね。 ライブプレビューも可能 レスポンシブにも対応 関連エントリ 軽量でシンプルデザインなWYSIWYGエディタ実装ができる「Trumbowyg」 Bootstrap対応でレスポンシブなWYSIWYGエディタ「Summernote」 軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」 オンラインで使えるWYSIWYGなCSS3コードジェネレーター「Enj
ジャイロセンサーで立体を回転 - jsdo.it - Share JavaScript, HTML5 and CSS
// forked from ksk1015's "ジャイロセンサーの値を取得" http://jsdo.it/ksk1015/904N var alpha = document.querySelector("#alpha"); var beta = document.querySelector("#beta"); var gamma = document.querySelector("#gamma"); var dice = document.querySelector("#dice"); window.addEventListener("deviceorientation", function(event){ alpha.textContent = event.alpha; beta.textContent = event.beta; gamma.textContent = event
CSS3で立体を作る - bata's log
CSS3のtransformをひと通りやりたかったので作ってみた。 表示例 文章でかなり説明しづらいので、最初に動いているものを… 止まっているとよくわからないので回してみました。 立体を表示する画面に設定するプロパティ perspective 奥行きを設定するプロパティです。 数値が小さいほど奥行きが大きくなります。 perspective-origin 視点を設定します。 前の値が縦軸、後ろの値が横軸です。 50％に設定すると正面から見た視点になります。 立体の親要素に設定するプロパティ transform-style 要素の子要素が3D空間に配置されるかどうかを設定します。 初期値がflatなので3Dにする場合は設定が必要です。 立体の子要素に設定するプロパティ 実際にtransformを使って変形させる為のプロパティです。 transform: translateZ(); 3D空間
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Epoch by Fastly
