商用サイトでも無料で利用できる、ひらがな・カタカナ・漢字などが含まれている日本語のフリーフォントを紹介します。 最新版を公開!フォントの数が大幅に増えています。 2019年用、日本語のフリーフォント 366種類のまとめ
Notimo Demos site 利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。 次のリンクをクリックしてみてください。 → 通知を表示してみる ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。 スクロールしても、いやみではない感じにちゃんとついてきてくれます。 使い方もかなり簡単で、必要なJSとCSSを読み込んだ後、インスタンスをnewして show メソッドを呼び出すだけです。 showは2回連続で呼び出しても、ちゃんと1個目と区別して表示してくれます。 <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ
とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無
米Microsoftの次期Webブラウザ「Internet Explorer 8 (IE8)」の正式提供がスタートした。同ブラウザは今年内にも登場が噂されるWindows 7の標準ブラウザとして搭載が決まっている。MicrosoftではIE8のリリースに合わせ、従来のIE7との互換性情報のガイドラインを紹介している。 IE8では標準準拠をさらに推し進めたのが1つの特徴となっているが、それと同時に、従来のIE7の動作に依存したサイトの一部にはIE8での互換性に問題を持つものが存在する。特にスクリプトやCSSの実装を絡めてがっちりとコーディングが行われたサイトほど互換性の問題に直面することになる。 IE8ではこうした問題に対処するため、標準に準拠したIE8 Standards Modeと従来との互換性を重視したCompatibility Viewの2種類を用意しており、可能な限りIE7準拠のサ
CSSによるフォント指定がない場合、ブラウザはfont-sizeを16pxで表示します。これを利用してbody要素にfont-size: 62.5%を予め指定しておくと、「0.625 * 16px = 10px」つまり「10px = 1em」という様に、emフォントをpx単位で計算できるようにする方法。ただ、これにはメリット・デメリットが存在するんです。 メリット → px単位で計算できるのでレイアウトする際に便利。 デメリット → 「62.5%指定は1emが10pxになる」という公式はPCの環境によって左右される可能性があるため、フォントサイズを基に組んでるレイアウトは予期せぬ崩れ方をするかもしれない。 指定方法は以下のとおり。試してみてください。 /*CSS*/ body { font-size: 62.5%;} p.em { font-size: 1.2em;} p.px
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには? ライブドアブログを速くした著者が7つのポイントを伝授します(編集部) Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか? デザイナや主にHTMLのコーダー/マークアップエンジニアと呼ばれる職種に就いている人は、やはり“見た目”を強く意識しているのではないでしょうか。 例えば、複数のWebブラウザで同じか近い表示になるようにとか、リリース後の更新業務によって表示崩れが起きないように、などです。もちろんそれは職種の適性として正しいものですが、実はほかにも意識した方がよい重要な要素があるのです。 良い印象を与えるには、“速度”も重要 Webサイトを見たユーザーが、良い印象を受けるのか
シンプルで使い勝手がよさそうな高品質なフリーのフォントをThe Crud Factoryから紹介します。
Coda Popup Bubbles | jQuery for Designers - Tutorials and screencasts 滑らかにアニメーションして美しいポップアップを作成するチュートリアル。 Downloadにカーソルを合わせると、フェードインしつつ次のようなポップアップが表示されるものを作成していくチュートリアルです。 jQueryとCSSを用いて実装しているようですが、jQueryによって比較的簡単に実装されている様子。 ページのレイアウトを崩さずにヒントを表示できるポップアップですが、こうしたエフェクトがよりヒントを強調できるので覚えておいてよさそうですね。 関連エントリ LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」 Windows9Xなテーマの同一ウィンドウ内ポップアップ窓作成JavaScriptサンプル「Bride of Wi
みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか? ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを2つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く