カテゴリー:CODE一覧

javascriptを勉強するならconsole.log();をまずは覚えよう

javascriptを勉強する際に重要になるコードがあります。 それはconsole.log()です。

まずはconsole.log()を覚えてjavascriptになれていきましょう。

プログラミングをする前に何をすべきか整理をしたら構築しやすくなった!

javascriptやPHPなどのプログラミングを勉強をしています。 今回はプログラミングを書きやすくする為にはどうしたらよいかを考えてみました。

formのinput type=”submit”で作ったボタンを押せない状態にする

Html5 tips

formを作成している時に送信ボタンが押せなくできないかと調べてみたら とっても簡単にできたのでメモ。

【WP】カスタムフィールドで住所を入力するだけで緯度経度を取得してGoogleマップとストリートビューを表示させる方法

Wordpress tips

カスタムフィールドに住所を入力するだけでGoogleマップとGoogleストリートビューを表示させちゃいましょう!

overflow:hidden;とページ内リンクを同時にしようしたら表示がおかしくなる件を解決

overflow:hidden;とページ内リンクを同時にしようしたら表示がおかしくなる件を解決

コンテンツとサイドバーをfloatしてレイアウトする際に、デザイン上でサイドバーがfooterまでついている場合があります。

その時にはサイドバーにmargin-bottom: -10000px;とpadding-bottom: 10000px;を書いてコンテンツにはoverflow:hidden;を書きます。

そうする事でサイドバーの高さをコンテンツと同じ高さにできるのでサイドバーの背景がずっとついてくる形にコーディングできます。

しかし、ここで問題が…ページ内リンク()を設定すると表示が崩れてしまいました!

【jQuery】$(document).ready() と $(window).load()|スニペット活用でコピペプログラミング

Jquery 読み込みのタイミング

jQueryを使用していて$(function(){ });で囲ってプログラムを書いていたのですが なぜかうまく動作してくれない。

解決方法を調べてみました。

【CSS】IE9とIE10でdisplay:none;がきかない?の解決法

IEハックTIPS

CSSでdisplay:none;を使用した時にIE9とIE10でなぜか消えない!

でもIE8とIE7では消えてくれている…

なぜ!?

PHP勉強の一環でSmartyとSQLiteを使ってパズドラ図鑑サイトを作りました!

パズドラモンスター図鑑を作りました

PHPの勉強がてらフレームワークのSmartyを使用してパズドラモンスター図鑑サイトを作ってみました。

DBに軽量で扱いやすいSQLiteを使用しています!

【PHP】テンプレートエンジンSmartyを使ってみよう!

Smartyを使ってみよう

PHPをやる上でテンプレートエンジンというものを学んだ方が良いとの話を聞きました。

デザインとプログラムを分ける事が出来るSmartyをこれから学習してみたいと思います。

CSSを構造的に書こう!「LESS」を使う為の準備はとても簡単!

lessを使ってみました

前々からLessとSassについては知っていたのですが、ようやく試す事ができました。

CSSをより便利に使えるLessやSassは使わないのはもったいない。

今回は簡単に導入できそうなのでLessに挑戦してみます。