『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
HTML5で拡張されたフォーム機能について HTML5で実装可能なフォーム機能にはJSなどで拡張されていた機能が、属性を使いわけることで、 とても便利になる。 <!------ eメールの場合 ------> <form action="xxx.php" method="post"><label>メール(type="email"):<input type="email" name="email"></label><input type="submit" value="送信"></form> <!------ URLの場合 ------> <form action="xxx.php" method="post"><label>URL(type="url"):<input type="url" name="url"></label><input type="submit" value="送信
スマホ・タブレット対応、レスポンシブ対応が一般的な現在、CSSの扱いは非常に重要になっているように感じています。今回こそはと思ってサイト制作を始めても気が付いたらグチャグチャなCSS。 2014年もCSSを上手く綺麗に扱うのに苦労しそうです。そこで、ここではリセットCSSに合わせて、効率良くスマートに扱うための初期CSS、HTMLを大公開。 年末ということで、過去のデータを整理してみました。 個人的な資産ですが、まぁ何と言うか誰かの役に立てたら幸いです。紹介するCSSは大きく分けて下記の4つです。 2014年もきっと大活躍のリセットCSS よく使うCSS3 WordPress用の初期CSS レスポンシブ対応、どんなサイトでも使えるレイアウト早組CSS リセットCSSというか、もはやフレームワークです。 2014年のリセットCSS 色々なリセットCSSが出回っていますが、個人的には下記で十分
毎日たくさんのコードを、実際に手を動かしながら勉強しているのですが、HTMLやCSSをいつも白紙の状態から書いているわけではありません。いつも必ず記述する部分は、テンプレートとしてそのままコピーしてから書き始めるようにしています。 インターネットで「HTML,CSS,テンプレート」と検索すると、HTMLとCSSのファイルを無料で配布しているサイトがたくさんみつかります。 高品質なデザインのものから、レスポンシブに対応しているものまでたくさんあるので、コードを見るだけも勉強になりますね〜。 今回はそういったデザインまで完成しているテンプレートではなく、HTML・CSSそれぞれのコードを書き始める際に、必要最低限は記述しておいたほうがよさそうなコードについて考えてみました。 レスポンシブ対応!HTMLテンプレート HTMLを書く際に、上記のコードをテンプレートとして使っています。 DOCTYP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く