1画面ずつスクロールして進むウェブページを簡単作成企業の製品紹介サイトなどでは、画面全体に文字や画像を大きく配置し、1画面ずつスクロールして見せるデザインのウェブページをよく見かけます。そのような「1画面単位で滑らかにスクロールして画面が切り替わる」デザインのページを、jQueryを使って簡単に作成してみましょう。
![1画面ずつスクロールして進むウェブページを簡単作成 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f24cbf768a84db713c42734cd95e8074a435110/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F4%2F4%2F0%2F9%2F4%2Ftopimg_original.png)
「Web拍手」を設置して応援されたい!閲覧者から応援の気持ち(=拍手)を受け取ることができる「Web拍手」というツールがあります。ほんのちょっとでも「気に入った」というサインが得られると嬉しいですよね。Web拍手を設置して応援されてみましょう。 手軽に応援してもらえる「Web拍手」 「Web拍手」というおもしろいツールがあります。 アクセス者が、ウェブサイトの運営者に対して、気軽に応援の気持ち(=拍手)を送ったり感想を送ったりできるツールです。 利用しているウェブサイトも多いので、見かけたことのある方々も多いでしょう。 たいていは、下記のような簡単なボタンが配置してあります。 このボタンをクリックすると、1回拍手を送ることができます。 ※実際に動作します。↑ 拍手を送ると、お礼のメッセージが表示されます。 イラストやマンガを公開しているウェブサイトの場合は、お礼用に描かれたイラストが表示さ
Macネットワークの注意事項企業内でMacを使っている、あるいは使おうとしている人を対象に、ネットワーク設定と注意事項を紹介。 Mac OS XはUnixベースのOSです。アカウントの管理、ネットワーク対応、セキュリティのどれをとってもオープンソースの最新技術がふんだんに盛り込まれているので、非常に信頼性が高いものになっています。それでいて、Macを利用するのに難しい専門用語や設定変更を意識する必要はほとんどありません。 Unixの堅実さを備えながらも、シンプルな操作性を実現しているMac OS Xですが、だからといって何もしなくても安全というわけではありません。 共有フォルダのアクセス権はゲストユーザから見放題になってないか?未使用のポートはファイアウォールで塞がっているか?共有フォルダのアクセス権をActive Directoryのドメインユーザの特定のグループのみに与えるにはどうすれ
右図は、ボックスの角を丸くできるborder-radiusプロパティを使ったサンプルを、IE6で表示した画面です。border-radiusプロパティの使い方は、記事「画像を使わずにCSSだけで角を丸くする方法」をご参照下さい。 CSS3 PIEを使うソース例は以下の通りです。 p { border-radius: 30px; behavior: url("/PIE.htc"); } box-shadowプロパティをIE6で表示 右図は、ボックスに影を付けるbox-shadowプロパティを使ったサンプルを、IE6で表示した画面です。box-shadowプロパティの使い方は、記事「IE9を含む代表的なブラウザで使えるCSS3プロパティ」の4ページ目をご参照下さい。 CSS3 PIEを使うソース例は以下の通りです。 p { box-shadow: 10px 12px #800000; /* 影
VLOOKUP関数の使い方を初心者向けに解説! 指定列からデータを取り出す方法VLOOKUP関数の使い方を初心者向けに解説します。Excelの「VLOOKUP関数」は、検索したデータに該当した行の指定列からデータを取り出す関数です。IF関数の応用、エラー(N/A)が出たときの対処法、別シートを参照する方法、複数の表を切り替えてデータを取り出す方法などもあわせてご紹介。 VLOOKUP関数とは 「VLOOKUP」(読み方:ブイルックアップ)とは、検索したデータに該当した行の指定列からデータを取り出す関数です。 =VLOOKUP(検索値,範囲,列番号,検索方法) データを検索する関数の中でもっともポピュラーな関数といえます。しかし、その使用方法が理解しづらかったり、何度もヘルプにお世話になったりしている方も多いと思います。この記事を読んで、一気にVLOOKUP関数を制覇してしまいましょう! こ
CSSの両端揃え(均等割り付け)で行の右端も揃える方法HTMLに記述したテキストをCSSで両端揃え(均等割り付け)にする方法を解説。行揃え方法を指定するtext-alignプロパティに、両端揃えを示す値「justify」を指定するだけで、各行の左端だけではなく右端もきれいに揃えられます。ただし、IEとEdgeではtext-justifyプロパティを併用する必要があります。 各行の左端だけでなく右端も揃えて、両端揃え(均等割り付け)にしたい ウェブページ上にの文章は、標準では左端から表示され始めます(※)。そのため、各行の左端は揃って表示されます。しかし、文章中に含まれる文字の種類や使われているフォントの種類によっては、各行の右端は揃わないことがあります。 ※言語によっては右端から表示されますが、その場合は左端が揃いません。 狭いボックス内に掲載する文章などでは特に、各行の左端だけでなく右端
「Facebookページ」とは、世界最大のSNSであるFacebook内部に誰でも作成できる、特定の商品やサービス・人などに関する独自のウェブページのことです。既に様々な企業・組織・個人などが、Facebookページを作成して活用しています。 単独のウェブサイトを作成するのとは異なり、Facebook内部でFacebookの機能を活用できる点が特長です。「いいね!」ボタンでフォローされれば(そのユーザのタイムラインへ)継続的に情報を伝えられますし、投稿に「いいね!」が付けば口コミ的な広がりも期待できるでしょう。コメント機能を活用することで、訪問者とコミュニケーションが取りやすくなるメリットもあります。 Facebookページを作ってみましょう (個人でも簡単) 「Facebookページ」は、Facebookにアカウントがあれば誰でも無料で作成できます。ここでは例として「ホームページ作成TI
Perl のプログラム自体は単純なテキストファイルですが、その Perl プログラムを実行したり、また、開発用にテストしたりするにはPerl の実行環境が必要です。この記事ではお手元の環境でPerl プログラムが使えるように、実行環境を整える方法をご紹介します。 ちょいちょい手元で Perl が使えるようになるととても便利ですよ。ぜひトライして下さい。 「開発環境」と「実行環境」は違う? プログラミング言語によっては「開発環境」と「実行環境」で異なるプログラムが用意されているものがありますが、Perl については「開発環境」と「実行環境」は同じものです。 一方、「統合開発環境(IDE、Integrated Development Environment)」と呼ばれるものについては別にありますので、これは追々ご紹介します。 目次 対応 OS Windows の場合 Mac の場合 Unix
スマートフォンは、PC用に作られたウェブサイトでも表示できます。しかし画面サイズが小さいため、そのままの状態では読みにくい可能性があります。その場合の対策としては、 レスポンシブWebデザインを採用する スマートフォン専用サイトを作る などの方法があります。 ■更新や管理が楽なのはレスポンシブWebデザインだが…… 更新や管理の労力を考えれば、レスポンシブWebデザインを採用する方が楽でお勧めです。その方が、同じ情報を掲載したページを複数用意する必要がありませんし、新しい端末が登場しても(おそらくは)何もせずに対処可能ですから。 (参考) ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選 しかし、既存のPC用サイトがレスポンシブ化しにくいデザインな場合や、スマートフォンの特性を活かしたウェブサイトを用意したい場合では、PC版サイトとスマートフォン版サイトを分離する方が望ましいこ
限定した人々にのみ公開したい会員制ホームページを作りたい場合や、メンバー間だけで共有するファイルを置きたい場合など、ウェブサイト内の特定の領域にアクセス制限を設定したいことがあります。アクセス制限方法は多数ありますが、ユーザー名(ID)とパスワードを使うユーザー認証機能による閲覧制限方法が簡単です。 そこで本記事では、「.htaccess」という設定ファイルなどを作成して、Basic認証(基本認証)と呼ばれる認証機能をウェブサイト内に設置する方法をご紹介いたします。 アクセス制限を設定する対象のHTMLは一切修正不要です。認証の設定を書いた.htaccessファイルや、IDとパスワードを指定の書式で列挙した.htpasswdファイルを対象ディレクトリに置くだけの簡単な準備で、ログイン画面が出る秘密の会員制ホームページが作れます。 【目次】 Basic認証(基本認証)とは Basic認証(基
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く