ブログ
WordPressで簡単メールマガジン！「Subscribe2」プラグインの使い方
WordPressでおそらく最もシンプルにメールマガジンを設置できる「Subscribe2」プラグインの紹介です。 投稿時に自動メールから、任意のタイミングでの一括送信など、シンプル設計で簡単に操作で…
はにわまん 
WordPressでAJAX通信する方法
WordPressでAJAX通信する方法です。WordPressの場合はアクション先のURLがあらかじめ決まっていて、fucntions.phpからフックすることによって実態の処理を実行するといった流…
【魔法のvw】画像のように拡大・縮小するレスポンシブを実現させるCSSの書き方
ウインドウ幅に連動して画像のように拡大・縮小するレスポンシブを実現させるCSSの書き方の紹介です。 特にPCとスマホの間の「よしな」に表現するときの強い見方となるので、覚えておいて損はありません！ ウ…
子要素を親要素（インナー幅）からはみ出して画面いっぱいにするCSS
子要素を親要素からはみ出して画面いっぱいにするは、今までであれば親要素から出してコーディングし直すというのが一般的でした。 ただし、今ではcalcとvwとい新たなCSSの概念があるので、子要素を親要素…
「WAI-ARIA」を使ったHTMLのコーディング例
「WAI-ARIA」とは、W3Cの中の団体が定めているWebアクセシビリティに関する規格ですね。「WAI」は「Web Accessibility Initiative」の略で、「ウェイ」と読むらしいで…
【WCAG 2.0】Webアクセシビリティの「HTML」の達成方法をおさらい
「WCAG 2.0」が定義しているWebアクセシビリティ達成基準の中の「HTML」の項目をすべて確認する意図で作成しました。→ HTML と XHTML の達成方法 | WCAG 2.0 達成方法集 …
PhotoshopのデザインカンプをZeplinに連動してコーディングしやすくする方法
Photoshopのコーディングは、テキストのコピーからCSSの確認など大変な部分が多いですよね。そもそもPhotoshopの操作に慣れていないから、あまり触りたくないという… 「Zepl…
【まずはここから】Webアクセスビリティを意識したコーディングの基本
アクセスビリティは「利用しやすさ」という表現されることが多いです。 目が不自由な人も、耳が不自由な人も、手が不自由な人も等しくホームページを閲覧できるようにという考え方がWebアクセシビリティになりま…
ホームページ制作後の保守費用は必要？払った方がいい人と不要な人
ホームページ制作後に当たり前のように保守費用を月額で払っていませんか？ 「なんとなく必要そうだから…」と払っている方は今すぐ見直した方がいいかと思います。 保守費用は毎月払うものなので、何…
Googleフォームを独自デザインにしてホームページに埋め込む方法
Googleフォームを独自デザインにして埋め込む方法です。案件によってはGoogleフォームでサクッと作る選択肢もあってもいいかもしれません。 ただ、実際にやっみて思ったのは、カスタマイズして使う選択…