[JS]背景画像をブラウザの枠いっぱいに広げて表示するスクリプト -fullscreenr
背景画像のアスペクト比を維持しつつ、ブラウザの枠いっぱいに広げて表示するスクリプトを紹介します。 デモではオプションで、ドットの画像をオーバーレイさせています。 スクリプトがオフ時の表示 fullscreenrの実装 fullscreenrはjQueryのプラグインのため、実装にはjquery.jsが必要です。 HTML 当スクリプト（jquery.fullscreenr.js）とjquery.jsを外部ファイルとして記述します。 <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery.fullscreenr.js" type="text/javascript"></script> JavaScript head内に下記のスクリプトを記述します。 <script
田園社会プロジェクト ｜ NPO RURAL SOCIETY PROJECT
私たちNPO法人田園社会プロジェクトは、 循環型田園社会の形成を目指し、環境教育支援活動を通じて、 農の持つ多面的機能の啓発、地産地消や食育への取り組みを応援する目的で設立いたしました。 当初は、農地、水、環境保全活動の応援の為に、全国の土地改良区様を通じて冊子を配布したところ、冊子を読んだ親子さんから暖かい感想をいただきました。 自治体のご担当者様から「地域の問題としてこのマンガを生かした教育教材ができないか」との打診をいただき制作した“地域の課題をテーマにしたオリジナル冊子”は子供たちへの出前授業など多くの市区町村でご利用いただいています。 “地域の課題をテーマにしたオリジナル冊子”は、それぞれの地域の農を見つめ直し、郷土愛を育み深めていくことにお役立ていただいています。 NPO法人田園社会プロジェクトは、日本の農を守るため、地域との様々なコラボレーションを通じて「日本をおいしい島に」
ふらの牛乳プリン - フラノデリス
「ふらの牛乳プリン」の製法へのこだわり、プリン写真館・プリンカルトQなどを紹介します。フラノデリスの ふらの牛乳プリンを もっと知りたい方へ。 ふらの牛乳プリンをアニメーションでご覧頂けない場合は、こちらをクリックして下さい。 ふらの牛乳プリン物語 第三話・最終話 牛乳プリン大ヒット 初めての物産展 ついに迎えた2002年9月24日。フラノデリスにとって初めての物産展が、広島三越で始まりました。このときはまだ実演ではなく、製品を送って販売は三越さんにおまかせするスタイル。しかし名もない北海道の洋菓子店の、瓶に入った不思議なプリンを本当にお客さんが買ってくれるのか？まったく予測がつかないままの出展です。 午前10時の開店。三越さんによると、お客さんはどんどんフラノデリスの前に並んでいき、あっと言う間に長～い行列が。あの日富良野で、僕の失敗したプリンを食べて「面白い！ぜひこれを物産展に出
ウエディング、ブライダル、結婚準備ならゼクシィ
ゼクシィからのお知らせ システムメンテナンスのお知らせ 2月20日（火）午前0:00～午後1:00はシステムメンテナンスのため、ゼクシィの全サービスを停止させていただきます。 ご迷惑をおかけしますが、あらかじめご了承ください。 ※開始・終了時間は、告知なく前後する可能性があります セキララゼクシィに関するお知らせ 現在、セキララゼクシィ（https://zexy.net/contents/lovenews/）サイトが閲覧できない状態となっております。 ご不便をおかけいたしますが、何卒ご理解いただけますようお願い申し上げます。
資生堂 アネッサ
日焼け止めブランド アネッサ（ANESSA）の公式サイトです。紫外線から肌を守りながら、スキンケアもできる日焼け止めで太陽のもと、自由に輝く人々を応援します。商品情報をはじめ、紫外線対策に関する様々なお役立ち情報を発信中。
WEBからスマートフォンまでワイヤーフレームのための素材キット30選「30 Fresh Web UI, Mobile UI and Wireframe Kits」
WEBからスマートフォンまでワイヤーフレームのための素材キット30選「30 Fresh Web UI, Mobile UI and Wireframe Kits」 WEBサイトを制作するために作成するワイヤーフレーム。サイトの作りを決定する重要なものです。作り方は制作する人によって大きく変わると思うのですが、今日はワイヤーフレームをより簡単に作成するための素材キットを集めたエントリー「30 Fresh Web UI, Mobile UI and Wireframe Kits」を紹介したいと思います。 Website Wireframes Kit for Adobe Fireworks (.png) 手書き風のものから、キッチリ作られたものまで様々な素材キットが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Wireframe
Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト！ ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基本的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLやCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー
WordPressのマルチサイト機能で複数のブログを管理する
ちょんまげ英語塾 > WEB制作TIPS > WordPressのマルチサイト機能で複数のブログを管理する WordPress(ワードプレス)のマルチサイト機能とは ※WordPress の解説及びインストール方法については、WordPressをxreaにインストールするで解説していますので、まずはこちらをお読みください。 WordPress 3.0 から、いままで WordPress MU でのみ提供されていた一つの WordPress で複数のブログを管理する機能(マルチサイト機能)が統合されました。このページではデジロック社が運営している xrea や coreserver といったレンタルサーバにインストールされた WordPress でマルチサイト機能を使って複数のブログを管理・運営する方法を解説します。※他社のサーバを使ってる方へ 一言でマルチサイト機能と言ってもブログの公開U
canvas要素 + Javascriptで作る、動的コンテンツ
HTML 5 + Javascriptで作る動的なコンテンツ 前回の授業では、HTML 5について、その成り立ちや特徴を解説した上で、新しい構造化のための要素について解説しました。また、あわせてCSS3によって格段に進歩した表現力について実際にサンプルページを作りながら解説しました。 今までは、Webページで動的に図や画像やアニメーションを描画するにはFlashが代表的な選択肢でした。しかし、ここ数年でその状況が大きく動きつつあります。Flashに代表されるような動的なコンテンツが、専用のプラグイン無しに、HTMLの要素とそれと連携するスクリプトだけで実現できるようになりつつあるのです。こうした技術は、今後のWebの動向を大きく変える可能性を秘めた技術として脚光を浴びています。 HTML 5で動的に画像やアニメーションを生成するためには、canvas要素という新規に導入された要素と、can
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大河ドラマ「龍馬伝」
コーディング ガイドライン