2次選考

Webデザイン

カテゴリー: ボタン  閲覧数:612 配信日:2017-01-08 22:34


設置候補 … 15


SVGフィルタによる歪んだボタンのエフェクト
・SVGエフェクトはqualityが高い

Bootstrap ボタンのデザイン
・定番のデザイン
・相対評価によりここで落選
・面白みがない
・新しさがない

box-shadow の ボタン hover エフェクト
・現時点の設置候補No.1

アニメーション投票ボタン(pure CSS)
・安定の設置候補

花火のボタン:D
・相対評価によりここで落選
・使い所がちょっとだけ難しいかも

背景カラーが左右に分かれていく / 奥から背景をふわっと表示させる #2 / 要素がパタッと開く / キューブ状にクルッと回転する
・相対評価によりここで落選
・普通の人にはボタンだと、もしかしたら分かり辛いかも
・アニメーションは面白いが、何度も試す際はウザくなるかも

ボタンスタイルとエフェクトのインスピレーション
・qualityは高い

シンプルなアイコンhoverエフェクト

3D swing ボタン
・相対評価によりここで落選
・悪くはないが、決め手に欠ける

Erik Deiner の Twitter Button コンセプト
・相対評価によりここで落選
・悪くはないが、毎回パカパカ開閉するのも面倒な気がする

SVGで画面全体に斜め線や曲線を引く

「斜線」2本描画
・相対評価によりここで落選
・悪くはないが、決め手に欠ける

Email Input Validation 動作 - JS 及び SCSS
・quality高い

Subscribe フォーム #1
・相対評価によりここで落選
・悪くはないが、同じ入力フォームなら、「Email Input Validation 動作 - JS 及び SCSS」の方が良い

Pixie Dust 入力

週間人気ページランキング / 11-12 → 11-18
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 50
2 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 10
3 RGB ⇔ Lab | 色変換(色) 8
3 鉄道会社毎のカラーコード | カラーコード(色) 8
4 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 6
5 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 4
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 4
5 ICCプロファイル | カラーマネージメント(色) 4
5 ページ内リンクの位置を微調整するためには、Negative margin を使用する | CSS 4
6 黒体 / 色温度 / D65(6500K)/ D50(5000K)/ K | 色 3
6 RGBの種類 / ビットカラー | RGB(色) 3
6 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 3
6 Design 0 3
6 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 3
7 効果を打ち消すスタイルシート | CSS 2
7 「bgcolor」「background-color」「background」の違い | CSS 2
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 2
7 RGB → 色相H 方式の違い | 色変換(色) 2
7 色モデルイメージ図 | 色変換(色) 2
7 HTMLタグに直接訪問済みリンクの色を指定することはできません。リンクのスタイルを変更するには、CSSを使用する必要があります。