アーカイブ： 【WEBアプリケーション】カテゴリー

こんばんは、氷翠です。 今回は氷翠が現在勉強しているPHPのフレームワークである「codeigniter4」のインストールから起動までを動画にまとめたものになります。 所詮、起動だけなので、難しいところはありませんが、P […]

どうも、氷翠です。 前回から３ヶ月くらい間があきましたが、これが氷翠のペースですｗ ということで、前回に引き続き、小技の二つ目。というか、氷翠が忘れがちなので、記しておきます。 ちょっとだけ動画の中でもコメントを入れてい […]

どうも、氷翠です。 あんまりにも基本的なことだったので、あんまり気にしていなかったことだけど、今回仕事で使うことがあったので、思い出した。そこで今回まとめてみました。 まずはHTMLだけど、今回は<nav>の中はリ […]

どうも、氷翠です。 さて、今回はHTML＋CSS＋javascript（jquery）を利用したプログレスバー（進捗状況）を表現する。実際に使う現場というところは、大きなサイズのファイルのアップロードするときというのがほ […]

「input」タグの「text」を利用、jqueryを利用した簡単なスクリプトも用意して「label」タグに動きをつけてきました。CSSでの動きなので、ほんとに単純な動きですが、今回は「transform」というプロパテ […]

どうも、氷翠です。 フォームを作成する中で、「input」タグの「type=”checkbox“」を利用したスイッチの様なデザインを目的としました。 今回はその成功した動画となります。 やはり「O […]

どうも、氷翠です。 今回は以前に使用していた「transition-duration」を利用して、簡単なボタンを作ってみようと思います。 で、タグとしては「button」タグと「a」タグ両方を使って作っていきます。特に微 […]

こんばんは、氷翠です。 今回はCSSを使った、簡単なアニメーションを使う方法です。 こんなプロパティ一つでアニメーションができちゃいます。後ろについている「1s」というのは「１秒」の意味です。つまり、１秒かけてアニメーシ […]

どうも、氷翠です。 今回は「display: flex;」について勉強してみました。 それと同時に動画も作成してみました。 動画では主な使い方を説明している動画になっていますが、調べてみると、いろいろな使い方があります。 […]

氷翠です。 前から考えていたものですが、どうやら方法があるようです。というか、方法ができたと言ったほうがいいのかな？詳しいことは調べていないのだけど、とにかく今回見つけました。 Jqueryのプラグインとして「jquer […]