テキストリンクをホバーした際に、テキストのカラーをスライドのアニメーションで変更させるピュアCSSの実装方法を紹介します。 IEには対応してないけど実装が簡単な方法、IEに対応しているけど実装がちょっと面倒な方法など、プロジェクトの要件に適したテクニックをご利用ください。 4 Ways to Animate the Color of a Text Link on Hover by Katherine Kato 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. background-clip: text;を使ったテクニック 2. widthまたはheightを使ったテクニック 3. clip-pathを使用したテクニック 4. transformを使用したテクニック まとめ はじめに ホバー時にテキストリンクのカラー

新型コロナウイルスの感染拡大が世界規模で広がる中、日本でも外出自粛や臨時休校措置が続いています。 外出を控えていて、自宅で過ごす時間が増えたことで、どう過ごしたらいいのか戸惑いを感じている人も多いと思います。 そんなときにおすすめしたいのが、世界中のアート作品や写真、美術品を楽しめるデジタル美術館 Google Arts & Cultureです。 今回は、Google Arts & Cultureで公開されている、今すぐ訪れることができる20の世界有数の美術館や博物館を日本国内編、海外編に分けてご紹介します。 Google Arts & Cultureって何？ https://artsandculture.google.com/ Google Arts & Culture とは、2,500を超える世界有数の美術館や博物館、ギャラリーが参加しており、館内のバーチャルリアリティツアーや所有する

カウントダウン、カウンター、タイマー、メッセージなど、数字や文字のパネルをぱたぱた回転させるフリップを簡単に実装できるスクリプトを紹介します。 ぱたぱた回転するアニメーションが非常に気持ちよく、今まで紹介した中でもピカイチだと思います。 クイックフリップ 高性能フリップアニメーション、フリップカードはオーバーラップできます。値は毎秒複数回更新。 タイムスナップ タイマーのアルゴリズムはJavaScriptのsetIntervalを自動的に修正するため、高精度の間隔精度が得られます。 サーバー同期 追加の構成要件なしで、クライアントとサーバーの時刻を自動的に同期。 Tickエンジン Flipの背後にあるTickエンジンは、豊富なカウンターテンプレートの構築と変換構成をサポート。 対応ブラウザは、下記の通りです。 Chrome Firefox Edge Opera Safari 9+ iOS

Open Peeps by Pablo Stanley. Free for commercial and personal use under CC0 License. Mix & Match.The library works like building blocks made of vector arms, legs, and emotions. You can mix these elements to create different Peeps. Combine clothing and hairstyles to add flair. Change emotion with different facial expressions. Set the scene with different poses—including standing and sittingDownload

「コンバース（CONVERSE）」は、ドレッシーなカップソールを採用したヨーロピアンテイストのオールスター、オールスター クップの新作「オールスター クップ J レザー OX」を発売する。 今回発売の商品は、MADE IN JAPANで仕上げたオールスター クップのプレミアムモデル。 アッパーには、国内でベジタブルタンニン鞣し加工を施した本ヌメ革を採用。おろしたての風合いから経年変化も楽しめる1足に仕上がっている。

『シュクメルリ』とはジョージア国の郷土料理で、2020年1月中旬〜2月まで全国の松屋で期間販売したメニューです。 このレシピの生い立ち 松屋の『シュクメルリ』をご家庭でも簡単に再現できるようにレシピを作りました！

柴崎祐二 @shibasakiyuji 先日買ってなんとなく仕事のBGMでかけていたこのCD、あまりにヤバすぎて手が止まってしまった… 全くネットに情報がないんですが、沼津市で催された燦々ぬまづ祭のために作られた音楽(93年作？)を収録している由。 が、完全にカッコよすぎる『ススト』風先鋭ジャズ・ロック(のような何か)。 pic.twitter.com/CKlfs99W48

エレクトロニックミュージック、とりわけ踊ることを目的にしたジャンルのリスナーなら、キックと一体になる“あの”瞬間を味わったことがあるのではないだろうか（キックはバスドラムとも言う）。 単にビートが打ち付けられる衝撃というだけではない。鼓膜と身体がキックドラムのパターンにかみ合う瞬間が存在する。 ドンッとしたキック、鼓動するキック、短く鋭いキック、とどろくキック。キックを聞くと、揺らぐ、跳ねる、頭を振る、両手を突き上げる、といった行為のタイミングを知ることができる。 ではそもそもキックの何がこれほど魅力的なのだろうか？ キックはどうやって生まれているのだろうか？ そして、自分の制作でキックのインパクトを最大限に引き出すにはどうすればいいのだろうか？ そこで今回は、エレクトロニック・キックの歴史と重要ポイントをDavid Abravanelが概説する。 誕生 エレクトロニック・キックは、生楽器

