当サイトについて&オススメ特集記事PickUp!
オタクによるサブカル&ITメディア!

オタク総研とはアニメやゲームはもちろんガジェット・プログラミング・金融まで幅広く網羅している総合サイトです!!!
ブログメディアというブログとメディアのいいとこ取りで皆様にディープな話題をお届けします。

おすすめ特集記事を読む

HTML

HTMLは詳しく言うとプログラミング言語ではない(マークアップ言語)ですが振り分けの都合上「プログラミング」にカテゴライズしています。

HTML

【裏技】Google検索で日本語ページを除外する方法&ツールを公開!

Google検索で日本語以外の検索結果がほしい時ありませんか?特に使えないアフィブログの情報ばかりで困る…みたいな時ありますよね。 公開したツール パソコン系やスマホ・プログラムのErrorについて調べたいときとか…Qiitaの...
CSS

デジダル庁発足!早速Webサイトを解析してみたらNuxtJSで超今風だった。

9月1日に正式に「デジタル庁」が発足しました。菅首相が肝としている政策だったので思ったよりも早めに動いたなという印象です。ってことでWebサイト、解析しちゃいますか。 中央省庁とは思えない"今風"デザイン! 先ずはサイトにアクセスしてみ...
CSS

【告知】ポートフォリオサイトをリニューアルしました!

本日もご覧頂きありがとうございます。この度ポートフォリオサイトをリニューアルしたので告知させて頂きます! 自己紹介 まずは軽く自己紹介をさせて頂きます。ただのオタクです。なんでもやります。大学1年でござる。 記事書きます。動画編集...
HTML

【JavaScript】ブラウザのオンライン・オフラインを判定しよう。サンプルあり

こんにちは。今ID等を色々調整してたりと忙しいので粗々なネタを… 今回はブラウザのオンライン判定を行う方法を解説します。 解説&実装 簡単に言えばwindow.navigator.onLineプロパティを使うだけです。 ...
CSS

【初心者向け】Tailwind CSSのテンプレートがたくさん掲載されているサイト3選

こんにちは。今回は最近人気のCSSフレームワーク「Tailwind CSS」のテンプレートがたくさん載っているサイトをいくつか紹介したいと思います。 【TL;DR】Tailwind CSSとは このページに訪れる人向けに書くことでもない...
CSS

簡単&使いやすいマテリアルデザインのCSSテーマ「Materialize」の使い方と主なコンポーネント一覧

巷ではTailwindCSSとか流行ってるらしいが今回は使いやすいマテリアルデザインのCSSテーマのMaterializeを紹介します。 使い方 Cloudflareが提供しているCDNサービスで読み込むだけです。S...
HTML

【PHP】WordPressからRSSを取得してHTMLで表示する方法【サンプルあり】

こんばんは。小池都知事に半ギレしている土曜日深夜です。今回はRSSフィードから任意の情報を取得してHTMLで表示する方法を紹介します。 サンプル&コード 今回は当ブログのRSSフィードから最新記事を5件取得してみました。 サンプル ...
HTML

HTML+CSSで画面スクロール機能(ボタン)を作る【サンプルあり】

今回はJSなどを使わずにHTML+CSSだけで画面スクロール機能のあるボタンを作りましょう。 このコードはDEV Community(現在削除済み)から一部引用しました。 単純にボタンにhref属性をつけてクリックされたらCSS側で画面...
HTML

【HTML】モバイルページの検索窓に色を付けるmetaタグの「theme-color」の使い方。

日本経済新聞とかのページでタブの検索窓に色がついてるやつあるじゃないですか、あれなんかかっこいいんで実装してみました。(とはいへ昔からやってたのだが) 設定方法 単純にカラーコードの入った以下のmetaタグをhead内に貼り付けるだけ。...
HTML

【HTML】モバイル端末での入力を便利にするtype属性とplaceholder属性【サンプルあり】

HTMLではinputタグにtype属性とplaceholder属性があります。 type属性ではその値に応じてキーボードが最適な形に変化してくれるすぐれものです。UXの向上にもつながるでしょう。 placeholder属性は予...
タイトルとURLをコピーしました