PHPのキソ（超基礎編）第 2 回は、変数と定数についてお話します。 目に見えないものなので、まずは頭の中でイメージする練習から始めましょう。 変数とは？ 変数とは、プログラムの中でデータ（値）を入れておく箱のようなものです。 「$」から始まります。 $aと見たら、$aという名前のついた箱をイメージしてください。 変数の主なルール 変数の名前(変数名)は、基本的に自由につける事ができますが、いくつかのルールがあります。 変数名はドル記号($)から始まります。 変数名は大文字と小文字を区別します。（$aと$Aは別の変数だと認識されます。） 変数名に使えるのは、以下の文字になります。 英大文字小文字（a～zもしくはA～Z） 数字（ただし、先頭には使えません。） _(アンダーバー) 以下の変数名はすでに定義されています。（同じ名前は付けられません） （一部変数名がマニュアルへのリンクになっていま

こんにちは。2月が28日までしかないことを一昨日思い出したsitoです。 今回は、とある案件でアクセシビリティ：AA レベルのサイトデザインを行ったときに使ってみて便利だった、色のチェックができるツールをご紹介したいと思います。 アクセシビリティって？という方は、以前kourakuが書いたこちらの記事 ▼【アクセシビリティ】HTML/CSSで突っ込まれた点をメモメモ https://bashalog.c-brains.jp/17/09/08-193700.php とか、 ▼Web Content Accessibility Guidelines (WCAG) 2.0 https://waic.jp/docs/WCAG20/Overview.html をご参照くださいませ。 ▼Web Content Accessibility Guidelines (WCAG) 2.0の原文はこちら htt

こんにちは。sitoです。 11月20日（火）にパシフィコ横浜で開催されたAdobe MAX Japanに行ってきました！ セッションの内容はもちろん、去年買えなかったPhotoshopクッションを買えたので私は満足です。（XDクッションも欲しかったのですが、クッションは１人１個までだったので諦めました。。。また来年買えるといいなあ。。。） 今回はAdobe MAXでも話題になっていた、XDの自動アニメーション機能をいじっていきたいと思います。 自動アニメーションで、上から展開するメニューを作ってみた ▼やりたいこと ハンバーガーメニューをタップすると、上から下に向かってメニューが展開する ハンバーガーアイコンがアニメーションして「✕」アイコンに変わる ▼サンプルはこちら ハンバーガーアイコンがアニメーションして「✕」アイコンに変わる 先にアイコンのアニメーションを作っていきます。 ハンバ

こんにちは nakamura です。最近トルシエさんテレビ出すぎじゃありません？ウィイレヤロウヨ。オフサイドダヨ！ さてさて今回は意外と知られてないけど、サイトをインターネットに公開する際には知っておいた方が良い Apache の設定をいくつかご紹介します（一部 PHP の設定もありますが）。この設定をしていないからといって即危険にさらされるという訳でもありませんが、リスクの芽は摘んでおくに越した事はありませんよね。 無駄な HTTP ヘッダを返さない ディストリビューションにより異なるかもしれませんが、CentOS デフォルトの設定の場合 Apache が返してくる HTTP ヘッダは以下のようなものです。 HTTP/1.1 200 OK Date: Mon, 05 Jul 2010 01:01:14 GMT Server: Apache/2.2.3 (CentOS) X-Powered

こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery

Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w

Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基本的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 任意の値 height: 任意の値 これだけ。これだけで親要素に対しての上下左右中央寄せを実現できます。 追記： 親要素にはposition: absolute;かposition: relative; を設定してください。body に対してセンター寄せしたい場合はそのままでOKです！ 今までtop とleft の値を50%にとって、要素の高さと幅の分だけマイナスのmarg