【jQuery】アニメーションモーダル【フェード、ズーム、トグル】
先日、jQueryでもモーダルウィンドウの作り方について解説をしました。そもそものモーダルの作り方がわからない方は先にこちらを読んでもらえると理解が早くなります。 今回はモーダルが現れるとき、モーダルを閉じるときにアニメーションをつけていく処...
「プログラミング」一覧
<input>のtype属性と機能を一覧にまとめてみた
HTMLの<input>タグについていていきます。順を追って解説していきますが必要に応じて目次からジャンプしてください。 <input>の属性の種類 type="text" type="p...
【Javascript】年・月・日・時・分・秒を取り出す方法
Javascriptを使って現在日時をそれぞれ書き出してみます。 現在の時間を細かく取得 年～秒を単位ごとで取得 配列を使って曜日を取得 現在の時間を細かく取得 1行で終わるほど...
【Javascript】写真・画像をクリックで切り替える方法は？
Javascriptを勉強中で、確認がてらアウトプットしてみようかと思います。 今回作成するのは以下のような画像の切り替える簡単なものです。 Javascriptってなんだよって人はこちら↓をご覧ください。 サンプルを別タブで表示 ...
JavaScript①『なぜJavascriptは必要なの？』
HTML/CSSについてはある程度の理解が出来たのでJavaScriptについて勉強を始めました。 HTMLとCSSだけでは出来ないこと？ JavaScriptは何に対してのプログラム？ どこに書くの？ ...
Webアイコンフォントの使い方【Font Awesome】
twitterとかfacebook、あとinstagramとかのSNSってなかなか続けられないんだよね… 別にそんな自慢できる人生じゃないし、自分が良ければいいんじゃない？ てか、そのSNSのアイコンどうやって表示させるの？...
【CSS】width(幅)とheight(高さ)の指定方法
レスポンシブデザインが求められるからこそ、1番厄介なのが幅と高さの指定だと改めて思うのでまとめてみます。 width(幅)の指定 『px』で幅を指定 『%』で幅を指定 height(高さ)の...
【CSS】radial-gradientの使い方【円の位置など】
今回はradial-gradientについて見ていきます。 radial-gradientとは? 対応ブラウザについて radial-gradientの値 円の形状 円の大きさ...
【CSS】linear-gradientの使い方【値、角度など】
今回はlinear-gradientについてみていきます。 linear-gradientって何？ 対応ブラウザについて linear-gradientの値の書き方 グラデーションの向き...
『ベンダープレフィックス』の知識と『Can I Use』の使い方
今回はベンダープレフィックス(Vendor prefix)について見ていきます。 ベンダープレフィックスって？ 対応ブラウザを調べる方法 どれぐらいの割合でOKかみてみる あえて語弊を...