写真画像やアイコンなどを配置したベタ塗りのボタンなどをサークル状にし、ホバーするとシールのようにぺらっとめくれるようにするスクリプトを紹介します。 実装は非常に簡単で、jQueryなどの他のスクリプトは必要ありません。 Sticker.js Sticker.js -GitHub Sticker.jsのデモ Sticker.jsの使い方 Sticker.jsのデモ デモはChrome, Safari, Firefox, Opera, IE10+でご覧ください。 上記のアニメーションは左からのぺらっですが、上下左右の全ての方向からぺらっができます。右のベタ塗りはめくるとシャドウが半透明で適用されます。 Sticker.jsのフッタ 最初のデモは写真画像なのでカーソルはアローですが、フッタのはリンクなのでポインターになっています。 Sticker.jsの使い方 Step 1: 外部ファイル 当ス
「かわいそうな子猫を見つけた…心の準備はできてなかったけど拾って帰ることにした」 海外の男性が、生後2〜3か月と思われる猫の赤ちゃんを見つけたそうです。 ガリガリにやせ細っていた子猫が、無事に保護されるまでをご覧ください。 1. 「子猫はたぶん生後2カ月くらいのメス。知人の店のそばの今は誰も住んでない場所で、やせ細って骨と皮だけになっていた」 2. 「とりあえず、近所でキャットフードを買ってきて、与えてみたんだけど……」 3. ひしっ。 「うわっ、なんてこった……。心の準備ができてないよ」 4. 「彼女の2色の瞳はとても魅惑的だ。ごはんを与えただけで、ちょっと表情が元気になった」 5. 「お腹が膨れて幸せそうにしてる。隣に座って1時間ほどなでてるうちに決心したよ」 「家に連れて帰ろうとね」 6. 「名前はルナ“Luna”にした。家に帰ると食べて、食べて、食べて、とにかく食べた。1日でドライ
NEW!CCPMソフトウェア『BeingManagement3』 クラウドサービス向けオプション機能「BM Adviser」10⽉2⽇発売 〜ワンクリックで専任コンサルタントのノウハウをアドバイス〜2023年10月2日 NEW!『BeingManagementクラウドサービス』利用規約改定のお知らせ2023年9月19日 夏期休業のご案内2022年8月1日 Internet Explorerのサポート終了に伴う『BeingManagement3』の対応について2022年3月4日 年末年始の営業についてのご案内2021年12月10日 夏期休業のご案内2021年7月21日 5 月連休に伴う休業のご案内2021年4月19日 年末年始の営業についてのご案内2020年12月24日 夏期休業のご案内2020年7月27日 5 月連休に伴う休業のご案内2020年4月27日
地上からはるか上空、軽飛行機の中でこれからスカイダイビングを楽しもうと思っていたところ、手元が狂ってカメラを取り落としてしまったスカイダイバー。 ビデオを撮影中だったカメラは猛烈に回転しながらも地上を目指し、ブタが飼育されている柵の中へ落下。ところがカメラは壊れることなく、ブタが歓迎してくれる様子まで撮影し続けたのであった。 カメラは落下後、8ヶ月経ってようやく発見したんだとか。すごい。 【関連】 カモメに盗まれ、空を飛んだカメラが撮影した映像 カニの巣穴の前にカメラを置いて撮影してたら、カニにカメラを盗まれた ウミワシがビデオカメラを盗難。空中遊泳＆自分撮りした映像が回収される ライオンに喰われた者が見るであろう視点の映像
人間に恋したペンギンがいる。松江市の花鳥園「松江フォーゲルパーク」のケープペンギン、さくら（１０）。飼育員の野津剛（のつたけし）さん（４０）に、バレンタインデーの女性顔負けの猛アタックを続けている。決してかなわぬ思いなのに……。 「女心」に気づきもしなかった野津さんが、さくらの熱い視線を初めて意識したのは昨年１２月。「後を追ってるよ」という同僚の一言がきっかけだった。確かにさくらは首をふるわせ、寝そべって交尾に誘う求愛行動をとっていた。 ペンギンプールの囲いの外を歩く野津さんを見つけると、岩場から下りてきてぴったり並走。隣の温室で見かけると猛スピードで追跡。なでられると、気持ちよさそうに目を閉じる。 嫉妬もすごい。野津さんが手にするものは、ウサギなど動物だけでなく、人形や携帯電話でも足をつついて抗議する。ヤキモチが原因で他のペンギンとケンカになるため、人気イベント「ペンギンの散歩」からも外
背景に動画を使ったWebサイトの作り方2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 KINS WITH 動物病院の Web サイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 Aquallの Web サイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意するまずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて 4 通り。 自分で撮影するプロに撮影依頼する有料の動画素材を使う無料の動画素材を使う1
個人でも商用でも無料で利用できる、ざらっとした紙、つるっとした紙、もわっとした紙など、さまざまな紙が揃ったテクスチャ素材を紹介します。 紙系のテクスチャ好きの人には、嬉しい素材ですね。 Free Paper Texture Pack ダウンロードできる素材のフォーマットは.jpgで、サイズは2,100x1,500pxの高解像度のテクスチャ素材です。 紙は全部で64種類！ その中からいくつかジャンルごとに紹介します。
WordPressで特定のページだけ個別のスタイルシートやスクリプトを使いたい！ しかも1ページだけでも複数のページにも適用する場合がある！ そんな要望を叶えてくれます。 投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に、個別のHTML, CSS, JavaScript, PHPのコードを追加でき、一元管理もできるプラグインを紹介します。 CSS & JavaScript Toolbox CSS & JavaScript Toolbox -WP Plugin Directory 以前、紹介したCustom CSS and JSは記事や固定ページごとにそれぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインで、これは手軽に利用できて便利ですが、今回紹介するのはそれより高機能。 まずは、その画面をご紹介。 当ブログにインストールした画面です。 左パネルで
2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト！ テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ
キングジムは1月31日（金）、マウスで写真が撮れる「カメラ付マウス」を発売します。価格は4,200円（税込）。画像を編集できる専用ソフトが付属します。 ▽ 「カメラ付マウス」 | KINGJIM 「カメラ付マウス」は、手元で撮影した画像データが自動的にパソコンに転送されるマウスです。マウスの裏側をスライドすると、カメラレンズが登場。パソコンにUSB接続して専用ソフトを立ち上げ、ディスプレイで被写体を確認しながら撮影します。専用ソフトでは、取り込んだ画像の明るさやコントラストなどが補正できるほか、トリミング、テキスト追加など基本的な編集ができます。 撮影できる画像は約200万画素で、保存形式はJPG、BMP、PNG。撮影サイズは最大1,600×1,200ピクセルです。画像撮影のほか、ビデオ撮影、QRコードスキャン、録音（別途マイクが必要）などが行えます。対応OSはWindows 7、Wind
「今年はGIFがくる」「今年はGIFアニメの年だ！」と言い続けて早3年目。もちろん今年もGIFアニメの年！最優秀作品には、審査地のお台場にちなんで「ゴールデン・キャノン賞（金の大砲賞）」を進呈します。(デイリーポータルZ編集部・石川大樹) 新着情報 各賞の結果と、優秀作品の紹介をまとめました！(2014.3.24) いよいよ今週末は公開審査会！こんな賞をご用意しました。(2014.3.13) 3/15、公開審査会＆授賞式を開催します。チケットも発売中。(2014.3.10) Google+でのWeb投票も始まりました！すでに実施中の2つとあわせて、こちらもぜひ投票ください。(2014.3.10) GIFアニメ制作のいろんなやり方や手法を解説した「GIFアニメの作り方全力まとめ2014」を公開しました！(2014.2.10) 作品投票が始まりました(2014.2.7) 2/14 GIFアニメ
1983年三重県生まれ、大阪在住の司法書士。 手土産を持参する際は消費期限当日の赤福で受け取る側に過度のプレッシャーを与える。 前の記事：スマホ対応ソーセージ手袋 ＞ 個人サイト owariyoshiaki.com
レトロちっくなかわいいアイコンを探している、そんな人にぴったりの素敵なアイコン素材を紹介します。 個人でも商用のプロジェクトでも無料で利用できます。
最近よく見かけるトレンドの一つ「Off Canvas」、コンテンツの横からナビゲーションやコンテンツをアニメーションでスライド表示するjQueryのプラグインを紹介します。 デモページ：幅780pxで表示 Slidebarsの使い方 Step 1: 外部ファイル 当スタイルシートをhead内に、jquery.jsと当スクリプトを</body>の上に記述します。 <head> ... <link rel="stylesheet" href="slidebars.min.css"> <head> <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="slidebars.min.js"></script> </body> St
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く