今回は 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……
この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。1. MUUUUU.ORGクオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイ……
Huluとは、動画配信サービスの１つです。Huluは月額料金の定額制で、税抜933円で全ての動画が見放題というわかりやすく手軽な料金形態が人気のサービスです。今回は、何らかの理由でHuluにログインできなくなってしまった場合の原因と対処法について今回はご紹介します。Huluにログインできないときの対処法パスワードを忘れてしまってログイン出来ない一番多い原因がこれだと思います。パスワードをうっかり忘……
ブログやFacebookなどSNSのプロフィール画像など、ちょっとした画像が必要な時にはアイコン作成サイトが便利です。自分で絵を描いたり写真を取ったりできない場合、絵が描ける人に頼むのはお金がかかり、なかなかイメージ通りの画像を用意することは難しいものです。アイコン作成サイトなら簡単な操作でオリジナルのアイコンを手に入れることができます。今回はそのようなアイコン作成サイトをまとめました。萌える！ア……
この記事では、ワイヤーフレームのどこに・何を・どのように書けばよいか、情報の整理の仕方や相手に伝わりやすいワイヤーフレームを書くコツを紹介しています。ワイヤーフレームは会社やプロジェクトによって書き方が異なることもありますが、基本を学習する手助けになれば幸いです。ワイヤーフレームとはWebサイトの設計図のことで、「何を・どこに・どのように」配置するかを描いた図のことをワイヤーフレームと呼びます。ワ……