これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化されたUIコンポーネント animataの使い方 Animataの特徴 Animataは、WebサイトやスマホアプリのUIに使用されるアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードを提供しています。 MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。 AnimataはUIライブラリではありません。UIに動きを与えるためのコード集なので、他のUIライブラリやデザインシステムと一緒に使用できます。カ
Penguin Classics
A new series from Penguin Classics places 75 years of writing about the environment in the canon at a time when it couldn’t be more crucial. Here’s how it came to be. From landmark studies on the civil rights movement to poems from a visionary; these are the unmissable books by Black women writers, as chosen by members of the Penguin Press team.
Lo-Flo Records
Established in 2016, Lo-Flo Records was created to archive and share the works of Jane McNealy, a classically trained pianist, composer and singer songwriter. Whether Jazz, Soul, or Musicals, Jane’s music reflects the Lo-Flo sound. Her work spans decades and mixes her musical styles to create a unique experience for listeners. Explore our site and “Go with the flow“.
MONO AIR | トンボ鉛筆
MENU トップ エアータッチシステム エアータッチシステムの仕組み エアータッチシステムをもっとわかりやすく エアータッチシステムの効果 モノエアーをもっと知る 商品ラインナップ キャンペーン ムービー
UTEC-東京大学エッジキャピタルパートナーズ
TOPIC 05/17/2021 UTEC サイエンス・テクロノジー領域で国内最大規模となる総額300億円超の新ファンドを組成～グローバルな市場や人類的な課題に挑戦するスタートアップの支援を一層加速～
秋保ワイン RASIN DE AKIU
果実味あふれる香りに うっとりしたら、スッキリとした 後味をお楽しみください。 フレッシュなサラダや 旬のフルーツとどうぞ。 白ワインの楽しみ方を 鮮やかに変える爽やかさです。
Kuum.jp: Online Shopping for wooden toy blocks | Felissimo
ABOUT KUUM KUUM is a collection of 202 building blocks crafted from beech tree wood that come in beautifully arranged units of 12 pieces. Each unit is infused with the stories of 12 elements and each unique piece embodies a small fragment of nature. By seeing and touching the KUUM building blocks, the rational and the emotional parts of your mind are stimulated and this experience will introduce y
[JS]シンプルで超軽量なのがいい！レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid
レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量（2KB）のスクリプトを紹介します。 デモのアニメーション minigridの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/minigrid/minigrid.js"></script> </body> Step2 :HTML 各アイテムには「.grid-item」を、ラッパーには「.grid」を付与します。 <div class="grid"> <div class="grid-item"></div> <div class="grid-item"></div> <div class="grid-item"></div
![[JS]シンプルで超軽量なのがいい！レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid](https://cdn-ak-scissors.b.st-hatena.com/image/square/51d7e65c86ee67bce7000a1d7008655aaff74295/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015080204-01.png)
jQueryプラグイン「Waypoints」でスクロール中に要素が出現するサイトを作ろう！ | Neganin(ネガニン)
2. ダウンロード 「jQuery」本体はダウンロードするか、Googleにホストされているファイルを読み込みましょう。 「Waypoints」のバージョンは3.1.1です。下記サイトからダウンロードし「lib」フォルダ内の「jquery.waypoints.min.js」を使用します。 jQuery Waypoints <header id="header"> <h1>Waypoints</h1> </header> <p id="text">jQuery Waypoints Demo</p> <div id="content"> <div id="wrapper"> <section class="section"> <figure class="thumb"><img src="img/thumb1.jpg"></figure> <h2>Title</h2> <p>Text Text
[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip
スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです！ しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Stripの使い方 Stripのデモ デモはChrome, Safari, Firefox, Opera, IEは7+、iOS5+, Android3+でご覧ください。 各画像をクリック・タップすると、拡大画像がスライドして表示されます。 拡大時はそのまま他の画像も表示できるギャラリー機能にも対応しています。 デモ：幅780pxで表示 スライド表示させるのは画像だけでなく、YouTubeやVimeoなど
![[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
[JS]最近よく見かける縦長ページ用のさまざまなアニメーションが簡単に実装できるスクリプト -ScrollReveal
デモページ フッタはダイナミックに3Dで表示されます。 ScrollRevealの使い方 Step 1: 外部ファイル 当スクリプトとAni.jsを</body>の上、アニメーション用のスタイルシート「animate.css」をhead内に記述します。 <head> ... <link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/3.1.0/animate.css"> </head> <body> ... <script src="anijs-min.js"></script> <script src="helpers/scrollreveal/anijs-helper-scrollreveal-min.js"></script> </body> Step 2: HTML 各要素のアニメーションの設定は、HTMLに記述
jRumble | A jQuery Plugin That Rumbles Elements
Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being
東京スカイツリー TOKYO SKYTREE
このたびの「令和６年能登半島地震」により被災された皆様に心よりお見舞い申し上げます。 一日も早い復興をお祈り申し上げます。
BlackFlag - Web Development Technical | jQuery,HTML,CSS,iPhone,iPad,Twitter etc...
Categories HTML／(X)HTML (33) HTML5 (26) CSS (122) CSS3 (82) jQuery (334) TIPS (157) プラグイン (147) プラグイン集 (39) ライブラリ情報 (2) JavaScript (31) Mootools (8) iPhone／iPad／iPod／Android (26) Twitter (6) Facebook (2) IE (17) Firefox (6) SEO (10) Flash (2) WordPress (3) Silverlight (3) Webサービス (52) WebサイトGallery (17) Web素材 (44) Web開発用ツール (28) Web情報 etc… (8) リリース情報（その他） (17)
「このページを印刷」ボタンを作る方法 - JavaScript TIPSふぁくとりー
《2017年6月5日 9:50 AM 公開/更新》 「このページを印刷」ボタンを作る方法 [機能] 表示中のウェブページを印刷させるための印刷画面をJavaScriptで出すには、window.print();を使います。この機能を使えば「このページを印刷」ボタンを作っておいて、ボタンクリックでページを印刷させるようにすることも可能です。印刷を前提にしたウェブページではこのようなボタンを掲載しておくと便利です。 印刷を前提にしたページでは、印刷ボタンをウェブページ上に掲載しておくと便利 JavaScriptで印刷ダイアログを出す方法 JavaScriptで印刷ダイアログを出す表示例 印刷を前提にしたページでは、印刷ボタンをウェブページ上に掲載しておくと便利 JavaScriptを使うと、ブラウザに内蔵されている印刷ダイアログを開くことができます。 例えば、ボタンをクリックすると印刷画面が開
PanoJS3 - 巨大画像をGoogleマップのように表示するJavaScriptライブラリ - QTVR Diary - 京都・日本・世界のパノラマムービー情報
ネタ元は、こちら。 □ 大きなパノラマ写真をGoogleMap風インタフェースで拡大縮小させられるライブラリ「PanoJS3」:phpspot開発日誌 巨大な画像、特に高解像度パノラマのような膨大な容量の画像データを、エンドユーザーの端末でストレス無く読み込ませる方法に「多段解像度読み込み方式（Multi Resolution Loading）」があります。老舗としては「Zoomify」が挙げられますね。このブログでも大昔にさんざんご紹介してきたかと思います。しかしこのご時世、iPhoneやiPadの人気に押されて脱Flashの波に抗うことは出来ません。 但しこの技術はどちらかというと、FlashよりJavaScriptによる表示の方が発達していったかもしれません。それが「Googleマップ」です。 「AJAX」と呼ばれるJavaScriptによる非同期通信技術を一躍有名にしたこの
JavaScript でタブ切り替え UI を実装する | WWW WATCH
先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな～なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 ： Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
コーヒーはUCC上島珈琲