[B! WEBサイト] amebloger-xのブックマーク

PHP+HTML+JSでレスポンシブ対応のロールプレイングゲーム作ってみた - Qiita

セーブデータ管理をMySQL、メインの処理をPHP、フロントの表示周りをHTML+CSS+JS(jQuery)、フロントとバックの通信をajax通信でやっています。普通の動的Webサイトで使われている技術のみを使っています。『リブラの見た夢 ONLINE』 https://libra-online.laineus.com （chrome以外未検証）昔流行った『FF Adventure』みたいなCGIゲーム的なものですかね。ページ遷移こそしないものの、ボタン押したりするたびにHTTPリクエストが発生します。セーブデータはサーバーに保管されるので、他のプレイヤーが育てたキャラと非リアルタイムな対戦ができます。 Webサイトだからできるレスポンシブ対応なゲームになっています。一つ一つがHTMLのDOM要素で作られているので、デベロッパーツールで要素検証したり、ブラウザのウィンドウ幅動

amebloger-x 2017/02/24

セキュリティー対策が気になる。

リンク

ページネーションのベストプラクティス | POSTD

amebloger-x 2016/06/22

リンク

デザインは第一印象が大切！5秒でできる3つのデザインチェック方法 | Webクリエイターボックス

2016年5月10日 Webデザイン, ユーザビリティ, 色彩人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう！ ↑私が10年以上利用している会計ソフト！ぼかしテストぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopでフィルター＞ぼかし＞ぼかし（ガウス）で5〜10pxほど画像をぼ

amebloger-x 2016/05/10

リンク

PCサイトのUIデザインにおける12のトレンド

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。