takec23com

Web技術

【CSS】要素をズームインさせて表示する方法

画面を表示させた時に要素をズームインさせて表示する方法をメモしておく。使う技術はCSSアニメーションだ。結構簡単な記述で対応できるので、おすすめだ。キーフレームをさらに細かく指定するといろいろなアニメーションができると思うので、好きな人は色...
Web技術

【JavaScript】パスワード、パスワードの再入力バリデーション

パスワードとパスワードの再入力が同じでなければ、ボタンを押した際にエラーメッセージを出すというJavaScriptコードをメモしておくHTML<p id="error_msg" class="font-red"></p> <label fo...
Web技術

【CSS】textareaの下にできる謎の余白を消す方法

textareaの下にできる謎の余白を消す方法をメモしておく。textarea { display: block;}これだけでOK。非常に簡単。
Web技術

【JavaScript】全てのフォームが入力/選択されたらボタンを有効化する方法

HTML<form id="theForm"> <input type="text" required> <input type="radio" name="food" id="food01" required> <label for="f...
Web技術

【JavaScriptライブラリ】noUiSliderの使い方

noUiSliderを使って開発をする機会があったので、メモしておくconst slider = document.getElementById('slider');const btn = document.getElementById('...
Web技術

【css】スマホコーディング:画面高さいっぱいかつスクロールできる様にする

案件で画面高さいっぱいの背景にコンテンツが多い場合、スクロールできる様にして欲しいとあって、結構ハマったのでメモとして残す。.menu { position: relative; top: 0; left: 0; width: 100%; ...
Web技術

【css】scssファイルでPC版とSP版のブレイクポイントを設定する方法

$breakpoint_sp: 767px;$breakpoint_pc: 768px;@mixin sp { @media screen and (max-width: $breakpoint_sp) { @content; }}@mix...
Web技術

【css】iOSでマーカーの半分が黒くなった時の対処法

compass sassを使ってマーカーを指定した際、上半分が黒くなってしまった。linear-gradientでtransparetを指定しているのになぜ黒くなるのか。コンパイルした際にtransparentがrgba(0,0,0,1)に...
ゲーム

バイオハザードRE3のDEMOをプレーしてみた

バイトハザードRE3は、リメイク前の作品をプレーしている人でも楽しめるゲームだ。まずは、私が作成したプレイ動画を見て欲しい。プレー動画ゲームが苦手、でもゲーム大好きな私でも楽しめた。まずは、難易度普通でプレーしてみた。ゾンビに銃の弾を当てる...
未分類

ブログ始めます。

普段は、動画編集やWeb制作をメインに活動しています。このブログでは、下記の情報を中心に配信していく予定です。よろしくお願いします。動画編集の役立ちそうな情報Web制作で役立ちそうな情報読んで良かった本の紹介実際にプレイして良かったゲームの...