こちらに移行しました。(2020/05/16) 概要 Vue.jsで作成されたプロジェクトを紹介しているサイト 「made with vue.js 」があります。 面白くて役立ちそうなツールやサービスをまとめてみました。 UIコンポーネント VueSocial ソーシャルサービスのボタンを作成するVueのコンポーネント CKEditor 5 リッチテキストエディタのコンポーネント Vue.Draggable ドラッグ&ドロップのコンポーネント Vuetable 2 データテーブルのコンポーネント。demo vuejs-datepicker vueのdatepicker Kalendar Vueのカレンダーコンポーネント Vue Apexcharts SVGベースのグラフ可視化コンポーネント Vue.js Google Charts VueのGoogle Charts vue-cart ショ

Googleマップなど、インターネットで公開されているマップはたくさんある。いずれも正確で便利だが、一般的なマップであるという点ではどれもそれほど違いはないだろう。 こうしたマップでもっと楽しみたいという人のためのツールをソフトウェア開発者のAndrei Kashchaが公開した。 彼のマップの特徴は、通りをすべて線で描いていること。都市の名前を入力すれば、OpenStreetMapのデータから世界中の都市が線描のマップとして現れるのだ。 それだけでなく、出てきたマップはカスタマイズも可能。最初に登場するのはベージュの背景にブラックの線で絵が描かれたもので、都市名もブラックで書かれている。これらをいずれも拡大したり、好きな色に変えられるのだ。 こうしてできあがった自分だけのマップは、PNGイメージに変換もできるし、さらにはZazzleでマグカップやクッション、タンクトップなどにもプリントし

弐瓶作品に架空の企業として数多く登場し、実在の組合としても存在する東亜重工。「東亜重工製フォント 『東亜重工』」は弐瓶が原案と監修を務め、英数字・平仮名・カタカナ・JIS第一・第二水準漢字を含む約7700の文字データが収録される。パソコンでの文書およびイラスト作成など個人利用のほか、商用利用も可能になる予定だ。 また「東亜重工製フォント 『東亜重工』」は通常版と完全受注生産の限定版を展開。限定版は通常版に収録されるフォントに加え、「東亜重工GRUNGE」フォントが収められる。さらに弐瓶監修によるフィギュア「合成人間」特別仕様版も付属。価格やフィギュアデザインなどは、今春に発表される予定だ。

るる@平家パイ @ruru_omo モスの袋の生き物ってヒグチユウコ さんのかな？ もしそうだったら袋の為にモス行きたい ヒトツメさんも出して欲しい リンク 白泉社ブックス ギュスターヴくん | 白泉社ブックス ギュスターヴくん,ヒグチユウコ,<strong>「きみは ネコなの？ ヘビなの？ タコなの？」</strong> いたずら好きのギュスターヴくんがつむぎ出す、摩訶不思議な世界！ ワニ、ウサギ、鳥…。幻想的でかわいい動物たちが次々に現れて、見ごたえたっぷり。 ぬいぐるみ作家、今井昌代との共同制作も必見！ 自由さ満点、大人も子どもも楽しめる１冊です。 2016年9月刊。 4

ParisMuséesは、フランスのパリ市内にある美術館収蔵のアート作品15万点以上を、デジタル・アーカイブとして無料ダウンロードできるサービスを開始しました。 パリ市立近代美術館やプティ・パレ、カタコンブなど、パリの14の市立博物館を統括する公共団体であるParisMuséesが発表したこのコレクションは、フランスを代表する世界的な名画を数多く含み、用途に関係なく自由にダウンロードすることができます。クレジット表記なしで商用利用も可能な完全オープンソース化となっています。 パリの美術館収蔵の名画15万点以上を無料ダウンロードできるParisMusées 公開されている画像は、歴史的価値の高い作品ばかり15万点以上で、クレジット表記なしで無料ダウンロード、二次創作での利用が可能なクリエイティブ・コモンズ0（CC0）ライセンス付きのパブリックドメイン。 日本でも有名なクロード・モネやピエール

