CSSだけで作るアニメーション付きドロップダウンメニュー【スマホ対応】

抜粋

CSSだけでシンプルなドロップダウンメニューを作る方法を紹介します。 アニメーションを付ける場合、以前はJavascriptを使って動的にプロパティを変えていく必要がありました。 しかし、最近ではCSS3で追加された & […]

コスパ最強！？AMD Ryzen 2000番台についてまとめます！【Zen+世代】

抜粋

以前RyzenでPCを組みたいと記事を書いておきながらまだ着手しておりません。すみません。 しかしこれには理由があります。 それはRyzenの第二世代「Zen+」(コードネーム：Pinnacle Ridge) が発売され […]

Webサイトを作る時に気を付けていること

抜粋

Webサイトを作成する時、皆さんはどんなことに気を付けていますか？ 個人でコーディングからWebサイトを構築する方は (現在では) 殆どいないと思いますが、もし作るという方は参考になるかもしれません。 今から15年ほど前 […]

SSL化がSEO的に有利かもしれない、という話

抜粋

先日、SSL化したという記事を書きましたがSSL化を機にアクセス数が増えてきました。 もしかしたら、SSL化はSEOに有利なのかもしれません。 そこで、ちょっと調べてみました。

写真ギャラリー用のテストページを作りました

抜粋

写真ギャラリー用のテストページを作ってみました。 Sample1 Sample2 ご興味のある方がおりましたら、解説記事を作ろうと思います。 コメントやお問合せからご意見をお聞かせ頂けると助かります。 ＜Sample2か […]

XserverでWordPressをSSL化する方法まとめ【.htaccess】【Database Search and Replace Script in PHP】【301リダイレクト】

抜粋

暗号化した通信をする上で避けて通れないSSLを導入したので、その手順をまとめます。 実はずっと前からSSL自体は設定していたのですがWordPressの設定をサボっていました(笑) Googleなどの検索エンジンもSSL […]

超オシャレなフォントが無料で使える「Google Fonts」の使い方

抜粋

Webサイトを作っていてちょっとお洒落でカッコいい書体を使いたいことってありますよね。 特にページがシンプルな程、書体にはこだわりたいところです。 でも、一般的に使える書体はあなたのページを見てくれている (つまり閲覧者 […]

写真ギャラリーのソース解説④ ～Javascriptによる画像の順次読み込み～

抜粋

先日公開した写真ギャラリーのソースコードを解説していきます。 第４回目はJavascriptによる画像の順次読み込みの解説です。 予めサムネイル画像には軽い画像 (紹介している例では、”Now Loading […]

写真ギャラリーのソース解説③ ～Javascriptによる要素の遅延読み込み～

抜粋

先日公開した写真ギャラリーのソースコードを解説していきます。 今回は、第３回目で要素の遅延読み込みのJavascriptの解説です。 Javascriptは、次回、画像を先頭から順番に読み込むものを解説します。

写真ギャラリーのソース解説② ～PHPによる画像リストとEXIF情報の取得～

抜粋

先日公開した写真ギャラリーのソースコードを解説していきます。 今回は、第２回目ということであるディレクトリ下にあるJPEGファイルを自動的に全てリストアップするPHPについてです。 それに併せてEXIF情報も取得していき […]

写真ギャラリーのソース解説① ～画像リサイズPHP～

抜粋

先日公開した写真ギャラリーのソースコードを解説していきます。 まずは、第１回目ということで画像をリサイズするPHPについてです。 画像変換の拡張機能 (PHP GD) を使用しているので必ずインストールして下さい。 Xs […]

写真ギャラリーサイトを作ってみました【PHP】【Javascript】【Xserver】

抜粋

写真だけをまとめたページ (ギャラリーサイト) をWordpressで作ろうとしたのですが、どうも思った通りにできず、結局イチから作ってみました。 なので、今回はその紹介です。 作ったものはPHPとJavascriptで […]