【5段階評価】評価グラフの作り方【HTML・CSS】
正式名称が分からないのですが5段階の評価グラフをHTMLとCSSで作りました。 WordPressユーザー向けの記事ですが、どんな環境でも使えます。 こちらがサンプルです。 コスパ 悪い 1 2 3 4 5 良い 入力・変更できる要素は以下の通り。 要素 左上のタイトル 左右のテキスト 下のテキスト 任意のテキストを非表示にすることも。 男性的 女性的 該当項目を増やすこともできます。 年齢層 20代 30代 40代 50代 60代 アイコン（fontawesome）も設定可能。 シンプル 機能的 画像も設定できます。 静か 賑やか もちろん全て一つにまとめることも！ コスパ 悪い 1 2 3 4 5 良い 年齢層 20代 30代 40代 50代 60代 シンプル 機能的 静か 賑やか 仕様はこんな感じですがカスタマイズ難易度はちょっと高めです。 HTMLが特に複雑になってしまったので、慣
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
パララックス効果を再現するjQueryプラグイン「jquery.parallax」 - Qiita
新しく使いやすく作り直しました。 スクロールによってCSSを変更し、パララックス効果を実現するjQueryプラグイン この記事のものとは使い方が少し異なりますが、同じ機能をもっています。 site: http://develo.org/2014/04/21/0227.html GitHub: https://github.com/kamem/jquery.parallax 仕事でパララックス効果を使ったサイト作る機会があり、 使い勝手のいいプラグインないかなぁーと思って探していたのですが。 なかなか見つかりませんでした・・。 パララックスの仕組みってそれほど難しくないんだねぇーと思いながら作り始めたのですが・・。 なかなかいろいろな機能を組み込みだすとなかなか大変な感じで； 結構前に作った奴は自分だけ使えればいいやーと思い、プラグイン化していなかったのですが、最近ようやくプラグイン化しまし
WOW.jsで動きのあるページを作ってみる | flog
WOW.js って？ Animate.css という画面に動きを付ける CSS ライブラリをラップした JavaScript ライブラリです。 Animate.css に以下の2点が加わったものと考えれば良いと思います。 スクロールして見えたタイミングでアニメーションを開始する（ページ読み込み直後じゃない） 動くタイミングやスピードを HTML の data 属性で簡単に設定できる 特に、縦に長いページに有効です。下の方にあるアニメーションがスクロールして見てもらう前に動き終わっている、といったことを避ける事ができます。 覚えることも少なく、シンプルで扱いやすいライブラリです。 Animate.css について ページ中のHTML要素に対してアニメーションを設定できるCSSライブラリで、 Animate.css というものがあります。 公式サイトはこちら。色々遊べるのでチラ見してみてくださ
iOS開発で便利なライブラリまとめ【UI/UX編】 - Qiita
一部、かっこいいから載せちゃった！みたいなのもありますがご了承下さい。 ##FlatUIKit フラットデザインで作られたUIを使用できる WEBで公開されてるFlatUIにかなり近い ##NVActivityIndicatorView 様々なロード中アイコン、多すぎてどれを使おうか迷ってしまいます ##TextFieldEffects TextFieldが一気におしゃれに！！ ##Eureka テーブルの中にTextFieldが埋め込まれている ##LiquidFloatingActionButton ボタンを押すとメニューが表示される（Googleカレンダーのアプリでも同じようなものが使われていますね） ##DOFavoriteButton 押したときにアニメーションがつくボタン ##Presentation 初回起動時のアプリ説明に使えそう ##BAFluidView 水位が上がった
chrome で、何がなんでも全角入力させない-Oboe吹きプログラマの黙示録
Google guice Google guice Homepage ThemeRoller jQuery UI デザイン mybatis(iBATIS3) Google code Project Old JDK Old version JDK 旧バージョンJava日本語doc Java6 のに日本語ドキュメントはここからDownload pxtoem px ⇔ em 変換 Java祝日計算 祝日法に沿って作ってみた。 このサイト Wicke タグ書き換えなど My Element 使い回し Google Play で公開 YipsBrowser YipsBrowser PDF split & concatenate PDF分割＆結合 jqueryui download jQuery UI のダウンロード Wicket id 属性を固定にする
JavaScript : 日本語入力時のキーイベント。 - freefielder.jp
さてさて、JavaScriptで「日本語入力がON & 変換確定時に何か処理をしたい」と考えました。「日本語の変換が確定した」という情報を得なくてはなりません。キーイベントを受け取ることで、日本語入力中 / 変換確定 の区別は可能なんだろうか。 手元にある、いくつかのブラウザで挙動を調べてみた。 Firefox 3.6.x (Gecko 1.9.2) : Mac OS X , Windows , Linux(Xubuntu) 日本語変換中は、全てのキーで keydown,keypress,keyup,全てのイベントを受け取らない。 確定のエンターキーを押したときのキーアップイベントから復活。 Internet Explorer 8 日本語入力中、keydownにはキーコード"229"が、keyupには押したキーのキーコードが返ってくる。キープレスイベントは発生しない。 日本語変換中の 複数
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
