人気のあるUIサンプル

• JS はじめてのJavaScript
• JacaScript（ジャバスクリプト）を初めて書くときの必要最小限の知っておきたいことをご紹介します。 ハードルが低い割に奥が深いので、これだけ覚えればOKと...
• 2019-07-31 22:15:25

• jQuery 離脱時に警告を出す
• ページ内のリンクを押したり、ブラウザの戻る押したりすると、抑止するポップアップが表示されるサンプルです。 ユーザとして、入力フォームを記入するページなどで、たくさん情報を記入したのに、操作ミスで他のサイトに飛んでしまったり、文字を削除するつもりでページが戻...
• 2019-07-31 22:27:24

• CSS3 アニメーション
• ここではCSS3によるアニメーションを紹介します。 JavaScriptやSVGなどでもアニメーションの表現できますが、気軽に作れる点ではCSS3が一番長けてると思います。 ただし、幾つかのブラウザでは開発中だったり...
• 2019-07-31 22:32:43

• React.js JSXを変換する
• フェイスブック製のJSライブラリReact.jsに触れてみました。 まずはこの本家のページをよく読みます。 ページは更新されて適宜ユーザ思いのチュートリア...
• 2019-07-31 22:40:30

• Access-Control-Allow-Originエラー回避
• .htaccess で対応する場合 Header append Access-Control-Allow-Origin: * 特定のサイトのみ許可する場合 Header append Access-Control-Allow-Origi...
• 2019-08-01 07:59:09

• twig 導入サンプルコード
• PHPの記述例 [[ require_once 'vendor/autoload.php'; $loader = new Twig_Loader_Filesystem('./view'); $twig = new Twig_Environment($loader,[...
• 2019-08-01 08:06:55

• twig for 例文
• 回数分ループする場合 [[ {% for i in 0..10 %} {% endfor %} ]] 配列からループする場合 [[ {% for key, v in arr %} <div>{{v.s[&...
• 2019-08-01 08:11:51

• jQuery テキストティッカー
• 複数のテキストを一つのエリアでスライドのように表示したときに便利なのが、ティッカーという表現です。 jQueryのプラグインjquery.simpleTicker.jsを利用し...
• 2019-08-01 08:22:05

• JS 棒グラフ
• 棒グラフを３種類紹介します。 jQeueryを利用してHTMLとCSSで作成したもの。 SVGを利用したもの。 Chart.jsを利用したもの。 どれも扱いやすく、自...
• 2019-08-01 08:27:33

• jQuery オーバーレイ
• トーストとも呼ばれますが、ブラウザの画面下からコンテンツに覆いかぶさって要素が現れる表現を紹介します、 目を引くエフェクトではありますが、ユーザにと...
• 2019-08-01 08:33:53