パリ市立近代美術館などが収蔵する多数の美術品を所管する公共団体Paris Muséesが、10万点以上の美術コレクションの画像を無料かつ自由に利用・修正・再頒布可能なオープンコンテントとしてインターネットに公開しました。 Les collections en ligne des musées de la Ville de Paris http://parismuseescollections.paris.fr/fr Open content : plus de 100 000 œuvres des collections des musées de la Ville de Paris en libre accès | Paris Musées http://www.parismusees.paris.fr/fr/actualite/open-content-plus-de-100-000-

写真を撮り始めてそろそろ1年になる。カメラはCanon EOS 6Dから始まって、CONTAX T2、PENTAX 67、FUJIFILM X100Tと入れ替わり、現在はFUJIFILM X100Fに落ち着いた。 X100Fを選ぶ理由は携帯性だ。私は毎月のように名古屋から東京に出張しているが、カメラが大きいと持ち運ぶのが辛くなる。撮りたい場所が沢山あっても、カメラが重荷になっては元も子もない。 この1年で東京の撮影スポットをいろいろ回った。東京は絵になる光景が多く、他の都市よりも熱量を感じる。今回は、そんな東京を感じる撮影スポットを紹介したい。 目次 KITTE（東京駅） 東京国際フォーラム（有楽町駅） 神楽坂（飯田橋駅） 渋谷（渋谷駅） 表参道（表参道駅） 代官山（代官山駅） 浅草（浅草駅） 新宿思い出横丁（新宿駅） アメ横（上野駅） 晴海埠頭（勝どき駅） ゆりかもめ（新橋駅） 六本木ヒ

当サイトでは、Photoshopのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。この記事では、2019年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアルをまとめてご紹介します。 満を持した登場となったiPad版Photoshopはもちろん、アップデートされたPhotoshop CC 2020の新機能にはじまり、お手軽な写真加工からこれぞPhotoshopな合成テクニック、設定ひとつで完成のお手軽テキストエフェクトなど人気のデザインスタイルのつくり方を揃えています。 これからPhotoshopを始めてみよう、というひとにもぴったりなテクニックを揃えています。年末の連休をつかって、新しいテクニックを習得してみてはいかがでしょう。 【総まとめ】2019年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ 風景写真をイラス

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

朝8時に起きて、コーヒーを淹れる。やらなければならないことはあるのだが、うまく考えがまとまらなくて、洗濯機をまわす。洗濯物を干して、テレビを眺めているうちにお昼になっており、そばを茹でて食す。仕事に取りかかる気になれず、布団のシーツも洗濯して、部屋中に掃除機をかける。ずっとかけていたせいか、途中でバッテリーが切れてしまった。テレビには『ザ・ノンフィクション』が映し出されており、婚活クルーズのゆくえを見届ける。いつのまにか競馬中継に切り替わっており、関西では今年最後だというGIのファンファーレが鳴り響く。一番人気の馬が一着でゴールしたのを見届けたところで、もう15時45分だと気づき、急いで身支度をしてアパートを出る。 喉が乾いている。駅の自動販売機でミネラルウォーターを買って飲む。飲んだ水がおしっこになるまで、どれぐらい時間がかかるのだろう。そんなことが気になり始めて、検索してみると3、4時

高機能なカメラがスマートフォンで当たり前になった今、動画撮影の専用機材がなくても、だれでも気軽に美しい映像を撮影できる時代となりました。撮影した動画をより魅力的に見せるには、編集や加工といった作業が必要ですが、ゼロから作ると膨大な時間がかかることも。 After Effects や Premiere Pro、Final Cut Pro X などで利用でき、プロ級の本格的なエフェクトを手軽に実現する無料素材350種類が公開されていたので、今回はご紹介します。商用プロジェクトにも対応です。 まるでプロ！動画編集が捗る無料エフェクト素材まとめ 落書きしたようなハンドペイント21種類や、動画のアクセントになるモーショングラフィック集、映画のような壮大な雰囲気を演出するサウンドエフェクトなど、どれも実用的ですぐに使える素材が揃っています。素材を活用することで、動画のクオリティをアップさせるだけでなく