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

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

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

パーツごとに見るモバイル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

意外とできてる会社ばかりではない!?Webデザインを行う前にすべき、Webディレクション作業まとめ。

意外とできてる会社ばかりではない!?Webデザインを行う前にすべき、Webディレクション作業まとめ。

アニメーションで問題を解決!サイトをより分かりやすくする為のアニメーションの使いどころ。

感性を鍛えよう!動きが気持ちいいUIアニメーションまとめ

魅力的なイラストを活用したアプリのUIデザイン7選

UX思考を学ぶ。UIデザインパターン全28選

コピペで使える!マテリアルデザインなUIアニメーション

UIデザインの歴史に学ぶシャドウと奥行きの使い方

アニメーションが心地よいマテリアルデザインのUIサンプル5選

UI /UX 2

説得力がグンと上がる!UIデザインの心理学

ウェブの UI デザイン・ビジュアルデザインの基礎を学ぶのに役立った本まとめ(2015年・冬)

WEBサイトのデザインをPhotoshopで行いカンプ(デザイン案)を作成する

WEBサイトをデザインするまでに行うサイト設計とワイヤーフレーム

WEBデザイナー未経験者のためのポートフォリオ作成手順

派遣社員のWEBデザイナーから転職して正社員デザイナー採用されるまでに行ったこと

Photoshopのスライスとアセットを使い効率よく画像を書き出す方法

元採用担当だった私が未経験WEBデザイナーに望んだたった1つのこと

UI / UX

全エンジニア・全デザイナー必見!UI/UXを入門からマスターできるスライド資料25選

UI/UXデザインの勉強におすすめの本・教材 16選

UI/UXって何?ノンデザイナーのためのUIUX入門

【今さら聞けない!】UI/UXデザインの違いとその学習方法とは!

エンジニアがUI/UX入門する際におすすめの本5冊

エンジニアがUX/UI入門する際におすすめの本5冊

エンジニア必見!UX/UIを入門からマスターできるスライド資料30選

エンジニアでも一読の価値あり!UI / UXの入門スライド厳選10点まとめ

いまさら聞けないUXの基本。初心者デザイナーが読むべきUX入門記事9選

Webコンサル歴10年目の私が選ぶ、UX改善を行う上で絶対読むべき本9選

UI・UXデザイナーを目指す人におすすめしたい。私が今でも読み返す参考書2冊

『UX戦略』は事業にUXを組み込みたい人向けの良書だった。

最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは

STANDARDが厳選するデザイナーに読んでもらいたい書籍

エンジニアがUX/UI入門する際におすすめの本5冊

【UXデザインをはじめたい人向け】おすすめ書籍1選と3つの理由

UI/UXデザイナーがオススメするUI/UXの関連書籍

2016年上半期注目のUX本まとめ(関係者コメントつき)

【事例から学ぶ!】聞いたことはあるけど「UIデザイン」とは?

UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ

Webデザインで心理学が重要なワケ

分かり易い!ITエンジニアがUI/UXを確実に学べるコンテンツ11選

今さら聞けない!UI/UXを確実に学ぶオススメの良スライド10選