2022/1/13をもって お客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。 (詳細はこちら) クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。 (Microsoft Edgeでクックパッドにログインできない場合はこちら)
先日、Firefox3.5が一つのブラウザとしては世界一のシェアを獲得したニュースをお伝えしましたが、その躍進の一翼を担っているのは豊富なアドオン。「Firefoxのアドオンなくしては生きられない」といっても、案外過言ではない人も多いでしょう。 歳末振り返り記事第4弾は、米lifehacker編集部セレクション・Firefoxアドオン番付19選。種類がありすぎて、業種毎に使われているアドオンに偏りがあると思いますので「な、なぜ、あんなに便利なアドオンが載っていないのだ...!」と感じた方は、ぜひコメントに思いの丈をぶつけてください。 それではアドオン番付は以下からどうぞ。 ■「Firefox 3.7 Mockup Redux 2.5」 β5が登場して、恐らく来年にはRC版、そして正式版がリリースされるであろう3.6を飛び越して、Firefox3.7のテーマ(のモックアップ)を実装できるセッ
以前は自宅も仕事もWindowsメインな環境だったんですが、仕事の方がでMac+英語キーボードな環境になり、ついでなので自宅もそれに合わせることにしました。 環境はMac miniの最新型で一番安いの(6月くらいに購入)とMacbook Airのやっぱり一番安いの(11月に購入)です。両方合わせて15万くらい。お手頃…なのか?どうでもいいけど、mac miniは1.3kgしかなくて、Macbook Airの13インチとほぼ同じ重さだっりします。miniデスネー。 ついでにWindowsのほうは2年半前に買ったCore2duo(Windows7アップグレード済み)で、当時そこそこハイエンドだったやつです(ちょうどMac miniと同じくらいのスペックだけどこいつは一体何kgあるんだろう…)。 以下、Macの開発環境をなるべく最近の流行りを取り入れてレポートします。 ブラウザ さて、マシンのセ
RESAS(地域経済分析システム) APIの「都道府県一覧」APIから取得するAPIレスポンスから都道府県一覧のチェックボックスを動的に生成する都道府県にチェックを入れると、RESAS APIから選択された都道府県の「人口構成」を取得する人口構成APIレスポンスから、X軸:年、Y軸:人口数の折れ線グラフを動的に生成して表示する「総人口」の他に「年少人口」「生産年齢人口」「老年人口」も切り替えるUIを何らかの形で用意し表示できるようにすること(同時に表示する必要はない) React/Vue.jsのいずれかを用いてSPAを構築すること(バージョンはできるだけ最新版をご使用ください)ReactVueNuxt.jsやNext.jsなどの、これらを内包したフレームワークの利用も許可する都道府県一覧および総人口情報はRESAS APIのデータを用いることグラフは Highcharts や Rechar
今一度ツイッターの仕組みをおさらいし、快適なツイッターライフをエンジョイできるお手伝いをいたします。 ツイッターの事を知らないのにツイッターを題材にしたドラマを書いた人のせいで、ツイッターを始めた人も増えているようですが、そんな人が最初にぶちあたる「なにこれいみわかんないキャハハ」を解決します。 ちなみに世界中で使われているこのサービスは、1秒間に2000ものつぶやきが発生しているほど、大人気なサービスです。 始まり方は、牧場に捨てられる感じ 個人的なイメージですが。そんな感じ。 何も無いところに、あまりサポートもないところにポツーンと捨てられます。 Twitter の登録はこちら 始めたばかりの状態というのはフォロー0、フォロワー0の状態でスタートします。 このフォローとフォロワーは今後どんどん出てくる言葉なので今すぐ覚えてください。 フォロー あなたが、誰かのつぶやきをみます、という契
今回はGoogle Chromeのショートカットキーの紹介です。ここでは、アドレスバーに文字列を入力するだけで「Amazon.co.jp」や「Flickr.com」のサイト内検索ができるようになる方法など、アドレスバーのショートカットキーを設定する方法も扱います。どれも便利なワザですので、ぜひマスターしてください。■Windows編 1. 「Ctrl+H」...履歴ページを開く。 2. 「Ctrl+D」...現在のウェブページをブックマークとして保存。 3. 「Ctrl+Shift+D」...開いているすべてのページを新しい1つのフォルダにブックマークとして保存する。 4. 「Ctrl+J」...ダウンロードページを開く。 5. 「Shift+Esc」...タスクマネージャを開く。 6. 「Ctrl+Shift+Del」...「閲覧履歴の消去」(履歴やキャッシュを消去できるページ)を開く。
最近のHTML5やWebブラウザのAPIの進化はけっこうすごくて、普通にサウンドプログラミングもできるようになってきました。そんなわけでシンセサイザーアプリを作ってみました。 サウンドを扱う方法はいくつかあるみたいですが、Google Chromeで使えるWeb Audio APIがEQやディレイなどあらかじめ用意されていて良さげなので使いました。 http://aikelab.net/websynth/ まだ、バグもけっこうあるのでじょじょにブラッシュアップしていきます。 Chrome以外では動かないと思うので試せない人はこちらの動画をどうぞ。 Google API Expertが解説するHTML5ガイドブック 作者: 羽田野太巳,白石俊平,古籏一浩,太田昌吾 出版社/メーカー: インプレスジャパン 発売日: 2010/09/16 メディア: 単行本(ソフトカバー) この商品を含むブログ
どうも、リストア職人のさぼです。みなさんmacOSをどのぐらいの頻度でリストアしてますか?1年に1回はやってますよね?僕は3ヶ月に1回はやるようにしてます。綺麗な状態にしてOSが最大限のパフォーマンスで動いた方がいいし手元に入れたよくわからないアプリがずっと入ってるのって気持ちよくないじゃないですか。なのでMacを定期的にリストア(工場出荷状態に初期化)してます。 前回までは真っ白な状態からだいたい3時間ぐらいで普段開発している環境を構築できるようにしていたのですが今回から開発環境を全部Dockerにしてみようと思ってやってみたところ1時間半で開発環境を終えて作業開始できる状態までの最短記録を更新しました! おわり(おわらない) いつもやってる手順を振り返りがてら紹介していきます。 Brewfile いつもリストア後は brew bundle コマンドでアプリやソフトウェアを入れるようにし
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
About RSSで購読する Google Chromeをより便利にしようとChrome拡張機能をたくさん入れていると、どんどんメモリを食うようになってしまいますよね。 そういったことを防ぐために、拡張機能をグループ分けしたりするわけですが、いっその事、絶対に使うものはひとつにまとめてしまえと思うのですよね。 そこで今回は、絶対に使う機能がひとつの拡張機能まとめられたものをご紹介します。余談ですが、私はこの拡張機能でメモリの消費量をたいぶ抑えることに成功しました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザを強化する拡張機能をひとつにまとめたChrome拡張機能「Pig Toolbox」 「Pig Toolbox」は、よく使われるGoogle Chromeの拡張機能をひとつの拡張機能
ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しか し、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるで しょうか?この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 # ソフトウェア部品の流通に今、大きな変化が起きてきています。 数年前のオープンソース環境を覚えているでしょうか?レポジトリは集中管理型の subversion、リリースは zip、テストは手動。Issue の登録もプロジェクトごとにことな るバグ管理システムが使われていたため、とっつきづらかったでしょうし、パッチを送る のも面倒でした。 そんなオープンソースを取り巻く環境が、git や GitH
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、第11代黒帯(ヤフー内のスキル任命制度/Webフロントエンド領域)の浜田(@narirow)です。今回はヤフー全社で実施してきた、「Webパフォーマンス改善プロジェクト」についてお話ししたいと思います。 長期に渡る活動の結果、多くのサービスのWebパフォーマンスが徐々に向上しています。この記事では、取り組みの経緯や、多くのサービス分析を通してわかったコスパの良い施策(比較的簡単に実施できてスコアも上がりやすい施策)などをご紹介します。 全社横断でWebパフォーマンス改善を実施する経緯 さかのぼること2021年、Googleから以下のような案内がありました。 「Core Web VitalsがGoogle検索の検索順位に
はじめに こんにちは。KMC2回生のtyageです。 京都もほんとに寒くなってきて鍋が捗りますね。簡単だし美味しいあったまるし、最高ですね。 この記事はKMCアドベントカレンダー2013の17日目の記事で、 昨日は1回生のnona65537君によるSSH の二段階認証についてでした。 今日はGoogle ChromeというSSHクライアントの紹介なのですが、12日間続いたKMCアドベントカレンダーのサブプロジェクトであるSSHアドベントカレンダーもこれで最後になります。 最後がこれでいいのか?とも思うのですが、今までの内容がハードだったという方に向けて優しい内容となっておりますので、安心して御覧ください。 定番SSHクライアント「Google Chrome」 Google Chrome(もしくはChromium)と聞いて「あっ、SSHクライアントのことか!」と思われた方には少し物足りないか
Flutter入門 - 簡単なアプリを作ってUI宣言やホットリロードなど便利機能の使い方を理解しよう モバイル向けアプリケーションのフレームワーク・Flutterを使って簡単なアプリケーションを作成する基本的な開発について、FlutterのGoogle Developers Expertである上田哲広さんに解説していただきました。 こんにちは。上田哲広(@najeira)です。FlutterのGoogle Developers Expertとして活動しています。 Flutterは、Googleが中心となってGitHub上でオープンソースなプロジェクトとして開発されている、モバイル向けアプリケーションのフレームワークです。AndroidとiOSのアプリを単一のコードベースで開発できます。 GitHub - flutter/flutter: Flutter makes it easy and
APNG(エーピング)とはアニメーションするPNG画像のことで、アニメーションGIFに取って代わる次世代の新しい画像形式です。もともとブラウザベンダーのMozillaが提案した規格で、ウェブサイトのアニメーション表現に利用できます。従来はアニメーションGIFが主流でしたが、アニメーションGIFは色数の制限や輪郭のジャギーなど品質面の制限が多いファイルフォーマットです。その制限を払拭してくれると期待されるのがAPNG形式です。 データ容量・品質から比較する画像形式〜APNGは容量が軽くて綺麗 上図ではアニメーションGIF・APNG(8bit・32bit)・PNG連番画像をデータ容量・データ品質でマトリクス図にしました。APNG 8bitはアニメーションGIFと同じ256色のサポートなのでAPNG 8bitの方がデータ容量は若干小さいものの、差はほとんどありませんでした。APNG 32bitは
Rails使って仕事してて、最近はRubyを使って初学者の方たちにプログラミング教えてます、@saboyutakaです。 未経験からエンジニアになりたいという人達に普段教えていて、ガイドラインがあるといいなと思って作りました。 まずなんで1000時間か これからWebアプリケーションを作るエンジニアになりたい人がこれを読んでくれていると思って書きます。そもそもなぜエンジニアとして働けるかというと、作りたいものがある人や企業が居て、それを作ることができる技能に対して給与や報酬が発生します。そして技術職として仕事で対価を得られる最低限のスタートラインに立つための学習期間が1000時間だと想定しています。 技術は投資時間に比例して身につくので向き不向きはここでは考えません。向き不向きはむしろ時間投資を続けれるかどうかであって、楽しめるかどうかやなぜやるかの動機、決意などに依存します。これに関して
「初音ミク」の誕生から、はや10年。発売日である8月31日は過ぎましたが、今なお各所から「ミクさんおめでとー!」の声が聞こえてきます。マジカルミライ、行きたかったお……。 僕自身はいちファンに過ぎない身ではありますが、初期からボカロカルチャーに親しんでいたこともあり、「もう10年かあ……」と不思議な感慨があります。ニコニコ動画のランキングで初めて見かけて、ハマり、あれこれと動画を探して追いかけていたころが懐かしい。 初めて見た動画は、Otomaniaさんの「Ievan Polkka」でした(コメントは2007/9/5のログ) せっかくの10周年。「自分なりに『ボーカロイド』について振り返ってみよう!」 ……などとも考えたのですが、当然そんなものは公式サイトや各メディアで企画されているわけで。好きな曲のまとめ記事は過去に書いちゃってるし……うーむ。 そこで思い浮かんだのが、「キャラクターある
毎年11月の第4木曜日は、米国では感謝祭(Thanksgiving)。その名のとおり、秋の収穫を祝い、神の恵みに感謝することから始まったといわれるこの風習ですが、これをLifehackerチックにアレンジ。ソフトウェア開発者の日ごろの努力や技術の進歩の恵み感謝しつつ、イチオシのフリーソフトウェアを一挙にご紹介しましょう! 2008年の感謝祭では「米lifehacker読者が選んだ、感謝の気持ちを表したいフリーソフトウェア46選」をお伝えしましたが、今年も同様、米Lifehacker読者を対象に「最も感謝しているフリーソフトは?」というテーマでコメントを募集しました。そこで見事選出されたのが、以下の61本のフリーソフトウェアさんです。 Firefox (参照:Firefoxカテゴリの記事) VLC (参照:VLC関連の記事) CCleaner (参照:全く何も痕跡を残さずにブラウズする方法、
Flash, HTML5スマートフォンの普及が進む中、iPhone には Flash が搭載されず、Android 版 Flash は開発停止になるなど、遅かれ早かれ Web 上から Flash が消えていき、リッチな表現は HTML5 に置き換わっていくことは確実となりました。「これからは HTML5 だ」という印象を世間に強く与えたのが、2009 年の Google I/O でした。Google I/O 2009 レポート グーグルが賭けるHTML 5の未来 − @ITGoogle はそれ以降、多くのサービスに HTML5 を取り入れてきました。しかし、いまだに Flash を利用しているサービスがいくつかあります。この記事では HTML5 化していない、または、できていない 5 つの Google のサービスを通してどのこで Flash が使われているのかなぜ Flash が使われて
2020年のSEOで成功するための最重要な方法と考え方を書きました。 参考:SEO予測記事 2021年のSEOまとめ 2020年後半のSEOまとめ 2019年のSEOまとめ 2018年のSEOまとめ 参考2:動画で一部解説しました。 2019年はSEOの役割が大きく変わった2019年のSEOで最大のインパクトは大別して2つあります。 企業サイトや大手サイトですら変動で落ちやすくなった事コンテンツの制作・維持コストの高騰2020年はこの流れが更に加速するものと考えられます。1つ1つ見て行きましょう。 企業や大手サイトですら落ちる現実具体的に挙げる事は控えますが、かなりの数の有力サイトがGoogleのアップデートで順位下落しました。 2017年の健康アップデートから始まり、2018年頃までは、医療健康ジャンルや、YMYL関連ジャンルを中心に権威性がかなりの強さで重視されていましたよね。 つまり
Android搭載のスマートフォンでは、多種多様なアプリケーションをAndroid Marketから手軽にダウンロードして利用できます。様々なアプリケーションを利用しているうちに、「自分でも作ってみたい!」と考える人は多いでしょう。 ただし、いざ作ろうとすると結構大変です。Androidアプリを開発するためには、Javaプログラミングや統合開発環境Eclipseの知識が必要です。覚えることが膨大なので、なかなか開発が進まず、途中であきらめてしまった人もいるのではないでしょうか。 こうしたAndroidアプリの開発に不慣れな人にお勧めの開発ツールがあります。それが、「App Inventor for Android(以下、App Inventor)」です。 App Inventorは、米Googleが無償で提供する開発ツールです。2010年7月から登録者向けにリリースしていましたが、2010
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google リーダー、全 Web アプリケーション中でダントツ No.1 の使用率だったんですよ。デスクトップと合わせても、たぶん Web ブラウザ、 Emacs に次ぐ 3 位くらいなんですよ。購読フィードの数が多い上に iPhone や Nexus 7 でも読むから、他のリーダーじゃダメなんですよ。それなのに・・・猶予期間たった 4 ヶ月で終了とかどういうこ
熱狂のリリースから1週間...その後『Google Chrome』は使っていますか? かなり使い倒している人も、すでに元使っていたブラウザに戻った人も、はい注目! 今回は、さらに深い『Google Chrome』の機能とオプションを探す旅にお連れいたしましょう。加えて、ちょっと気の利いた『Google Chrome』のブックマークやテーマ、アドオンなどを使って、動作やスキンをカスタマイズする方法なんかもご紹介しちゃいますね。 詳細は、以下にてどうぞ。 『Google Chrome』上でのマウス操作について 余分なものを排除したミニマルなブラウザにも関わらず、『Google Chrome』のインターフェイスには、かなり便利な機能が搭載されています。たとえば、マウス操作。ここに挙げたTipsを使えば、きっとブラウジングの効率がかなり向上されると思いますよ。 ■「←」「→」ボタンのクリック&ホー
2014年02月14日19:06 音楽再生に特化したChrome拡張「Streamus」が便利すぎてiTunesから曲を消した http://narumi.blog.jp/archives/3405214.html音楽再生に特化したChrome拡張「Streamus」が便利すぎてiTunesから曲を消した よく仕事中にiTunes立ち上げて音楽を聞いたりしていますが、考えてみたらプレイリストにある音楽ってほぼ全部YouTubeにもアップされてるんですよね。ってことはYouTubeで聞けばいいじゃんって思うんですが、聞きたい曲を「探す→再生する→止まる→また探す」っていうのが非常に面倒くさい。 そしたらGoogle Chromeの拡張で、YouTubeにある曲をBGM代わりに再生するのにぴったりなものがありました。「Streamus」というやつです。 Streaming YouTube mu
一日のうちでいちばん長い時間、顔を合わせているのは、ブラウザかもしれません。 「まとめ:Google Chromeに乗り換えずに済む、Firefoxの小技17選」という記事がアップされたのは昨年の10月のこと。ライフハッカー読者の皆さんに人気のブラウザ・不動の1位は今も相変わらずFirefoxです。 そこで今回はここ最近のFirefox記事をまとめてみました。毎日お付き合いしているのだから、どんどん進化していってもらわないと! というわけで、読み逃していた記事など発見してくださいねー。 意外と知らない(かもしれない)基本の小技 ・BackSpaceキーで「前のページ」に戻らないようにするTips(@Firefox) ・リンク先の開き方をコントロールするショートカット+クリック(Firefox & Chrome用) ・Firefox 3.5の位置情報検出を無効にする 続きは以下からどうぞ。
Music Video Director : wakamuraP x fantasista utamaro x TAKCOM ※このMusic Videoを鑑賞する際は、部屋を十分に明るくし画面から離れてご覧下さい。 ※When you watch the Music Clip, Please see the screen bright enough away from the room. livetune feat. 初音ミク Tell Your World EP リリース記念限定アイテム 販売中!! → http://toys-hop.com/ livetune feat. 初音ミク "Tell Your World" (サイン入り)等身大パネルが当たる!! → http://dot-and-line.com/ Google Chrome "あなたのウェブを、はじめよう。" C
2014年8月17日 Webサイト制作 8回に渡り連載した「実践で学ぶWebサイト制作ガイド」がついに終わったので、ここで簡単にまとめておきます。この記事では基本的な流れを説明していますが、リンクをクリックでより詳しい説明記事を読むことができます。これからWebサイトを作ってみたい!という人のお役に立てればいいなあと思います :) サンプルファイルもあるので、ご自由にダウンロードしてくださいね! ↑私が10年以上利用している会計ソフト! サンプルファイル 今回作成したファイルをサンプルとして配布します。参考になれば幸いです。説明するために制作したものなので、学習目的以外でのご利用はご遠慮ください。Google Chrome, Safari, Firefox, IE8・9で動作確認済み。 デモ ダウンロード 1. プランニング 誰のため?何のため?Webサイトを作り始める前に。 突然Phot
11月19日(日本時間11月20日午前3時半)、グーグルはWebアプリケーションの実行に特化したオープンソースの新しいOS、Google Chrome OSのための「Chromium OS」プロジェクトをオープンソースとして公開したと発表しました。 オフィシャルページでグーグルは「Google Chrome OS will be ready for consumers this time next year.」と書き、Chrome OSの製品がユーザーの手に届くのは来年になるとしています。 公開されたのは、以下のものです。 Source code(ソースコード) Design docs(システムデザインのドキュメント) User interface experiments(ユーザーインターフェイスのドキュメント) Getting and Building a Chromium-Based
HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは? アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう
【img via iOS 5.1 Update. by MJ/TR (´・ω・)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損! 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari?」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ!! そもそも「Webインスペクタ」って何? そもそもWebインス
クレジットカードの利用明細はこまめにチェックする必要がある。なぜなら、カードの不正使用などの危険があるからだ。しかし、最近ではオンライン明細が推奨されており、カード会社のサイトにログインして、明細をダウンロードしなければならないことも多い。カードが複数枚あるなら、それはかなり面倒な作業となる。そこで、自動でカード明細をダウンロードするプログラムを作ってみよう。今回は、環境の構築をし、簡単なプログラムを作ってみよう。 Webブラウザを自動操縦しているところ Webブラウザを自動操作しよう PythonにはデータをWebから取得する命令がいろいろある。最も簡単なのは、Pythonに標準で用意されているurllib.requestだ。これを使うと任意のURLからデータを取得できる。しかし、最近のWebサイトは、セッションという仕組みを利用していたり、JavaScriptでページをレンダリングした
2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな?と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く