Ajax処理を実装しよう！（サーバーサイド編）
こんにちは、Webプログラマの篠田です。
少しずつ、涼しい日が増えてきて、そろそろタオルケット一枚で寝るのは危険な季節になってきました。
天気が良ければ、週末にでも冬服を洗濯して、衣替えの準備を始めようかと思います。
今回は、前回の「Ajax処理を実装しよう！（フロントエンド編）」に引き続き「Ajax」を使ったサーバーサイド側の仕組みについて、ご紹介します。
knockout.js入門編「WordPressのフォームプラグインにリアルタイムバリデーションを実装する」
こんにちは！
デザイナーの伊東です。
今日はデザインのことではなく、フロントエンドよりのことについて書こうと思います。
現在進行中の案件で、お問い合わせフォームを実装することになりました。
Wordpressに組み込む予定のサイトで、フォームには使い慣れているMW WP Formを使用したいと考えていました。が、Wordpressのフォーム系プラグインにはなぜか、リアルタイムバリデーションが実装されているものがないんです。
リアルタイムバリデーションとは、フォームの送信ボタンを押して初めてエラーが表示されるのではなく、入力し終わるとすぐにメッセージが出るタイプのバリデーションのことです。
静的ページの場合は、リアルタイムバリデーションを有効にできるメールフォームプロというツールを使うのですが、Wordpressに組み込むのは少し手間がかかります。。
そこで！以前から気になっていた”knockout.js“というフレームワークを使って、MW WP Formのフォームにリアルタイムバリデーション機能を追加する方法をご説明します。
Ajax処理を実装しよう！（フロントエンド編）
こんにちは、Webプログラマの篠田です。
大阪ではまだ残暑が残り、日中は暑い日が続いていますが、朝と夕方はだいぶ涼しくなり、秋の気配が日に日に増しているのを感じるようになりました。
今回は、フロントエンド側の開発では利用を避けることができなくなった、Ajax（エイジャックス）処理をご紹介していきます。
RETINAディスプレイ対応！SVGの使い方からアニメーションまで徹底解説！
こんにちは！
デザイナーの伊東です。
今日は「SVG」についてのお話です。
ベクターデータを扱う事ができる画像形式として知られるSVGですが、なぜ便利なのか、どんな使い方ができるのかを解説していきたいと思います。
最後はコピペですぐに動く「SVGアニメーション」のコードも公開していますので、ぜひ最後までご覧ください！
欧文書体からタイポグラフィーを学ぶ Part.2
こんにちは！
デザイナーの伊東です。
前回は欧文書体を通してタイポグラフィーを学ぶというテーマでお送りしましたが、今回はその第二弾です。
欧文書体はどのような構成で作られているのか、どんな種類があるのかをすでにお伝えしていましたので、今回は「行間」と「カーニング」に的を絞ってご説明します。
以前に比べてより実践的な内容となっていますのでぜひご覧ください。
CLOUD FLAREでサブドメインをSSL化する方法
こんばんは、Webプログラマの篠田です。
明日からお盆ということで帰省される方も多いと思います。
私も実家の京都と、奥さんの実家の愛知に行ってお墓参りをしてきます。
今回は、SSLを無料で提供してくれるCLOUD FLARE（クラウドフレア）を使って、サブドメインをSSL化する方法をご紹介します。
欧文書体からタイポグラフィーを学ぶ Part.1
こんにちは！
デザイナーの伊東です。
今回から数回に分けてタイポグラフィーについて書きます。
タイポグラフィーといっても、欧文書体に標準を絞りたいと思います。
グラフィックデザインやDTPとくらべ、Webサイトをデザインしているとどうしても文字の扱いが雑になってしまいがちです。
しかし、最適なフォントの選定や、行間、字間を上手にコントロールすることはどんなデザインをする上でも重要な技術だと思います。
文字組を美しく見せるということは、情報をきちんと整理し、正しく伝えるというデザインの本質的な役割も担います。
そんな重要なお話なので、昔読んでいたタイポグラフィの本を引っ張り出してきて慎重に復習しながら、ゆっくりとブログにアウトプットしていきたいと思います。
プログラマも簡単に実装「sweetalert.js」で作る簡単アラート
こんにちは、Webプログラマの篠田です。
Webシステムを作成していると、PHPとMySQLだけではどうにもならない場合があります。
その最たるものが「フロントエンド」です。
見た目やUIやUXといった、ユーザーの方に直接影響する部分ですので、サーバーサイド側バリバリの私にとっては、頭を悩まされる部分の１つです。
その中で、今回はプログラマでもおしゃれなアラートを作ることができるjQueryプラグインのご紹介をします。
Pugで始める快適コーディングライフ
こんにちは！
デザイナーの伊東です。
つい最近コーディング業務にPugを取り入れたので、今回はそのご紹介をしようと思います。
もともとJadeと呼ばれていたものが、商標登録の関係でPugという名前に変わったそうです。
Jadeよりも親しみやすい名前で、とっつきやすくなったのではないでしょうか。
