教育機関のウェブサイトというとガチガチに堅苦しく作られているイメージがありますが、ここでは大学や音楽学校、はたまたドラム教室やレーシングスクールといったもののウェブサイトの中でも優れたデザインのものを30種類リストアップしています。 どのサイトも見栄えのする美しい色合いで構成され、デザイン性に富んだフォントを多用しながらも見やすいので、これから教育機関などのウェブデザインをする場合、これらのデザインを覚えておくとアイデアの一助になるかもしれません。 秀逸な教育機関のウェブデザインは以下から。30 Exellent Web Design of Education Niche | Web Design Burn 01：Arte Indutora 02：Pray for 44 03：826CHI 04：Renewal Counseling Center 05：Upside Learning 06

いまやFirebugはWeb開発には必須の拡張機能ですが、Flashでも使いたいという方のために「FlashFirebug」という物がありました。 AS3で作れらたFlashのデバッグが、HTMLやJSをデバッグするように簡単に作業できるようになりそうです。 アドオンをインストールすると、FirebugにFlashパネルが追加され、閲覧ページ内のFlashをデバッグできるようになります。 Firebugのようなデバッグ ↑SWFにマウスオーバーした際に、HTMLのように要素を表示してくれます。 ↑YouTubeのサイトで、パラメータを操作している様子。 ↑エラーやトレースの出力ももちろん可能に。 これは開発が楽になりそうですね。 利用にはFlash Debug Playerバージョン10以上が必要との事。 ダウンロードは下のリンクからどうぞ。

iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 HTML5で作る電子書籍用のフレームワークです。jQueryやiPadのようなタッチデバイス向けのフレームワークとなっています。 複数フレームワークを併用 Lakerには定番のjQueryや、iPhone、iPadで黄金比を保つcssフレームワークのLess Framework、HTML5+jQuery製動画プレイヤーのjPlayer、スワイプイベントをサポートする為のライブラリ、TouchSwipeなども搭載されてい

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

Googleからのアドバイス「高品質なサイト」とは？ チェックリストを公開 検索アルゴリズム的に「高品質なサイト」って何だろう？Googleが、高品質サイトを判断するための参考になる「質問集」を公開。 公開日時：2011年05月07日 09:03 米Googleは2011年5月6日、役に立たない低品質サイトの排除と同時に優れたコンテンツが検索上位に表示されるようにするためのアルゴリズム変更（パンダ・アップデート(Panda Update)）に関連して、同社が考える「高品質サイト」について言及している。 検索マーケティング業界で話題になっているパンダ・アップデートとは、いわばアルゴリズムで自動的にサイト品質（site quality）を判断しようとするGoogleの取り組みだ。低品質サイトの検索順位を低下させることにより、検索利用者が優れたコンテンツを探し出せるようにする狙いがある。 「アル

2016/05/261つ前の更新で漏れた情報(完全に自分用メモ) 前回更新(さくらのVPS チューニング)で漏れてしまったメモをこのページに残しておきます。 2016/05/26ぼくんちのTV別館 (さくらのVPS X3台)、80万PV/dayで限界を迎えた後のチューニング(簡易版) 80万PV/dayでサーバーのパフォーマンスが著しく悪くなった後の復旧とサーバーの再チューニングを行った時のメモを残しています。時系列で紹介しているのでやや冗長な内容です。 2016/05/26ぼくんちのTV別館 (さくらのVPS X3台)、80万PV/dayで限界を迎えた後のチューニング(時系列版) 80万PV/dayでサーバーのパフォーマンスが著しく悪くなった後の復旧とサーバーの再チューニングを行った時のメモを残しています。時系列で紹介しているのでやや冗長な内容です。

ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01：Skysoclear 02：FeelWire 03：Marius Roosendaal 04：Silverback App 05：Scribble And Tweak 06：Visual Box 07

ある日、うちのサービスで bit.ly 使って URL を短縮したいねーなんて話があがって、まぁ、単純に短縮化するなら、@shiba_yu36 さん作の WebService::Bitly なんか使えば簡単に色々出来て便利だなーって思いました。 で、きっと、このモジュールを使っているであろうはてなダイアリーとか見てみたら、bit.ly の設定画面があるんですね。 自分自身の bit.ly アカウントを使えば bit.ly でトラッキングとか出来るし便利だなーと思いました。 …でもね、うちのサービスの利用者の方々は、はてな民のようなリテラシーの高いユーザばかりではないのですよ。 「bit.ly の API キー」とか言っても「は？？？？？」って感じの方が大多数。 意味わからないものを設定画面につけるとなっちゃん宛にクレームがいっぱい来てしまいます。 とりあえず、bitly API Docum

ドットインストール代表のライフハックブログ

こんにちは、霙です。 仕事でアプリケーションのダイアログをデザインする時に参考にしたいので、巷で流行っているjQueryのデザインをメモしておこうと思います。 webで出会った素晴らしいダイアログたち コードがややこしいとか、英語が難しいとかそんなチャチなことは断じて気にせずに、気に入ったデザインのjQueryダイアログをただただピックアップしていきますよ。 サイトに取り入れたい方は参照元サイト様のコードを参考にしてくださいね。 1:jQuery Alert Dialogs

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

ポッドキャストモバイル 谷拓樹さんとモバイルWebとデザインについて対談しました デスクトップ Web と同等の情報量を一気に見せるというのは難しいですが、モバイルでも同等の情報にアクセスし、同じようにタスクを完了させることが出来なくてはいけません。モバイルを意識したデザインをするおもしろさ、そして難しさについて対談をしました。 震災後、諸都合で１ヶ月ほどお休みしておりましたが、その後順調に回を重ねているポッドキャスト「Automagic」。毎週、Web デザインを中心に私が思うことを手短に話している番組ですが、今回は inkdesign の谷拓樹さんをお呼びしてモバイルWebを中心に話をしました。昨年の 11 月に「HTML5＋CSS3で作る 魅せるiPhoneサイト」という書籍を刊行して以来、各地で講演をしている方。書籍はレシピ本という側面が強いわけですが、あれだけの書籍を書いたわけで