テキストをホバーしたときの変化やアニメーションをつくることは、どのようなサイトをつくっていてもほぼ必ず行う工程ではないでしょうか。 テキストがリンクであることをユーザーに伝えるという点では、ブラウザのデフォルトスタイルのような下線のみで十分な場合もあると思います。 しかしそれだけではなく、変化をつけてよりわかりやすくしたい場合や、サイト全体の雰囲気に合わせたい場合にちょっとしたアニメーションが効果的です。 今回はHTMLとCSSのみで作成できる、シンプルながら少し目を引くアニメーションをテーマに実装例を紹介します。 ▼今回紹介する実装例一覧 とくに、以下のようなデザイナー／エンジニアにとって参考になれば嬉しいです。 HTMLとCSSのみでどのようなホバー時のアニメーションができるのか知りたい 透明度の変化や、下線のつけ外し以外の実装例の引き出しを増やしたい ※今回の実装例では主にヘッダー／
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
展覧会「描く人、安彦良和」を訪れた漫画家の原哲夫さん＝神戸市中央区の兵庫県立美術館で2024年7月、谷口豪撮影 兵庫県立美術館（神戸市中央区）で開催中の展覧会「描く人、安彦良和」（毎日新聞社など主催）に、人気漫画「北斗の拳」の作画を担当する原哲夫さんが来訪した。アニメ「機動戦士ガンダム」のキャラクターデザインなどで知られるアニメーターで漫画家の安彦良和さんに「プロになってから影響を受けた」という原さん。安彦さんの歩みをたどる作品に接し「深淵（しんえん）の美がある」と賛辞を贈った。 累計発行部数が世界で1億部を超える「北斗の拳」は1983年、「週刊少年ジャンプ」（集英社）で連載が始まった。原さんは同年、安彦さんが劇場アニメの初監督を務めた「クラッシャージョウ」（83年）のデザインに感銘を受け、画集を購入して「ぼかし」の技術を学んだという。 展示を丹念に見て回った原さんは「機動戦士ガンダムⅢ
Microsoftの新作AI PC｢Surface Pro｣：アイデンティティが“高価”しかない2024.07.05 11:3023,968 Kyle Barr - Gizmodo US ［原文］ （ 福田ミホ ） 宙ぶらりんなのに値段だけ高すぎ、と。 Microsoft（マイクロソフト）のPCブランド｢Surface｣の2-in-1モデル、Surface Proの第11世代が発売されました。パフォーマンスが上がったのはもちろんですが、時節柄AI機能に特化したCopilot+ PCである、という触れ込みです。 …が、米GizmodoのKyle Barr記者のレビューによると、値段に納得できる要素が、処理性能くらいしかないみたいで…。 この記事の要点・Surface Pro（第11世代）を試用してみたが、欠点が目につき、実質約29万円/約37万円という価格には納得がいかなかった。 ・目玉のA
米Microsoftは7月17日（現地時間）、2022年に発表したAI搭載デザインツール「Microsoft Designer」のiOSおよびAndroidアプリを正式版としてリリースしたと発表した。日本語もサポートする。 Microsoft Designerは、米OpenAIの「DALL・E」ベースのツールで、テキストプロンプトで画像やデザインを生成できるというものだ。モバイルアプリでは、ステッカーやグリーティングカード、壁紙、アバターなどを作成できる。 例えば、機能の1つ「Restyle image」では、自分の写真をアップロードしてスタイルを選び、表示したい詳細をテキストで入力することでオリジナルのアバターを生成できる。 写真の背景のぼかしや背景削除なども可能だ。 Microsoftは同日、WordやPowerwPointなどの365アプリでもCopilotを介してDesignerを
Adobeが、IllustratorやPhotoshopに、デザイナーがビジョンを迅速に実現するため、クリエイティブワークフローを加速して作業に費やす時間を削減する新機能を搭載したことを発表しました。 Adobe - Adobe Unveils Powerful New Innovations in Illustrator and Photoshop Unlocking New Design Possibilities for Creative Pros https://news.adobe.com/news/news-details/2024/Adobe-Unveils-Powerful-New-Innovations-in-Illustrator-and-Photoshop-Unlocking-New-Design-Possibilities-for-Creative-Pros/def
無料なのに無料じゃない写真加工アプリ Snapseedをお勧めするわけ インターフェースがシンプル 効果 効果の種類 ツール 各項目の説明 加工後の保存 保存の注意点 無料なのに無料じゃない写真加工アプリ スマホのカメラもどんどん性能が上がり 写真が趣味ではない私でも 何かにつけて撮りたくなります。 ブログや、インスタグラムに投稿するなら 写真加工アプリを使うことで ガラっとイメージが変わったり すてきな一枚に ブラッシュアップすることができます。 「インスタ命」ってわけではないので できればチャチャっと完了しちゃう 操作が簡単なアプリが嬉しいです。 もう一つ大事なのは無料であること。 色々なアプリをインストールしても 無料と謳っていながら 実際には肝心な機能は課金が必要だったり 無料で使える期間が決まっていたりで なかなかしっくり来る物が見つかりません。 一つの動作をするたびに いちいち
【自由研究①】オリンピックとからめて「競泳大研究」３年前のピヨ子小５の研究を公開！ - 中2小4 松江塾ママブロガー あらいくまたんの笑門来福【初代公認】
あらいくまたんです。 《＾=・(⊥)・=＾》 パリオリンピックが盛り上がっていますね。 競泳の大橋選手、残念ながら今回は準決勝敗退となってしまいました。 3年前の東京オリンピック。 大橋悠依選手が、200m400ｍ個人メドレーダブル金メダルという快挙を成し遂げてくれたおかげで、我が家の自由研究が充実したのでした。 オリンピックを自由研究に使った3年前の我が家の進め方をまとめました。 東京オリンピックの時の自由研究 アイデア出し 大橋選手のダブル金メダル 充実のデータが揃う 自分の泳ぎのデータも入手 「競泳大研究」 渾身の研究の行方 すごい研究の前には膨大なアイデア出しと試行錯誤がある まさかの学校代表に選ばれず 東京オリンピックの時の自由研究 ３年前、コロナにより１年延期して無観客で開催された東京オリンピック。 当時小５だったピヨ子は、オリンピックをネタに自由研究ができないか、考えました
詩 花すなわち河 河流るるも橋 橋揺らめいて凪 凪いずくんぞ波 波すべからく時 時語らんとするは星 星煌めいて夜 夜つぶやかず黒 黒さんざめく闇 闇包み込むように傷 傷かき消すは服 服破れるは鍛錬 鍛錬突き詰めて上腕二頭筋 上腕二頭筋夜もすがら餅 PAKUTASO (www.pakutaso.com) 餅焦がされて冬 冬黄昏れて味噌 味噌言うならば未曾有 未曾有時としてマッスル マッスル還元すれば上腕二頭筋 上腕二頭筋さすれば門 門開かれし早春 早春それなのに灼熱 灼熱炸裂し炒飯 炒飯炒められし鍋 鍋振りかざし胡麻油 胡麻油熱せられ芳香 芳香漂いし部屋 部屋佇みし桜 PAKUTASO (www.pakutaso.com) 桜咲き乱れ情景 情景セピアに染まりし校庭 校庭木陰から見つめる少女 少女視線の先に男子 男子夢中になるは蹴球 蹴球未来にあるは夢 夢言わんとするはユベントス ユベントス憧
【最大10万円保証】自動車保険に影響しないミニ車両保険に入りたかった・・・ by 愛車PROTECT トヨタ - ねこのおしごと
超大切に扱っても・・・ 猫月さんねぇー今乗ってるTOYOTA86が 超大好きなのよ。 もう走る用じゃなくてインナーガレージで リビングからいつでも眺められる家具的な そんな扱いなの。 この86さんは2台目で1台目は70歳の クソ爺にぶつけられてなんかもう 事故にあった車ってのが嫌で買い直したの。 完璧な車を飾っておきたいのよ！ 新車購入後色々と改造を加えてきて 新車2台分程の改造費になってしまって だったら圧倒的に1000万円位の車を 購入した方が価値的にもいいんだけど そーじゃないんだよ！ 猫月さんは86が好きなの！この形が！ もう可愛くて可愛くて仕方ない！ とは言えね、まったく走らないって 意味無いし運転する事も好きだから 少ないながら走る訳よ。 そーすると飛び石やらなにやらで 傷が出来てくる訳よ。 しかもさーコレ！ 納車2ヶ月なのに駐車場でドアパンチ 受けるって言うね！ そして犯人は
２０２１年４月 ※クリック注意！ネタバレ・感想あり※ ※ GYAO! は２０２３年３月にサービス終了しています※ あたしンち ワンピース 孤独のグルメ Season3【ＢＳテレ東】 撮り下ろし田無タワー ２０２４年６月撮影。 ※以下ネタバレ・感想※ あたしンち 第209話～第237話 こっちの世界は新年度じゃなくて夏休み後の新学期。 英語の教科書は "MILESTONE"。 父「ユズヒコ…お前もか」。←好き ってか父母、まだ４０代だったんだ。 女子高生がドス黒コーヒーなんて可愛くない名前の缶コーヒー飲むんかい。 「へ～いお茶」はいいとして…え？青虫茶？野菜コーヒー！？ ↑このラインナップでおしるこオチは弱くね？ ユズヒコ、「週刊ジャガジン」立ち読み。 月夜の田無タワーちらり。 旧型あずさ？で、ベア研っぽい幕の内弁当を食べる父母。 歯医者の受付、妙なリアリティが嫌。 短気な父だと思っていたが
バチェラー出演のお嬢様が、炎上につぐ炎上。アンチと闘う“ネット戦士”ぶりが話題に（女子SPA！） - Yahoo!ニュース
先日、前代未聞の展開で世間を騒がせた「バチェロレッテ・ジャパン」シーズン3。その裏で、「バチェラー・ジャパン」シーズン5（2023年8月配信。以下、バチェラー5）に出演していた“つっきー”こと月田侑里（つきた・ゆり）さんが、この数か月、Xで炎上を繰り返しています。 【画像】夫にバッグハグされた写真と共に、妊娠を発表した月田さん 作中では、小動物のようなかわいさと上品な仕草、謙虚すぎる行動で、ひときわ存在感を放っていました。旅の終盤まで残っていてバチェラーからの評価も高かったように思います。実家は芦屋の大豪邸というお嬢様だとか。 そんな彼女が、「バチェラー5」公開から1年経った今、なぜ叩かれているのでしょうか。炎上ヒストリーと共に、アンチと闘う月田さんの、カッコいいぐらいの強メンタルを振り返ってみました。 “夫自慢”だと炎上が始まってもめげない強さ月田さんは2024年1月1日に結婚したことを
関連キーワード 人工知能 | Microsoft（マイクロソフト） | Windows | CPU | ビジネスPC PC市場では「AI PC」という用語が至る所で使われるようになった。AI PCとは、AI（人工知能）技術のタスクを実行するためのプロセッサを搭載し、ローカル（エンドユーザーのデバイス内）でAI関連のコンピューティング（演算処理）を実行するPCのことだ。 “AI PC元年”の夏を迎えるに当たり、筆者はAI PCの有用性を分析した。AI PCを使ったところで、クライアントOS「Windows」搭載の普通のPCよりも生産性が上がるわけではない――。これが出した結論だ。そう判断するしかなかったのには、もちろん理由がある。 「AI PC」が「普通のWindows PC」より生産的ではないのはなぜか 併せて読みたいお薦め記事 AI PCについてより広く 「Copilot+ PC」が“次
関連キーワード 人工知能 | ビジネスPC | クラウドサービス 2024年1月にラスベガスで開催された「Consumer Electronics Show」（CES）で注目を集めたのは、人工知能（AI）技術関連のタスク（AIワークロード）を実行可能なPCだった。Dell、Hewlett Packard（HP）、LenovoなどのPCベンダー、Intel、AMD（Advanced Micro Devices）、NVIDIAなどの半導体ベンダーは、「『AI PC』元年」とも言える年を迎えるに当たって、さまざまな革新的技術を発表した。AI PCとは何なのか。企業にどのような利益をもたらすのか。そうした疑問への答えを探る。 結局「AI PC」のメリットとは何か？ 併せて読みたいお薦め記事 AI PCの行く末は？ 「AI PC」が「普通のWindows端末」より生産的ではない“皮肉な理由” PC市
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLとCSSでつくる！ リンクテキストのホバー時アニメーション11選 - ICS MEDIA
「第4のブラウザ言語」WebAssemblyが変えるフロントエンド開発 | レバテックラボ（レバテックLAB）
アムロがケンシロウ風に？ 原哲夫さんが「安彦展」でイラスト披露 | 毎日新聞
Microsoftの新作AI PC｢Surface Pro｣：アイデンティティが“高価”しかない
AI搭載デザインツール「Microsoft Designer」のiOSとAndroidアプリが正式版に
Adobeがビジョンを迅速に実現化する生成AI新機能をIllustratorやPhotoshopに搭載
未無料画像加工アプリ GoogleSnapseedがおすすめ - ♛Queens lab.
Windows 11の「フォト」アプリに「Microsoft Designer」のAI編集機能がビルトイン／被写体の選択、背景の削除・ぼかし、カラーポップなどで写真がプロの仕上がりに
詩と演舞 - まる猫の今夜も眠れない
GYAO! シリーズもの ２０２１年４月 - 永遠のなかの庭園
「AI PC」が「普通のWindows端末」より生産的ではない“皮肉な理由”
「AI PC」は何がすごい？ PCユーザーなら誰もが喜ぶそのメリット