【特集一覧】最新ガジェットから独占取材まで!
オタクに捧ぐサブカル&ITメディア

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

特集記事

HTML

CSS

【SCSS】90行以下で綺麗なハンバーガーメニューを作ろう(解説あり)

この記事ではたった90行以下でハンバーガーメニューを作成するサンプルを解説とともにご紹介します。シンプルでありながらアニメーションもしっかり作られていますのでぜひお試し下さい。 サンプルコード 早速以下にサンプルのSCSSコードを紹介し...
CSS

【2022年最新】用途・テーマ別CSSフレームワークをとにかく沢山紹介

「Best CSS Framework」とかでよく見るCSSフレームワークを王道からマイナーまでとにかく沢山テーマ別に容量・用途と共に一覧形式でご紹介します。 ※Vue・ReactのUIフレームワークは含みません 【表】CSSフレームワ...
HTML

【Web開発】覚えておくべき意外と知られてないマイナーHTMLタグ・属性8選

HTMLって意外と奥が深いですよね。この記事ではあまり有名じゃないけど知っておくと便利なHTMLタグ・属性をご紹介します!Webデベロッパーだけでなく最近HTML学んだ方も是非参考にしてみてください。
HTML

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

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

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

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

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

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

超簡単にローディングのアニメーション画像を作る事ができる「loading.io」を紹介【完全無料】

こんにちは。今回は完全無料でローディングアニメーションの画像を作成できるサイトを紹介します。 (ここ数日間まともに記事投稿できなくて申し訳なかったです…中間試験があり学業優先なんで。今日まで許してください…) まずは公式サイトに...
CSS

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

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

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

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

GitHub Pagesを使って簡単にサイトを完全無料で公開するやり方を解説。【ポートフォリオに最適】

こんばんは。今回はGithubの有名な機能「GitHub Pages」をご紹介します。 完全無料で作れます。HTMLとかJSのホスティングもアドレスも用意してくれているので簡単に作れちゃいます。 因みに(このページにアクセスした...
タイトルとURLをコピーしました