フォームのセレクトボックスとチェックボックス・ラジオボタンをCSSで装飾する | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは制作の奥田です。 お問い合わせフォームで、テキストフィールドやテキストエリアを装飾するのはとても簡単なんですが、セレクトボックスやチェックボックス・ラジオボタンの装飾はクロスブラウザの問題などでちょっとややこしいイメージをお持ちの方も多いと思います。 しかし、IE8以前のサポート終了によりIE9以降の対応でよくなったのを期に、フォームをデザインすることが容易になってきました。 せっかく良いデザインにしてもフォームの要素がデフォルトのままだとなんか残念な気持ちになりますよね？ というわけで今回はCSSのみでフォームを装飾する方法をご紹介いたします。 セレクトボックスの装飾まず、select要素の挙動を統一するため、要素をappearance: button;でボタン要素にしてしまいます。 select::-ms-expandでIEの矢印を非表示にします。 select:-moz-f
PhotoShopでRetinaディスプレイに対応した画像を書き出す方法 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、制作担当の奥田です。 今まではPhotoShopで画像を書き出す際、スライスを使って「WEB用に保存」というコマンドで書き出していました。 しかし、もうその必要は無くなりそうです。 PhotoShop CC 2015で新たに追加された書き出し形式の指定を使って書き出しがとても容易になりました。 今回はその方法についてご説明いたします。 Table of contentsRetinaディスプレイに対応した画像とはどのように記述するのかPhotoShopでの書き出し方Retinaディスプレイに対応した画像とはRetinaに対応していないと折角のきれいなデザインも汚く表示されてしまいます。 以下の画像は左がRetina対応、右がRetina非対応の画像をRetinaディスプレイで見た例です。 右は文字が少し荒く表示されています。 どのように記述するのかHTMLではどのように指定すれば
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
