最近のWebページで人気があるのは、ビジュアルの連続性。 パネルをクリックすると、それが拡大してモーダルウインドウになり、ボタンをクリックすると、それが変形してパネルになるなど、ユーザーのアクションをトリガーに要素が別の要素にアニメーションで表示される超軽量(1.2KB)スクリプトを紹介します。 モーダルウインドウとサイドバーのデモ コマを落としているので分かりにくいですが、ボタンをクリックするとモーダルウインドウやサイドバーに、アニメーションで変形して表示されます。 cta.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="src/cta.js"></script> </body> Step 2: HTML 一つ目のデモ「タイル状コンテンツ」のHTMLは、こんな感じです。 data
「切り抜きJP」は、日本最大の画像切り抜き代行サービスです。印刷業界、Eコマース、メディア業界、流通業、メーカー様などを中心に、事業規模を問わず20,000社以上のお客様が利用しております。時間が掛かり、効率の上がらない画像加工業務を、低コストでご提供致します。詳細はこちら 詳細はこちら
週末講座 Webの未経験者からスキルアップをしたい中級まで。手を動かして自分の作品を作る2ヶ月のコース。 実践に基づいた技術を学べますので、目的に応じたコースをお選びください。 初心者も歓迎です!
転機を迎えた郊外住宅地 「もっと若い人にここに移り住んでもらって、かつての活気を取り戻したい」 私たちが訪ねたとき、多くの住民からこうした声を聞きました。確かに広い庭や緑豊かな公園は、子育てには理想的な環境です。 しかし、いくら空き家があっても、地元の若い子育て世代が簡単に手を出せる価格ではありません。また、厳しい建築協定が結ばれているため、土地を分割して売却したり、アパートなどの集合住宅を建てたりすることもできません。良好な環境を維持するための配慮が、かえって若い子育て世帯が移り住むことを阻んでいるのです。 住民の1人は「地域のスーパーは閉店し、中学校も来年には統廃合されます。今は元気だからまだいいですが、10年後、20年後を考えると、このまま住み続けることができるのかどうか、本当に不安です」と話していました。 明治大学文学部の川口太郎教授は、日本の郊外住宅地は、大きな転機に立たされてい
ドライヤーにも色々ありますが、一体どのドライヤーが人気なのでしょうか? また、なぜそのドライヤーは人気があるのでしょうか? その理由などもご含めて現役美容師がじっくりとご紹介していきますね。 まず、良いドライヤーとは何かを考えた時、 やはり一番に上げたいのが出来るだけ髪に負担を与えずに乾かせるかどうかですよね。 ドライヤーから出る温風なんてどれも同じだろう?と思ったら大間違いで、 風にも色々な性質があり、その性質によっては髪を傷めてしまうこともあるのです。 考えてみていただきたいのですが、毎日10分間ドライヤーを当てたとすると、 1年間で60時間、10年間で600時間!にもおよぶわけですから、 あまりに酷いドライヤーの風を当て続けるのは恐ろしいと感じるのではないでしょうか? 風の温度 風の強さ 風の湿度 その他(イオン:バイオプログラミング など) 風の温度についてですが、あまり高過ぎると
人と、人をつなぐのは、やっぱり愛だと思う。 企業やブランドにおいても、それは同じだと思います。 広告の手法が多様化しているからこそ、手法にとらわれずに 「心の温度をどこまで高められるか?」にこだわり抜きたい。 一過性の認知より、深く継続的な絆を。 マーケティングデータより、「好き」と言われるアイデアを。 イノベーションはいつでも、小さな愛から生まれる。 愛こそがきっと、最強のソリューション。 だから僕らも、愛を注ぎます。 全提案が、ラブレター。全提案が、プロポーズ。 「面倒くさい、言うこと聞かない、わがまま」それらはすべて 褒め言葉と受け止め、本音で、全力で、愛を注ぎます。 人と、人とを愛でつなぐ存在でありたい。 ようこそ、PARKへ。
お知らせ 2016.09.02 中央公論新社『猫ピッチャー5』刊行&シリーズ累計50万部突破記念 そにしけんじさんサイン会のお知らせ
alert()で出せるダイアログのスタイルを変更する為のスクリプトのご紹介。シンプルな発想で素敵ですね。尚、本スクリプトはjQueryに依存しています。 alert()で出せるダイアログのスタイルを変更しよう、というスクリプトです。 確かに普通にアラート出すよりいいかもしれません。 <script src="jquery.js"></script> <script src="sweet-alert.min.js"></script>コアとSweetAlertを読み込みます。 $('.foo').click(function(){ swal({ title: "アラートです!", text: "メッセージがココに入ります", imageUrl: 'http://placehold.it/500x500', confirmButtonText: '了解!', confirmButtonColo
任意の要素をアニメーションエフェクトで立体的に見せる、というスクリプト・TURNBOX.jsのご紹介。フラットなデザインと相性良さそうです。 要素に立体的なアニメーションエフェクトを与えて、3DなUIにする事ができます。フラットなデザインに使って欲しいとの事です。開発者さんはNOHTさんという日本の企業さんなので疑問があった場合でも連絡が取りやすいので安心ですね。 動作サンプルです 他にもアップロードのローディングに使えたりいろいろ応用幅が広い印象です。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="turnBox.js"></script>↑ 本体とプラグインを読み込みます。 $(".foo").
A fancy vertical menu that is moved by mouse interaction.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く