CSS3アニメーションに挑戦！色が移り変わる背景を実装しよう | Webクリエイターボックス
2021年12月6日 CSS フラットデザインが流行ってからは、背景を一色で塗りつぶしたデザインのサイトが多くなりました。しかしそれだけではなんだか味気ない！という事で、CSS3のアニメーションを使って、徐々に色を変化させてみましょう！色の組み合わせや順番を調整して、パッと目を引くデザインに！ ↑私が10年以上利用している会計ソフト！ Themifyではホームのファーストビューでビビッドな色を少しずつ変えながら表示しています。今回目指すのはこんな感じの背景です。このサイトではJavaScriptにより色の移り変わりを実装しているようですが、CSS3のキーフレームアニメーションだけでも表現できます！ CSS3 キーフレームアニメーションの基本 まずは要素を徐々に変化させるアニメーションについて覚えていきましょう！CSS3の animation プロパティでは、キーフレームを設定して細かい動き
[PHP]2次元の連想配列を検索する方法 | アイスケット | 神奈川県相模原市ホームページ制作、SEO対策、運用なら
1次元の連想配列を検索する場合は、array_search()関数を使って値を検索し、その値を持つキーを返してくれます。 このように使います。 // 検索対象の連想配列 $dataArray = array('apple'=>'赤','banana'=>'黄','chocolate'=>'茶'); // 「黄」を検索 // キーの名前はbananaです。と表示されます。 $ret = array_search('黄', $dataArray); if ($ret != false) { echo 'キーの名前は'.$ret.'です。'; } else { echo 'キーは見つかりませんでした。'; } 2次元の連想配列の場合は？ ではは2次元の場合はどうやって検索すればいいのか？という内容です。関数で簡単というのは残念ながらありません。地道にやることになります。 連想配列なので、fore
![[PHP]2次元の連想配列を検索する方法 | アイスケット | 神奈川県相模原市ホームページ制作、SEO対策、運用なら](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a399d156f2d3121fd62cffaaafd103b93055fe7/height=288;version=1;width=512/https%3A%2F%2Fisket.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F04%2Fphp-logo.jpeg){kind=logo}
jQuery本体のダウンロードと1.X系2.X系の違いと1.9系以降の注意点など - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
1.x 系は IE8 以前をサポートするレガシーブラウザ向けのバージョン、 2.x 系は IE8 以前のサポートは捨てて、高速に安定して動作させることを目指したバージョン、という認識で良いのではないでしょうか。 制作環境に合ったバージョンをダウンロードして下さい。 ダウンロードするファイルは、1.X系2.X系共に Download the compressed, production jQuery ○.○.○ Download the uncompressed, development jQuery ○.○.○ のいずれか。 compressed は圧縮されたファイルで、 uncompressed は非圧縮ファイルです。 特にコアファイルを触らない方は、圧縮ファイルの方を選択で良いと思います。 クリックすると、ズラズラっとコードが表示されますので、 右クリックして名前をつけて保存をクリック
jQueryでsetIntervalを使って特定の間隔でfunction処理を繰り返し行う（タイマー処理）方法｜BLACKFLAG
JavaScriptでのfunctionを一定の間隔で繰り返し処理を行う時の指定に使う「setInterval」。 jQueryでこの指定を使うこともでき、単純な記述ですが、さまざまなループ処理などにも使えるので参考までに使い方をメモ書きしておきます。 $(function(){ setInterval(function(){ ～ここに処理を記載～ },1000); }); 最後の数値部分は繰り返し処理を行う間隔になります。 例えば、3秒ごとに画像の位置を10pxずつ、ズラす場合は $(function(){ $('img').css({left:'0',position:'absolute'}); setInterval(function(){ $('img').stop().animate({left:'+=' + '10' + 'px'},1000); },3000); }); この
prepareメソッド - PDOの利用 - PHP入門
prepareメソッドはqueryメソッドと似たような機能を提供しますが、SQL文の基本部分が同じで値だけ異なるような場合(例えば同じテーブルに値だけ変えて何回もデータを挿入するような場合です)に効率よく行える機能を提供してくれます。 PDO::prepare PDOStatement PDO::prepare ( string statement [, array driver_options] ) PDOStatement::execute() メソッドによって実行される SQL ステートメントを 準備します。 SQL ステートメントは、文が実行されるときに実際の値に置き換 えられる 0 個もしくはそれ以上の名前 (:name) もしくは疑問符(?) パラメータ マークを含むことができます。 名前と疑問符パラメータを同一 SQL ステートメ ント中で使用することはできません。 どちらか
【php】古い環境でも json_encode()、json_decode() 使いたい at softelメモ
問題 指定された環境にシステムを構築しないといけなくなったのですが、phpが古いです。json_encode()、json_decode()がない環境のようです。 PHP Fatal error: Call to undefined function json_encode() in xxxxxx どうしましょう。 答え 関数がないなら、作ればよい。 if (!function_exists('json_encode')) { function json_encode(){ //中身 } function json_decode(){ //中身 } } ただ、中身を自力で全部書くのは、勉強にはなるが、品質と速度を考慮すると、PEARなどからいただいてくるのが正解なことが多い。 PEARにありますね → http://pear.php.net/package/Services_JSON/ も
robots.txtや.htaccessで検索エンジンクローラーの巡回を拒否する方法 | TechMemo
WEBサイトを色々と作成していると、検索エンジンにインデックスさせたくないページも出てくるかと思います。そんな時には、メタタグにnoindexを追加するのもいいですが、robots.txtや.htaccessを使えば、そもそもクローラーの巡回を拒否することができます。 優先度としては、.htaccess > robots.txt > メタタグの順になっています。 .htaccessによる主要検索エンジンの拒否 .htaccessで検索エンジンのクローラーを拒否する場合、以下のように記述します。 SetEnvIf User-Agent "Googlebot" shutout SetEnvIf User-Agent "Slurp" shutout SetEnvIf User-Agent "msnbot" shutout order Allow,Deny Allow from all Deny
色の処理に特化した軽量ライブラリ「Chroma.js」
こんにちは、古見澤（コミザワ）です。最近は寒いですね。 自宅に加湿器を導入して潤いが増した一方、結露が酷くて窓際や玄関がカビそうで困ってます。 さて今回は Chroma.js という色に関するJSライブラリに触れる機会があったのですが、日本語の記事が殆ど見つからなかったため、この紹介をしようと思います。 Chroma.js とは 色を補正したり、色空間の変換をしたり、カラースケールを設定して色を得る事ができる、色に関する振る舞いに特化した軽量（32.8 KB）なJSライブラリです。 多くの色空間に対応しており、CSSやJavaScriptで扱いやすい形で色情報を取得することができます。 ソースはgit上にあり、ライセンスは BSD license です。 Chroma.js サンプル 下の例は色の補正機能を使い、X11カラーのpink（#ffc0cb）をベースに、明るさを下げ、彩度を上げ、
「Notice: Undefined index」と表示されるとき
$_POSTや$_GET（フォーム入力値やURLパラメータ）から値を受け取る処理でよく発生します。原因は、そのスクリプトへの初回アクセス時と2回目以降のアクセスで処理を切り分けていないことが考えられます。たとえば、「送信する」ボタンをクリックした後にフォーム入力値を受け取るスクリプトの場合、そのスクリプトに最初にアクセスしたときは$_POSTには何も入っていないので、このエラーメッセージが表示されます。 <?php echo $_POST["test"]; ?> 対処方法として、「$_POST[“test”]に値が入っているときは…」という条件を設定する方法があります。 <?php if (isset($_POST["test"])) { echo $_POST["test"]; } ?> これにより、初回アクセス時は$_POSTを参照しないので、エラーメッセージは表示されなくなります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
no003.info
robots.txt 事始め: 無断転載VS人類
アカウント情報が正しいのにデータベース接続エラー - Qiita