[B! HTML] snomofのブックマーク

分かりやすいWeb入力フォームのための十戒 | POSTD

1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネームやパスワードなどを入力する際にはシンプルで使い勝手がいいのですが、それ以上に長い文字列になると少々勝手が悪くなります。そのため余白があるのであれば、ラベルを表示すべきです特に、長いフォームの場合では、ユーザは入力したものを見直すでしょう。どのラベルが入力欄と合致するのか分からなければ、間違いがないよう見直すことなどできるはずがありません。改善前:入力欄中にラベルが記入してあります。今は見やすいかもしれません。しかしフォームに入力するとラベルが見えなくなってしまい、間違いを見つけにくくなってしまいます。改善後:それぞれの入力欄に、クリアでいつでも見えるラベルを付けましょう。 2. 十分な大きさのフォントを使用せよ

snomof 2015/06/25

design
html

リンク

スタイルシートで実装するパララックススクロール | コリス

パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。今後、実装方法がますます進化しそうです。実装方法を簡単に紹介します。 HTML デモのHTMLをシンプルにするとこんな感じになります。各スライドはdivで配置し、それぞれclassにslideを、idで個別の名称を付与します。 <div id="title" class="slide header"> <h1>Pure CSS Parallax</h1> </div> <div id="slide1" class="slide"> <div class="title"> <h1>Slide 1</h1> <p>パラグラフ　パラグラフ</p> </div> </div> <div id="slide2" class="slide"> <div class="title"> <h1>Slide 2</h1

snomof 2014/01/24

リンク

IT 勉強会カレンダー

snomof 2013/10/04

リンク

初心者でも3か月でwebサービスを必ず作れるようになる！Webサービス学習資料5選 | 就活の未来

最近のソーシャルメディアの台頭により、ここ数年において、Webは更に力を増したといえるでしょう。中でも現役の大学生が、様々なアイディアを形にし、それをWebサービスという形で発信し続けているのが印象的な人もいるかもしれません。そこで、あなたもWebサービスを作成したいという欲求にかられるでしょう。 Webサービスを作っている人が身近にいれば、その人に聞けばよいかもしれません。しかし、そうではない人も多いはずです。そこで、今日は、そんなあなたがWebサービスを作成するにあたって、参考にすべき学習用の資料を5個選びました。これを頼りにあなたの思いをWebサービスに変えて、世界に届けてください。 Webサービスを作成するにあたって身につける必要があるもの覚える必要があるのは以下のいくつかの言語です。・HTML ・CSS ・プログラミング言語1つ(PHP, Python, Rubyなどな

snomof 2013/04/04

リンク

GoogleドライブにWebホスティング機能が追加

米Googleは2月5日（現地時間）、クラウドストレージサービス「Googleドライブ」にWebホスティング機能を追加したと発表した。使い方は以下の通り。 Googleドライブに新規フォルダを作成し、公開設定にするフォルダにWebページを構成するHTMLファイルやCSSファイルなどの一式をアップロードするフォルダ内のHTMLファイルを開く編集ページのメニューバーにある「プレビュー」をクリックする（下図A）表示されたページのURLが公開ページのURLになる（下図B）