リンク 無印良品 サーキュレーター（低騒音ファン・大風量タイプ）・ホワイト | 無印良品 大風量タイプながら動作音が静かなサーキュレーターです。グリルが取り外せるため、羽根のお手入れが簡単です。電源：ＡＣ１００Ｖ ５０／６０Ｈｚ 消費電力（Ｗ）：［５０Ｈｚ］強３２．５・中２２・弱７［６０Ｈｚ］強３７・中２３．５・弱８．５ 風量（ｍ３／ｍｉｎ）：［５０Ｈｚ］強２２．５・中１８・弱６．５［６０Ｈｚ］強２２．５・中１６．５・弱７．５ 騒音（ｄＢ）：［５０Ｈｚ］強４４・中３８．５・弱１６［６０Ｈｚ］強４４・中３６．５・弱１８ 電源コード：１．５ｍ ３段階風量切替 サイズ：約幅３３．１×奥行２５．５×高 27 users 15
You Tubeや配信でよく聞く「あの効果音」……太鼓のドドンッ！というフリー音源や、ツッコミのビシッ！という無料素材は誰が作っている？ ユーチューバーなら誰もがその名を知る『効果音ラボ』に話を聞きました！ ※この記事は、音を再生できる環境で読むとより楽しめます。イヤフォン等がある方はぜひお手元にご用意ください。（もちろん音無しでも楽しめます！） 突然ですが、これらの音を聞いたことはあるでしょうか？ 『和太鼓でドドン』 『男衆「オウ！」』 『ドンドンパフパフ』 YouTubeを見ていれば、必ず一度は耳にする音ばかりですね。実はこれらの効果音、すべて「効果音ラボ」というフリー音源素材サイトが提供している音なんです。 「効果音ラボ」は国内のフリー効果音サイトでは最大手と言っても過言ではありません。YouTubeに限らず、ゲームやコマーシャルでも様々な音が使われています。 効果音ラボ トップペー
描かれている絵／画自体に焦点があてられがちなアニメーションだが、ボケ、広角、魚眼などレンズを通して得られる効果が表現として取り入れられている。本稿ではなかでも日本の商業アニメーションにおけるそのような効果を、黎明期ともいえる1930年代から現代に至る作品より抜粋し、変遷をたどる。 広角レンズの一例、『君の名は。』より 早世した研究者ハンナ・フランクはかつて「元来、すべてのセル・アニメーションは写真である」（註1）と述べました。僕ら視聴者は忘れがちなことですが、撮影台上でセル画や背景を重ね合わせ、それらをコマ撮り撮影することによってつくられるセル・アニメーションはたしかに絵／画を撮影した写真であるとも言えます。 とは言え、こうした事実はあまり意識されることがありません。撮影台時代のディズニー・アニメーションのキャプチャー画を見たとき、多くの人はそれを写真ではなく絵だと認識するのではないでしょ
米軍式睡眠法とは やり方と効果を高めるASMRを紹介
安眠系のASMR作品を聴いていると「全身の力を抜いて」「ベットに沈み込んでいく」「ハンモックに揺られているイメージで」などのフレーズが必ず一度は耳に入ってきます。 実はこれ、米軍式睡眠法で用いられる入眠方法なのです。「慣れると2分で眠れる睡眠法」という謳い文句で、知らず知らずのうちに広く拡散されています。 今回は、米軍式睡眠法のやり方を解説しつつ、睡眠法に慣れていない人でも効果を発揮するASMR作品をご紹介します。 米軍式睡眠法とは米軍式睡眠法とは、アメリカ海軍の訓練学校で、パイロットの入眠のために開発された睡眠法です。過酷な環境下でも素早く睡眠を取るために考案された方法であり、習得したパイロットたちのほとんどが2分で眠りにつけるようなったとされます。 米軍式睡眠法は、バド・ウィンターというアメリカの陸上競技のコーチが『Relax and Win: Championship Perform
シンプルなHTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリを紹介します。 デスクトップではホバー時のエフェクトとして、スマホではフォーカス時のエフェクトとして適用されるので、どちらでも楽しめます。 Izmir Izmir -GitHub Izmirの特徴 Izmirのデモ Izmirの使い方 Izmirの特徴 画像をホバーすると多彩なアニメーションを適用します。 エフェクトを組み合わせることで、2000通り以上のエフェクトを使用可能。 20種類のボーダーエフェクト、9種類の画像エフェクト、12種類のテキストエフェクト。 オーバーレイのスタイル、アニメーションの遅延、テキストのレイアウトなど、classも豊富。 アクセシブル（デスクトップはホバー、スマホはフォーカス）。 2Kbの超軽量ライブラリ。 実装・カスタマイズ用のドキュメント完備
新型コロナ対策として行われてきたマスクの着用について、着用義務が解除されたアメリカの学校で、子どもや教職員での感染が大きく増えたとする研究結果をハーバード大学のグループがまとめました。マスクの着用には感染者数を抑え、子どもたちの欠席日数を減らす効果があるとしています。 この研究はハーバード大学などのグループが行い、国際的な医学雑誌「ニューイングランド・ジャーナル・オブ・メディシン」に発表しました。 グループはアメリカ東部のボストン周辺で、ことし2月に学校でのマスクの着用義務を解除した70の地区と、1教室当たり子どもの人数が多い傾向があり、着用義務を解除しなかった2つの地区の、子どもと教職員合わせておよそ34万人について感染の状況を比較しました。 その結果、着用義務を解除した地区では、およそ3か月半の間に感染した子どもや教職員は1000人当たり134.4人に上りましたが、着用を続けた地区では
生活は普段とほとんど変わらない 4～5月と暖かい晴天が続き、スウェーデンの人々は軽装になって街へ繰り出している。 通りのカフェでは多くの人がランチやフィーカ（コーヒーブレイク）を楽しんでいるし、ショッピング、レストランやバー、スポーツジムにも通常通り出かけている。マスクをして出歩いている人は、ほぼ一人も見かけない。 私自身は、4月最後の週末には近所の友人ら二十数人とビールを飲みながら、川べりでソーセージを焼いてバーベキューピクニックを行なった。 5月初めの週末には義弟一家がやってきて二泊し、庭でラムを焼いたりサーモンを焼いたりして、まったりと過ごした。 この季節にはほぼ毎年繰り返される、いたってありふれた日常だ。 Googleのデータによると、この間のスウェーデン人の行動パターンは、レストランやショップ、およびエンターテインメントに関連する活動の動きは1月～2月に比べて3月～4月は13％減
写真をアニメっぽい画像に変換する「AnimeGAN」に改良を加えたオープンソースプロジェクト「AnimeGANv2」を手軽に試せるデモサイトが公開されています。 AnimeGANv2 - a Hugging Face Space by akhaliq https://huggingface.co/spaces/akhaliq/AnimeGANv2 これは、「AnimeGANv2」のPython向け機械学習フレームワークである「PyTorch」版をもとに、機会学習体験UIを作成するGradioで作られたデモで、基本的には人の顔が写ったポートレート写真の変換を行います。 サイト上部にある「Drop Image Here - or - Click to Upload」と書かれたエリアに変換したい写真をドラッグ＆ドロップするか、エリアをクリックしてエクスプローラーから変換したい写真をアップロードし
CSSの疑似クラス「:focus-within」を使用して、フォームの入力時にハイライト表示させるテクニックを紹介します。 :focus-withinは適用した要素の子孫要素にフォーカスに当たった時に起動するセレクタで、効果的に使用すると非常に便利です。 Why CSS :focus-within is amazing by Chris Bongers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLの構造 CSSの疑似クラス「:focus-within」 :focus-withinの効果をより素晴らしいものにする :focus-withinのサポートブラウザ はじめに ここでお話するのは、フォーカスされた要素にスタイルする:focusセレクタのことではありません。:focus-withinは、その中の子孫要素
モデルナの新型コロナウイルスのワクチンについて、アメリカの国立アレルギー・感染症研究所などのグループは、接種から半年たっても感染力が強いデルタ株などの変異ウイルスに対して効果があったとする実験結果を発表しました。 これはアメリカの国立アレルギー・感染症研究所などのグループが科学雑誌「サイエンス」に発表しました。 グループでは、モデルナのワクチンを2回接種した24人から一定の期間をおいて血液を提供してもらい、新型コロナウイルスの特徴を再現した人工的なウイルスを使ってワクチンの効果を調べました。 その結果、24人の血液のうち、2回目の接種から半年後でもウイルスを抑える効果がみられたのは、変異ウイルスが流行する前の新型コロナウイルスに対しては100％、イギリスで確認された「アルファ株」では96％、インドで確認された「デルタ株」でも96％などとなったということです。 一方、南アフリカで確認されたベ
この記事では、日頃のホームページ制作で直面しがちな問題をCSSで乗り切る最新テクニック20個をまとめてご紹介します。 早く知っておけばよかったと思う、あまり知られていないCSSの実用的なテクニックが中心で、実際の問題ケースや参考サンプル用ソースコードを一緒に確認できます。 前回のお役立ちCSSテクニック集と合わせて確認してみてはいかがでしょう。 よくあるWeb制作の悩みをCSSで解決！最新テクニック40選まとめ コンテンツ目次 1. 画像の質感をアップしたい 2. グラスモーフィズム効果を表現したい 3. 入力フォームの使いやすさを改善したい 4. CSS Transformをつかった最新テクニック 5. 2022年に知っておきたい新しいCSSプロパティ 6. position: stickyの正しい使い方 7. レスポンシブ対応の区切り線のつくり方 8. するするとカーテンが降りてくるエ
よしだ けいすけ @ruiji_31 以前、営業車300台に会社のロゴを貼る仕事をしたことがあって。走りながら社名を広告してもらうのが主目的ではない。結果、燃料費が3割減少。急加速急発信が減って安全運転になる、私的利用が減少。注意喚起だけでは人の行動はなかなか変えられないことを実体験で腹落ちした瞬間。 2022-07-19 17:36:46
詳細度を0にする:where()、iOSのSafariで100vhが高さいっぱいにならないを解決できる新しいビューポート単位など、CSSの便利な新機能の各ブラウザでのサポートも完了し、すでに使用されている人も少なくないと思います。 CSSの新機能を効果的にうまく使った、新時代のCSSリセットを紹介します。 CSSリセットとして使用するだけでなく、CSSの勉強にもなるCSSリセットです。 @acab/reset.css -GitHub :where()とか新しいビューポート単位など、CSSの各新機能については以前の記事をご覧ください。 CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる！ CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる CSSの疑似クラス「:focus-within」が素晴らしい
「なぜか疲れてる」その原因は脳の酷使にあり。1日10分で可「脳の回復方法」教えます - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
「やる気が出ない……」 「いつも疲れている……」 「仕事が面倒くさい……」 このように、エネルギー不足が続いている感覚はありませんか。 その原因は、毎日脳ばかり稼働させて、体をほとんど使っていないから。パソコンで仕事をする、スマートフォンに夢中になる――脳は常に多忙なのに、体はいつも静止状態ではないでしょうか。 脳は、体をケアしなければうまく働きません。スマートフォンの充電のように、脳もまた、活発に働くためには定期的なチャージ（充電）が必要なのです。今回は、日常生活のなかでできる脳を回復させる方法をご紹介します。 「たった10分の軽い運動」で頭が冴えわたる 毎日、運動をしていますか。おそらく多くの人が、「さすがに毎日やる時間なんてない」と回答するのではないでしょうか。 運動と聞くと、学生時代のきつい部活動や、ジムでの激しいワークアウトなどを思い浮かべるかもしれませんね。でもじつは、負荷がそ
京大首席合格者の「勉強記録メソッド」を方眼ノートでやってみた結果。“見える化＆ご褒美” の効果がすごい！ - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
勉強が退屈ではかどらない。勉強習慣がなかなかつかない。勉強は “楽しくない” ものだから仕方ない……？ いいえ、つまらなく感じる勉強でも “楽しめる” ようになる方法があります。 教育評論家の石田勝紀氏によれば、勉強をおもしろがるためには「『楽しむ構造』を作る」ことが大切なポイントなのだとか。（カギカッコ内引用元：東洋経済オンライン｜勉強嫌いの子に教えたい！｢Gノート｣の威力） 今回の記事では、勉強を楽しむ仕組みづくりのヒントとなる “方眼ノートの勉強記録” の方法と効果をご紹介します。勉強を退屈に感じるふたつの原因を解消できるメソッドです。筆者の実践報告もお伝えしますので、ぜひみなさんの勉強にお役立てください。 問題点1「はかどっている実感がない」⇒ 対策「進捗状況の見える化」 問題点2「報酬より勉強するコストが高い」⇒ 対策「ご褒美を決める」 やる気が持続する「勉強貯金」とは 交換リス
近年、急速に市民権を得始めたサーキュレーターですが、「サーキュレーターって意味あるの？」と思っている方は少なくないのでは？ 筆者もそのひとりで、使い方がいまいちわからないし、正直、エアコンがあればなくても困らないでしょ。という認識でした。 そこで今回は、自宅にアイリスオーヤマのサーキュレーター「KCF-SDC151T」（以下、KCF-SDC151T）を導入し、1か月ほど「サーキュレーターのある生活」を体験。サーキュレーターは正しく使えば、とっても意味があることがわかりました！ アイリスオーヤマのサーキュレーター「KCF-SDC151T」 サーキュレーターって何？ 扇風機との大きな違いは、風の「強さ」と「進み方」 サーキュレーターと扇風機はどちらも、羽根の回転によって風を発生させる家電製品。そのため用途が混同されやすいのですが、生み出される風の質が違うため、用途も異なります。※扇風機として使
この記事では、CSSで表現できる新作テキストエフェクト用HTMLスニペットをまとめています。一部、jQueryなどプラグインが必要となりますが、CSSのコピー&ペーストで利用できるサンプルやテクニックを、WEB制作のためのコードコミュニティサイト Codepen よりピックアップしてご紹介します。 実際のコードを見ながらサンプルを確認、編集を行うことができるので、世界基準の新テクニックを効率的にウェブ制作に採用することができます。 HTML/CSSで表現できる、すごいテキストエフェクト用スニペットまとめ Fluid text hover マウスの動きに合わせて背景の画像がぐにゃりと液体のように変化するテキストエフェクト。 See the Pen Fluid text hover by Robin Delaporte (@robin-dela) on CodePen. SVG textPat
2022年現在、CSSでテキストに蛍光ペン風の下線を引く方法をググるとだいたいlinear-gradientを使った記事がヒットします。しかし、いまどきはlinear-gradientを使わなくてもtext-decorationで同じような表現ができるので紹介しておきます。 結論: こういうCSSをあてる /* セレクタ名はてきとう */ .highlight { text-decoration: underline; /* 下線 */ text-decoration-thickness: 0.5em; /* 線の太さ */ text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */ text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */ text-decoration-
この記事では、Webデザイン制作に便利なコピー＆ペーストで実装できる最新HTML/CSSスニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、最新のウェブデザインテクニックを手軽に実現、楽しむことができます。今後のデザイン制作に活用してみてはいかがでしょう。 ここでは、カテゴリー別に分けて最新HTML／CSSスニペットをまとめています。 コンテンツ目次 1. 小技テクニック系（15個） 2. 面白、ユニーク系（16個） 3. ホバーエフェクト系（6個） 4. テキストエフェクト系（10個） 5. ページレイアウト系（10個） 6. イメージスライダー系（9個） 7. ナビゲーションメニュー系（2個） 8. ローディングアニメーション系（4個） 9. ボタンエフェクト系（13個） 10. CSSマジック（10個） 11.
筋トレやダイエットの定番サプリメントと言えばプロテインを想像する方も多いと思いますが、さらなる高みを目指すならEAAの使用も検討すると良いかもしれません。 EAAはプロテインにはない効果もありますので、違った角度から筋トレ・ダイエットをサポートしてくれます。 とはいうものの、実際に使ってみないと「結局のところ言われているような効果があるのかどうかわからない」ですよね。 「百聞は一見に如かず」 そこで今回は、リピート率が高くて人気があり、なおかつ効果が感じられなければ返金してくれる90日間全額保証のついた「パーフェクトビルドEAA」を実際に試してみました。 話題のHMBを配合し、かつ実感率９４.６％を達成したモンドセレクション受賞のアミノ酸サプリメント「パーフェクトビルドEAA」を徹底レビューします。
テキストやボタン、ボーダーに美しいネオンライトのエフェクトを実装するCSSのテクニックを紹介します。 ネオンライトはCSSのtext-shadowやbox-shadowで実装されており、CSSアニメーションやJavaScriptで動きを加えるとさらに面白くなります。 各デモは「Run Pen」をクリックすると、動作します。 まずは、ネオンサインでチカチカの効果もあります。 See the Pen Flickering Neon Sign Effect using CSS Text & Box Shadow by George W. Park (@GeorgePark) on CodePen. 上記のデモは、テキスト編集もそのままできます。「OPEN」を「オープン」などに変更してみてください。 続いて、さまざまなネオンライトのエフェクト。 See the Pen Neon text-shad
この記事では、フォトショップで紙幣にプリントされたような写真加工のつくり方をご紹介します。 まるで紙幣の肖像のような効果を演出できるテクニックで、ポイントは「魔法のテクスチャ」を写真に重ねることで、手軽にリアルな紙幣プリント風の写真加工を実現できます。 ワンランク上の仕上がりを実現する、レトロなハーフトーン加工と一緒に試してみてはいかがでしょう。 【フォトショップ】写真やイラストをレトロなハーフトーン風に加工する方法 デザインの完成予定 できあがりがこちら。特殊なテクスチャさえ作成してしまえば、あとはドラッグ＆ドロップであらゆる写真に対応できます。 「魔法のテクスチャ」を作成しよう 今回のテクニックでは、ある特殊なテクスチャを写真に重ねることで、紙幣のような風合いを表現します。 まずはこのテクスチャを作成しましょう。10x10px、72dpi、カラーモードは「グレースケース」、カンバスカラ
新型コロナによる重症者や死亡者中に占めるワクチン接種者の割合についての報道が増えてきた。たとえば、 ■その数字がワクチン接種を促すか──6月に死亡した米コロナ患者の「ワクチン未接種率」が明らかに（クーリエ・ジャポン） - Yahoo!ニュース という記事によれば、「（アメリカ合衆国）国内で6月に新型コロナウイルスによって死亡した人の99.2%はワクチンを接種していなかった」とある。もちろん99.2％という数字だけではあまり意味がなく、比較の対照が必要だ。仮に死亡しなかった人でも99.2％がワクチンを接種していなかったとしたら、新型コロナによる死亡とワクチン接種には関連があるとは言えない。 記事では「18歳以上のアメリカ人成人の67%が少なくとも1度目のワクチンを打ち終えており、58%が2度目の接種も終えた」という数字も紹介してある。集団中においてワクチン未接種者の割合は30％強であるのに対
高機能なカメラがスマートフォンで当たり前になった今、動画撮影の専用機材がなくても、だれでも気軽に美しい映像を撮影できる時代となりました。撮影した動画をより魅力的に見せるには、編集や加工といった作業が必要ですが、ゼロから作ると膨大な時間がかかることも。 After Effects や Premiere Pro、Final Cut Pro X などで利用でき、プロ級の本格的なエフェクトを手軽に実現する無料素材350種類が公開されていたので、今回はご紹介します。商用プロジェクトにも対応です。 まるでプロ！動画編集が捗る無料エフェクト素材まとめ 落書きしたようなハンドペイント21種類や、動画のアクセントになるモーショングラフィック集、映画のような壮大な雰囲気を演出するサウンドエフェクトなど、どれも実用的ですぐに使える素材が揃っています。素材を活用することで、動画のクオリティをアップさせるだけでなく
この記事では、Illustratorをつかった文字加工、テキストエフェクト向けチュートリアルをまとめています。 当ブログでIllustratorの最新チュートリアルまとめを紹介しはじめた、2013年ごろまでさかのぼり、過去8年間のイラレ用テキストエフェクトをまとめたコンプリート集。 Illustratorがはじめてのひとから、普段使いしているプロデザイナーにもおすすめしたい、テキストエフェクトの基本を学ぶベストテクニックが揃いました。 サイバーパンク、80年代のレトロエフェクトから、メタリックな光沢感の3Dエフェクト、話題のニューモーフィズム・スタイル、面白フード系エフェクト、ネオンエフェクト、トロトロに文字が溶けたスタイル、透明ガラスなどあらゆる文字エフェクトの基本を学ぶことができます。 フォトショップのテキストエフェクト向けチュートリアルまとめ フォトショップでの文字の使い方も一緒に覚
アストラゼネカ製ワクチン65歳以上に効果なし、仏大統領が主張
仏北部ダンケルクにあるアストラゼネカの工場を訪れた、エマニュエル・マクロン仏大統領（2020年1月20日撮影）。(c)DENIS CHARLET / POOL / AFP 【1月30日 AFP】フランスのエマニュエル・マクロン（Emmanuel Macron）大統領は29日、英製薬大手アストラゼネカ（AstraZeneca）と英オックスフォード大学（University of Oxford）が共同開発した新型コロナウイルスワクチンについて、65歳以上の人には効果がないとみられると発言した。 【編集部おすすめ】コロナ感染、男性の生殖機能に影響か 独研究 大統領府がAFPに明かしたところによると、マクロン氏は記者団に対し、同ワクチンについて得られた「情報はほとんどない」と主張。「65歳以上の人にはほとんど効果がないとみている」として、「いま正式に言えるのは、アストラゼネカに関してわれわれが得た
Illustratorでイラスト描くときに便利なツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもデザイナーのナガレダです〜。社内デザインチームでLIGブログのアイキャッチやバナーの制作を行っています。 最近コロナの影響もあり、オフラインでの撮影の機会が減りました。アイキャッチなどでもイラストを描くことが増えてきています。 もともとイラストを描くことが好きで、趣味で描くときはイラストを描く専用のソフトを使っていました。なので、正直Illustratorでちゃんとしたイラストなんて描けるわけないだろ！ と思っていたのですが……。 Illustratorをいじっていくうちに、すんごいイラスト描きやすいツールが多いことが判明してしまったので、よく使う便利ツールをご紹介します！ 「わからないこと」が一瞬で解決するかも？ Illustratorについて効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、
An exploration of what's possible with CSS for Pokemon Cards, simeydotme (Simon Goellner)
フォトショップのなかでも写真を水彩イラスト・絵画ペイント風に加工する方法は、人気エフェクトのひとつです。 アートヒストリーブラシでなぞるだけのつくり方も紹介しましたが、今回はよりお手軽にリアルな水彩イラスト加工ができるデザイン素材をまとめてご紹介。 写真を放り込むだけで完成し、誰でもプロのような仕上がりを瞬時に表現できる、まるで魔法のようなアイテムが揃います。 デザイン素材集、実際の使いかた ここで紹介するデザイン素材の使い方は、大きく分けて２種類。 スマートオブジェクト機能を活用したPSDファイル素材タイプ 再生ボタンを押すアクション素材タイプ どちらも写真を用意するだけのお手軽さで、わずか数クリックでリアルな水彩イラスト加工に仕上げることができます。 ここでは、実際に以下の素材 Watercolor Creator を試しにつかってみます。 ダウンロードしたファイルを開いた状態がこちら
この記事では、Photoshopで思い通りの文字の加工ができるテキストエフェクト用チュートリアルをまとめています。 グラデーションや影の加え方、文字をアーチ状にするといった需要の高いPSテクニックはもちろん、立体感のある3Dデザインやネオン、グリッチエフェクトいった旬のグラフィックまで、幅広いテキストエフェクトが揃います。 チュートリアルを手順通り進めることで、Photoshopの実践的なツールの使い方を基本からマスターできます。デザインアイデアに困ったときの参考にもおすすめです。 先日、過去8年分のIllustratorテキストエフェクト用チュートリアルもまとめました。「フォトショよりイラレ。」というひとはこちらの記事もどうぞ。 Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】 数クリックで魅力的なテキストエフェクトが完成！無料PSDエ
画像をホバーしたときにテキストを重ねたり、ボーダーをアニメーションさせたり、拡大表示させたり、さまざまなエフェクトを簡単に実装できるCSSの超軽量（2Kb）ライブラリを紹介します。 HTMLにclassを与える簡単実装。エフェクトは組み合わせることも可能で、オーバーレイやテキストやボーダーなどを自由に組み合わせて実装することができます。 Izmir Izmir -GitHub Izmirの特徴 Izmirの使い方 Izmirのカスタマイズ Izmirの特徴 Izmirは、画像をホバーしたときのさまざまなエフェクトを簡単に実装できるCSSのライブラリです。エフェクト用のclassはかなりの数が用意されており、HTMLにclassを追加するだけで、完璧なホバーエフェクトを実装できます。 MITライセンスで、商用プロジェクトでも無料で利用できます。 Izmir 主な特徴は、下記の通り。 エフェク
ヒーローヘッダに使用する幅いっぱいの画像に与えるさまざまなグラデーションのスタイルシートを1クリックで生成できるジェネレーターを紹介します。 グラデーションのカスタマイズや自分の画像をアップロードすることもできるので、出来映えを確認しながら生成できます。
2022年10月19日 CSS 画像の中の色や明るさの濃淡を、様々な大きさのドットで表現するハーフトーン。日本語では網点とも言うようです。どこかレトロで、アメコミタッチなこのハーフトーンを、CSSで表現してみます！ ↑私が10年以上利用している会計ソフト！ グラフィックツールを使わず、CSSだけでひとつの画像をこんな感じに加工してみます。 1. 画像をdivに入れておく まずは下準備。「halftone」というクラス名をつけた div に画像を入れておきます。今回は猫ちゃんの画像を用意しました。 HTML <div class="halftone"> <img src="cat.jpg" alt=""> </div> 2. CSSで水玉模様を作成 「halftone」クラスに ::after で疑似要素を作成。 position を使って猫ちゃん画像の上に重ねます。水玉模様は円形グラデーシ
「フォトショップを時間をかけずに学びたい」「使い方がいつもワンパターン」「最新のデザインスタイルをマスターしたい」 そんなひとにオススメしたい、フォトショップの最新チュートリアル、作り方30個をまとめてご紹介します。 順番を追ってチュートリアルを進めていくことで、実用的なツールやエフェクトの使い方を自然と覚えることができます。 フォトショップの近道！自分で学べる最新お役立ちレシピ、作り方まとめ Photoshopが神アップデート！CC 2022新機能まとめて試したら凄いことに 進化したフォトショップの新機能を実際につかって、サンプル例と一緒に詳しく紹介しています。 文字をつかったイラストレーションのつくり方 動物のシルエットに合わせて、手書きの名言テキストをフィットさせる人気グラフィックスタイル。通常は紙とペンで手描きするところ、ここではフォトショップで再現。 平凡な街並みの写真を簡単にア
まずはフォトショップを開き、新しいドキュメントを作成しましょう。カラーモードは「RGBカラー 16bit」とすることで、よりなめらかなグラデーションを表現できます。今回は、3840x2160pxの4Kサイズで作成していきます。 ツールボックスより「文字ツールT」を選択したら、お好みのフォントをつかって描画色「白（#ffffff）」で文字テキストを入力しましょう。 今回利用したフォントは Moisterですが、どんな文字やロゴなどでも特に問題ありません。ただし、あまり太いシェイプや書体はぼやけた仕上がりになるため微調整が必要となります。
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
CSSでボーダーをアニメーションさせるのは意外と難しいもの。幅や色のような単純な動きは別として、より複雑なアニメーションは他の選択肢を必要なケースがしばしば。 この記事ではCSSのborderプロパティを使わずにできる、”フェイク”ボーダーやアウトライン、さらにはSVGを使ったアニメーションの例を5つご紹介します。 最新Webデザインでもよく見かけるテクニックです、ぜひ活用してみましょう。 これらの例のHTMLはすべて、外側の.card divと内側の.inner divから構成されています。詳しくはデモを参照してください。 コンテンツ目次フェイクボーダーアウトラインの使用SVGによるアニメーション・ボーダーさいごに フェイクボーダー まずは、単にパディングやマージンを使ってボーダーを表現する3つの例から見ていきます。 この記事のすべての例では、以下のCSSを使用しています。 .card
液体のりの成分で、がん治療の効果向上 東工大が発見
東京工業大学は1月23日、液体のりの主成分を加えた薬剤を用い、がんの放射線治療の効果を高めることに成功したと発表した。液体のりや洗濯のりなどに広く使われるポリビニルアルコールを薬剤に取り入れ、がん細胞に長時間とどまりやすくした。マウスを使った実験では、皮下腫瘍をほぼ消失できたという。 実験では、放射線療法の一種である「ホウ素中性子捕捉療法」（BNCT）を採用した。まずホウ素化合物の薬剤を投与し、体内のがん細胞に取り込ませた上で、体外から中性子線を照射。するとホウ素と核反応を起こし、アルファ線が出てがん細胞を破壊する──という仕組みだ。ただ、これまではがん細胞に薬剤が長くとどまらず、治療効果が弱まってしまう課題があった。 そこで研究チームが、薬剤にポリビニルアルコールを加えたところ、がん細胞に取り込まれるホウ素量が約3倍に向上し、とどまる時間も長くなると分かった。マウスを使った実験では、中性
＜マスクは屋外では役に立たない、ドアノブには注意、室内の空気を入れ替える......。30回以上感染症の現場を取材したジャーナリストによる予防措置のポイント＞ 筆者はSARS（重症急性呼吸器症候群）の流行中、中国と香港でウイルスに感染した患者や医療関係者らに取材した。患者と同じ部屋にもいたが、不安はなかった。どんな予防措置を取るべきか知っていたからだ。押さえるべきポイントは──。 1：外出するときは、手袋（冬用のミトンや屋外用手袋）を着用する 地下鉄、バス、公共スペースにいるときは手袋を着けたままにしておくこと。 2：素手で自分の顔や目に触れない 手袋を外して握手や食事をしたりする場合は、どんなにかゆみがあっても素手で顔や目に触れないこと。再び手袋をするときは、せっけんとぬるま湯で指をこすり合わせてしっかり洗う。 3：手袋を毎日交換する 使用した手袋は徹底的に洗う。湿った手袋は着用しない。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無印良品によるサーキュレーターの季節別の活用方法が有益すぎる→早速効果を実感する人も「部屋が快適…！」
アバター2はなぜ48コマなのか。HFR映画がもたらす視覚効果とリアリティ
【ドドンッ！】有名YouTuberが使ってる『効果音ラボ』の実態に迫る - イーアイデム「ジモコロ」
アニメはいかにレンズの効果を模倣してきたか - メディア芸術カレントコンテンツ
![「もうやめない？」マイナ保険証、利用率6.56％の惨状に批判殺到 …あの手この手で普及目指すも “笛吹けど踊らず” - Smart FLASH/スマフラ[光文社週刊誌]](https://cdn-ak-scissors.b.st-hatena.com/image/square/75d89626f574bca7b53fa80594a4d95f79a5a28f/height=288;version=1;width=512/https%3A%2F%2Fdata.smart-flash.jp%2Fwp-content%2Fuploads%2F2024%2F05%2F15145521%2Fkouno_tarou_1.jpg)
HTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir
学校のマスク着用 ”感染者数抑制などに効果“ 米研究グループ | NHK
スウェーデンの集団免疫、いよいよ「効果アリ」の声が聞こえてきた（みゆき ポアチャ） @gendai_biz
ポートレート写真をアニメ風に変換する「AnimeGANv2」を手軽に試せるデモサイト登場
CSSの疑似クラス「:focus-within」が素晴らしい理由
モデルナのワクチン 半年後も「デルタ株」に効果 米研究所 | NHKニュース
よくあるWeb課題をCSSで乗り切る！知っておきたい最新テクニック20選
営業車300台に会社のロゴを貼る仕事をしたが、宣伝ではなくドライバーへの意外な効果を狙ったものだった
CSSの新機能を効果的にうまく使った、新時代のCSSリセット -acab/reset.css
「サーキュレーターって意味あるの？」正しく使ったらもう手放せません - 価格.comマガジン
HTML/CSSで表現できる、すごいテキストエフェクト用スニペット44個まとめ
「CSSで蛍光ペンっぽいアンダーライン」はtext-decorationで実現できる
サイトの質が向上！コピペできるHTML/CSS便利スニペット100個まとめ
【パーフェクトビルドEAA】効果は？口コミは？実際に試して徹底検証！ | ロジックダイエット
CSSで美しいネオンライトのエフェクトをテキストやボタン、ボーダーに実装するテクニックのまとめ
【フォトショップ】写真をリアルな紙幣プリント風に加工する方法
ワクチン接種割合からワクチンの効果を評価するときに気をつけること - NATROMのブログ
まるでプロ！動画編集が捗る無料エフェクト素材350個まとめ【商用フリー】
Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】
Pokémon Cards CSS Holographic Effect
フォトショップで写真を水彩イラスト風に一発加工！おすすめ素材25選
Photoshop文字加工を極める！テキストエフェクト用チュートリアル186個まとめ【保存版】
HTMLはシンプル！ 画像をホバーしたときのさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir
幅いっぱいの画像に与えるさまざまなCSSグラデーションを簡単に生成できる便利ツール -The Hero Generator
CSSで画像をハーフトーン（網点）に加工する
フォトショップ上達の近道！最新お役立ちレシピ、作り方30個まとめ
【フォトショップ】輝きが違う！ライティング・グローエフェクトのつくり方
緊急事態宣言、日本は緩い？あの成功体験と反省が背景に：朝日新聞デジタル
コピペで楽々、CSSでできるボーダーアニメーション５選
新型コロナウイルスから身を守る10の方法（科学ジャーナリスト執筆）
www.agaroot.jp
www.afpbb.com
www.sankei.com
news.yahoo.co.jp
shoesmaster-komatsu.com
fumitakablog.com