WEB 2.0などと言われていたのはもう10年ぐらい前のことなのですが、その当時から比べてみるとすでにWEBの世界も3.0はとっくに通り越しているかな？という時代になってしまったようです。
特に大きな変化と言えるのがiPhoneに代表されるフマートフォンの普及でしょう。WEBがどんなOSで、どんなブラウザで見られているかという統計を取ってみると、一般的な商用サイトでは明らかにスマートフォンでのアクセスの比率が大きくなっていき、2013年では 続きを読む Dashで最新のコーディングを学ぼう
カテゴリー別アーカイブ: CSS
HTML5アニメーションツール Hypeを使ってみました
これでFlashはいらなくなる？ともいわれるHTML5アニメーションツール 「Hype」、Mac App Storeからダウンロードして使ってみました。
日本語ローカライズ版もあるような記述もどこかにあったのですがそれは見当たらず（探し方が悪かったのかも）、残念ながら英語版でしたが日本語環境での不具合は今のところフォントのごく一部しか使えないという程度に収まっています。
単純にこのページのトップの画像スライドのアニメーションを作ってみましたが（今、トップページで動いているものです）、この程度だったらかなり簡単で、 続きを読む HTML5アニメーションツール Hypeを使ってみました
レイアウトをマイナーチェンジ、960グリッドシステムを取り入れてみました。
このサイトの基本的なデザインは、エディトリアル的ないわゆるマガジンレイアウト（？）を意識しているのですが、そういったレイアウトをきれいにまとめるためにはグリッドシステムを取り入れることがポイントのひとつになるな、と以前から感じていました。
参考にさせていただいたのはこちら。Web Design Recipesさんのこちらのページです。
それとこちらのAndrée Hanssonさんの960 Gridderのページ。ここでは右上のボタンを 続きを読む レイアウトをマイナーチェンジ、960グリッドシステムを取り入れてみました。
CSSEditでWordPressカスタマイズ環境を
CSSEdit。CSSに限っていえばDreamweaverよりはるかに使いやすいものです。
残念ながらフリーウエアではなく、39.95ドルのシェアウエアですがコストパフォーマンス的にはとても高いといえるでしょう。
MacRabbit – CSSEdit – Web 2.0 in Style
またとてもありがたいことに日本語化するインストーラーも提供されています。（残念なことに2010/12/23現在提供されていないようです）
CSSEdit 日本語化インストーラ
さらに今さっき気づいたのですが、プレビューのウインドウはほぼブラウザとして機能するので、CSS を編集中のWordPressのサイトをそのままプレビューすることができ、同時にプレビューの別のウインドウでダッシュボードを開いて内容を変更しつつCSSを編集することができます。
これはたまらなく便利。
続きを読む CSSEditでWordPressカスタマイズ環境を