使い方 まず最初にチェックするコンテンツです。どのような考えをもとにプログラムを組み立てていくか、設計力を学びます。 サンプル 使い方で学んだことを生かして、簡単なサンプルの作成を学んでいきます。 プラグイン jQueryで利用できる便利なプラグインを紹介していきます。 リファレンス jQueryのリファレンスです。辞書代わりにご利用ください。 使用例 企業サイトでのjQueryの使用例を紹介していきます。 始めに jQueryはデザイナーにも利用しやすいjavaScriptプラグインです。このサイトはhtmlやcssを充分に理解しており、さらに基礎的なjavaScriptをマスターしている方を対象に記事を書いています。 現在はスマートフォン用のゲーム制作に注力しているため、本サイトの更新は休止状態（2014年3月が最終更新）です。ゲーム制作に関するブログ：スマゲー作るよ！はほぼ毎日更新し

タブ機能の作り方！ページ移動せずに内容を切り替える(5ページ目)タブ機能の作り方を解説。ページを移動することなくボックス内の表示内容を切り替える方法です。HTMLとCSSでタブを作り、JavaScriptを使って表示タブを切り替えます。タブ表示部分がクリックされれば一瞬でページ内容が変化するタブ機能は、狭い領域にたくさんの情報を掲載したい場合に便利です。 4. タブ機能を作る全ソースのまとめ 今回ご紹介した、HTML・スタイルシート・JavaScriptのすべてのソースをまとめて掲載しておきます。 コピー＆ペーストして使ってみる際などにご活用下さい。 ■head要素内に記述するCSSソース /* ▼タブ */ #tabcontrol a { display: inline-block; /* インラインブロック化 */ border-width: 1px 1px 0px 1px; /* 下

JavaScript var tabNavigation = function() { this.init.apply(this, arguments); }; tabNavigation.prototype = { settings : {}, elements : {}, init : function(settings) { var self = this; /** * @property {string} boxElementIdName : ナビゲーションとして実装する要素の親要素のID名 * @property {string} anchorElementName : ナビゲーションとして実装する要素の要素名 * @property {string} linkAttrName : ナビゲーションとして実装する要素の属性名（切り替える要素のID名が格納されている属性名） * @p

ワープロソフト等を用いていて、フォントの大きさを「ポイント」で指定することがあるかと思います。このとき、「はて、1ポイントっていったい何mmなんだろう？」と思ったことはないでしょうか？ PC上で使われる「ポイント」のほとんどは「DTPポイント」というやつで、1ポイント＝1/72インチと定義されています。1インチ＝約25.4mmですから1ポイントは、約0.352778mmですね。 さて、java.awt.Fontなどでフォントのサイズを指定するとき、このポイントを使わなければならないのですが、画面に表示する際は結局何ピクセルになるのでしょうか？　画面が何インチあるかで大きさが変わったりするわけでは、もちろんないですよね。 これは画面の解像度の設定で、1インチを何ピクセルで表すかが設定されています。標準的なWindowsならば96dpiと設定されています。dpiとはdot per inchの略

春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE

イラストをダウンロードするには、イラストACにログインしてください。初めての方は無料登録を！会員登録後、ログインして、商用利用も可能な約4,636,894点以上のかわいいフリーイラスト素材、無料画像がダウンロードできます。

※VOCE本誌並びにウェブサイト内の商品価格は消費税込みの総額表示ですが、2021年3月31日以前に作成された記事内の商品価格は、作成時の税率もしくは外税で表記しています。

もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;