カテゴリー別アーカイブ: font

スマホサイトで指定すべき最適なフォントサイズとは?(モバイルフレンドリー対応)

スマホサイトで指定すべき最適なフォントサイズとは?(モバイルフレンドリー対応)

パーツごとに見るモバイルUI:カルーセルの事例と、設計・デザイン時に気をつけること

パーツごとに見るモバイルUI:参考にしたいUIまとめ

パーツごとに見るモバイルUI:フォームの事例と、UIを考えるときのポイント

パーツごとに見るモバイルUI:ハンバーガーメニューを押した際のナビゲーションの表現方法

パーツごとに見るモバイルUI:ハンバーガーメニュー以外の特徴的なメニュー表現の事例紹介

文字の拡大縮小

■文字の拡大縮小
文字サイズを変更できるjQueryプラグイン(高速道路機構HP改修に使用)

[ プログラミング ] jquery.cookie.jsを利用して文字サイズを変更する(JKAリニューアルに使用)

文字「大・中・小」、フォントサイズの切り替え【jQuery】

CSS切替なしでフォントサイズを変更するjQueryのスクリプト

■ドロップダウン

●CSSだけで作る動きのあるドロップダウンメニュー

http://weboook.blog22.fc2.com/blog-entry-359.html

●CSSだけで作る「多階層」なドロップダウンメニュー

http://weboook.blog22.fc2.com/blog-entry-383.html

————————————————————————————

————————————————————————————

■bxSlider

●jQueryプラグイン「bxslider」を利用してサムネイル付スライダーをつくる

http://560days.com/lab/2013/02/001244.php

簡単!bxSliderでスライドショーを作成

http://www.narugaro.com/web/%E7%B0%A1%E5%8D%98%EF%BC%81bxslider%E3%81%A7%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC%E3%82%92%E4%BD%9C%E6%88%90/

カルーセルスライダーbxSlider

http://blog.alan-trigger.info/?p=116

簡単にコンテンツスライダーを実装できるjQueryプラグイン「bxSlider」の実装サンプル

http://www.nxworld.net/tips/jquery-plugin-bxslider-examples.html

【jQuery】スライダーで、1枚の時は動作しないようにする。

http://kyonodesing.hatenablog.com/entry/2015/02/11/135023

jQuery レスポンシブ・スライダー bxSlider

http://www.webdesignleaves.com/wp/jquery/843/

【初心者向け】簡単・おすすめ「jQuery」と「bxslider」によるスライドショーの設定方法

http://matome.bgah.jp/javascript-bxslider/

jquery.bxslider.jsの使い方やオプションなどのまとめ

http://cly7796.net/wp/javascript/plugin-jquery-bxslider/

「bxSlider」の使い方2 ~サムネイルをカールセルにしたスライドショー~

http://www.plusdesign.co.jp/blog/?p=3037

————————————————————————————

■CodeStudy

http://jeek.jp/study/exp?banner=8

■お気に入りのJavaScript学習サイト”CodeStudy”

http://www.b-chan.jp/entry/programming/JavaScript-CodeStudy

■JavaScript入門編

http://wp-p.info/tpl_rep.php?cat=js-biginner&fl=r1

■富士通のサイトのようなブロック・スキップを時には表示させ、時には非表示にする実装

http://blog.e-riverstyle.com/2010/10/js-8.html

■フォーカスした時に、ブロックスキップを表示させ、フォーカスが外れたらブロックスキップを非表示にさせるjQueryプラグイン「focusBlockSkip」を開発しました。

http://blog.e-riverstyle.com/2010/10/jqueryfocusblockskip.html

■【アクセシビリティ対応】ブロックスキップを実装した際の「tabindex」の処理について

http://www.web-genba.com/entry/2015/06/24/011834

icomoonで好きなアイコンを追加する手順

icomoonで好きなアイコンを追加する手順

アイコンフォントが手軽に使える「IcoMoon」の使い方

アイコンフォントの具体的な使い方 – IcoMoon App

自作のアイコンフォントを「IcoMoon App」で作成する

IcoMoonを使ってSVGからアイコンフォントを作る方法

無料でできる!オリジナルアイコンフォントを作ってみよう

Retinaでもボケない「シンボルアイコン」を使いこなそう!

SVGでアイコンフォントをつくるならIcoMoonがオススメ!

IllustratorとIcoMoonでSVGスプライトのラクラク設定!

オリジナルアイコンフォントも作れるWebサービス「IcoMoon」の使い方

アイコンフォントを使うフォントだけにするとかなり便利

アイコンフォントを使うフォントだけにするとかなり便利

Font−familyのベストな書き方 2015年版

無料で使える日本語ウェブフォント9種類をGoogleが公開中

【保存版】和文のWebフォントサイト30選

親しみやすさのあるデザインに取り入れたい手書き風フォント38選


日本語Webフォント導入のデメリット、導入の障壁は何なのか?

【日本語も利用可】Webフォントを配布しているサイトまとめ

商用でも無料で使える!日本語Webフォントまとめ

Webフォント(日本語/欧文)サイトまとめ9選!変更方法もご紹介します

無料日本語WEBフォント。その設定方法とライセンスに注意!

無料で使える明朝体の日本語WEBフォント

Google が提供する日本語 Web フォント

2016年GoogleのWebフォント日本語版が(明朝3種・ゴシック3種・特殊2種)さらに追加!

スマホで見るとサイトの文字が大きくなる?

スマホで見るとサイトの文字が大きくなる?

【Chrome】指定サイズよりフォントが大きくなる

AndroidのChromeでフォントサイズが大きくなってしまう不具合は「max-height」で解決するかも

AndroidのChromeブラウザでフォントサイズが大きくなってしまう場合の解決方法

【HTML】chromeでスマホの文字が大きくなる。

【Android】Chromeでフォントサイズが大きくなるバグ

スマホで文字サイズが勝手に大きくなる。そんな時は?