今回は jQuery で要素にフォーカスを当てる方法について説明します。ページの読み込み時に最初に入力するフォームに自動的にフォーカスを当てることによって、ユーザーの手間を省くことができます。focus() メソッドの使い方特定の要素にフォーカスを当てる場合は focus() メソッドを使います。focus() メソッドの記述方法は以下の通りです。jQueryオブジェクト.focus()最初のフォ……
国内でも利用者の多いプロトタイピングツール Prott が本日、画面遷移図を自動作成する「遷移図」機能をベータリリースしました。 [caption id="attachment_45075" align="aligncenter" width="764"] 出典：http://www.prtimes.jp/main/html/rd/p/000000032.000008880.html[/capti……
PagesとはApple社が作っているワードプロセッサー及びページレイアウトソフトです。Mac、iPhoneで動き、Webサービスとしても動作します。2013年10月以降にMac本体やiPhone/iPadを購入した人には、無料ダウンロード可能になっています。今回はPagesの特徴や、基本的な使い方をご説明します。Pagesの特徴Pagesはページレイアウトソフトです。白紙から文章を打ち込んで作り……
Webの文章は、どのように編集するかでユーザー体験が大きく変わります。今回は、その中でも英語の文章を扱う際に気をつけることを解説します。段落の最後に現れる短い行は英語ではオーファン（＝みなしごの意）といいますが、オーファンはページの読みやすさと美しさに影響を与えるので、基本的には取り除いたほうがよいとされています。オーファンはリズムを崩すユーザーはWeb上の文章をリズムよく読みたいものです。オーフ……
今回は jQuery でスクロール位置を取得・設定する方法について説明します。 スクロール位置を使うことで、ページ内の特定位置に移動したり、スクロール位置によって表示を変更したりできます。 スクロール位置を取得する スクロール位置を取得するためには scrollTop() メソッドを使います。 scrollTop () メソッドは戻り値として、水平方向のスクロール位置を返します。このとき、最上……
今回は jQuery で HTML タグやテキストなどの要素を追加する方法について説明します。jQuery で要素を末尾に追加する場合は、append() や appendTo() を使います。要素を追加する：append()append() メソッドは引数に指定した要素を末尾に追加します。append() メソッドの記述方法を以下の通りです。$(対象の要素).append(追加する要素)引数には……
ソフトバンクが、イギリスの大手半導体企業ARM（アーム）を約3兆3000億円(240億ポンド)で買収すると発表し話題になりました。 ソフトバンクの孫正義氏は、ロンドンでの記者会見で「大きなパラダイムシフトはインターネットからモバイルに移り、その次はIoT（Internet of Things）」と述べており、今回の買収からソフトバンクが次の事業としてIoTに大きく賭けていることが伺えます。 ARM……
HTML や CSS のタグやプロパティをすべて記憶することはベテランのデザイナーでも難しいものです。しかし、わからないタグやプロパティなどをいちいち検索して調べていると開発に時間がかかってしまいます。そんなときに役立つのがチートシートです。チートシートを使えば素早く目的のものを見つけ、より効率的な開発を行うことができます。今回は Web 制作を行うときによく使う HTML、CSS、Bootstr……
サイトや広告などで人の興味を引くビジュアルとはどのようなものでしょうか？ Facebookのデザインマネージャー、Caitlin Winner氏が提案する、目を引く画像や写真を作るための10の法則をご紹介します。 1．三分割法を用いる 最も注目させたい部分を中心から避けると、画像はより目を引きます。 私たちは注目させたい部分を無意識的に中心に置きたがりますが、そうしない方が目を引きます。ただ、人……
Atom の特徴としてユーザーが開発したパッケージを導入する事で機能を拡張が出来ます。また、入力に使うフォントの変更が可能です。ここではAtom のフォント変更とパッケージ導入の方法をご紹介します。Atom のフォント変更方法１. Atom を起動２. File タブの項目内にある Settings を選択３. Font Family に使用するフォント名を入力Settings 項目内にある Ed……