lecture

Xdomain無料サーバーのftp設定方法〜WordPress用サーバー

Xドメインの無料サーバーのWordPressサーバーの使い方です。 ログインして管理パネルに入ります。 左側のナビゲーションの無料レンタルサーバーをクリックします。 初めてWordPressの設定をする場合は「ご利用状況一覧」のWordPress部分が次のようになっています。 「利用を開始する」をク  >>続きを読む

垂直・水平方向に子要素を中央揃え

CSSレイアウトで水平方向の中央揃えはできても、垂直方向の中央揃えは難しいですね。 今回は画像を親要素の垂直・水平方向に中央揃えを行います。 header部分へのロゴの配置などに使えるテクニックです。 position:absoluteで絶対配置します。 親要素にposition:relativeを  >>続きを読む

ボタンを指定サイズで書き出す〜Illustrator

Illustratorでボタンやバナーなどを作成してWeb用に書き出す場合に指定寸法どおりにならずに困る場合があります。 ポイントを理解して思い通りのサイズで書き出せるようになりましょう。 四角形にbuttonというテキストの入った単純なボタンを例にします。 線幅は2pxで、長方形のサイズは幅250  >>続きを読む

フロートしたナビを中央揃えする方法

ナビゲーションをliで作成して、floatを使用して横並びにする方法はよく使用されます。 面倒なのは横並びのliを中央に揃えることです。 liをfloatして横並びにした例 htmlコード <nav class="global"> <ul> <li&  >>続きを読む

transitionプロパティでアニメーション〜CSS3

*この記事は一部修正と訂正を行っています。(2015/08/30) gifアニメやFLASH全盛のころのような派手なアニメーションは敬遠されがちですが、ユーザビリティから見て使いやすく誘導するためのアニメーションは歓迎されます。そんなワンポイントのアニメーションに便利なものがCSS3のアニメーション  >>続きを読む