HTMLサイトを構築する際によく使う機能をまとめて、HTMLに１行追加するだけで以下のような様々な機能を追加できる、ライブラリ「SimpleLib」を公開しました。 accordion

BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS BOS138 adalah bandar permainan digital yang menjadi destinasi Utama meraih maxwin dengan mudah di seluruh asia tenggara. Dapatkan bocoran spin barbar agar ikut kecipratan hoki dari para big bos!

Today we have a special edition of our infographic series – a huge roundup of facts and figures about our fellow web designers. Learn everything you need to know (and more) about web workers from a single glance. For this graphic we used the following sources: A List Apart Survey, 2009, What inspires your web design work? Poll, 2010, Where do you do your Web design work? Poll, 2007 & What do you c

Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] 下記は各ポイントを意訳したものです。 PHPはWordPressでのものとなっています。 1. 複数の項目がある棒グラフのエフェクト 2. ホバー時に追加情報を表示 3. カテゴリごとに異なるカラーを適用 4. ちょっと面白い画像のキャプション 5. ウェブのための印刷風デザイン おわりに -developersではなく、designers 1. 複数の項目がある棒グラフのエフェクト 下記のサイトで使用している棒グラフでは、上：タグの種類と数、下：コメントのついた記事と数、をそれぞれ素晴らしいエフェクトで実装しています。 こういった数値化されたデータは、ユーザーに対して有用なコンテンツの手がかりを提供し、ユーザビリティを改善することに

海外のブログでDo You Use Mind Mapping to Organize Keywords and Ideas?というエントリーがありましたので、私も便乗してマインドマップの活用方法を解説してみたいと思います。 リスティング広告を始めたころから利用してますが、マインドマップはキーワードとアイデアを整理する為に最適なツールとなりえるでしょう。 マインドマップとは マインドマップとは私たちの頭の中の物事を可視化して整理することができる便利なツールです。無料から有料のさまざまなマインドマップツールが提供されていますが、リスティング広告で使用するものは無料のものでも十分な機能を備えています。 尚、私が使用しているのはXMindという無料のマインドマップです。 マインドマップでアイデアを整理する まずは提供している商材やサービスに合わせて、アイデアを整理していきましょう。頭で考えているも

笑顔を創りたいＷｅｂ屋の日常 Ｗｅｂ業界からひょんなことで専門学校の先生に。そしてまたＷｅｂ現場に戻ったＷｅｄディレクターのブログ。情報デザインやＷｅｂの勉強をしています。 あくまで”僕が”です。そこ大変重要ですｗ 僕もまだまだ勉強中で、これが全て正しいと思えるほど見極めていません。 他にもあるだろうし、もっと大事なものもあるかもしれません。 それは各々考えてもらって（もしよろしければ教えていただいてｗ）、とりあえず同タイプの仕事している人の叩き台にでもになればなと思って挙げてみた次第です。 というのもですね、僕はWeb屋としてみるとなんか物凄く変な経歴・経験をしている人なのですねｗ　まあ、Web業界って割と他業界から来る人たくさんいますけどね。僕は印刷会社→大手Weｂ制作会社→専門学校教員（正規職員）→弱小ITベンチャーなので、なかなかこういう奴はいないと思いますｗ　教員とか普通はできま

デザイナーやアーティスト（ばかりではありませんが）の、デザインに関する名言を集めてみました。 ときには読み返して、デザインについて考えてみるのもいいかなーと思ってブログにしました。 いいデザインが浮かばないときや、ちょっと初心に戻って考えたいとき、世界中のデザイナーやアーティストの言葉を読んでいると、励まされたり今の自分を再確認できたりします。そんなデザイナー、アーティストたちが残した「言葉」をまとめてみました。有名な言葉もあったり、名もない誰かの言葉もあったりしますが、ちょっと考えさせられる深い言葉ばっかりです。 “Design’s fundamental role is problem solver.” デザインの基本的な役割は、問題の解決者であるということ。 Fast Company そもそも何でデザインが必要なの？そのデザインで問題が解決できるの？ … いろいろ問いかけてきますねー

As designers, we have to create an intuitive user experience, solve design problems and provide a beautiful and functional user interfaces. Unlike print design, we don’t have the luxury of designing in a static area; rather, our canvas is ever-changing in its content, browser width, page length and more. We do need to be able to code to some extent and be able to build a design around a structure

自分のサーバーに簡単に設置ができる、フォントのテストを好きなテキストでおこなえるウィジェットを紹介します。 当方で設置したTypeShow 設置するサーバーの要件は下記の通りです。 PHP 5.2 or higher GD 2.0+ Library FreeType 2.0 support PNG support 詳しくは、下記をご覧ください。 System Requirements [ad#ad-2] インストールは簡単です。 サーバーの要件を確認します。 「Download」より「typeshow.installer.zip」をダウンロードし、解凍した「install.php」をサーバーにアップします。アップ先は「/ts/」にします。 「ts」のパーミッションは一時的に「777」にします。 アップロードした「yourdomain.com/ts/install.php」にアクセスします。

Webデザインを納品するとき、時々鋭いクライアントさんに「ここの線はなんで曲線なの？」とか「ここは何で傾いてるの？」とか突っ込まれる事があります w 私的にはそのWebサイトの持つテーマや雰囲気などを出すために意味を持ってそのデザインを採用しているので、訳を説明すれば「なるほどー」って思ってもらえたり、もらえなかったり…orz デザインを構成する要素は色、形、面積、空白、奥行き、フォントフェイスなど様々ですが今回はエレメントとエレメントを分けるラインに注目してみました。 要素と要素を分けるだけじゃない仕切り線 例えばヘッダーとコンテンツ、メインコンテンツとサイドバーを視覚的に分ける時に「線」はよく使われます。 ひと言で線といっても直線、点線、曲線、波線、二重線、色のコントラストで生まれる線、水平、垂直、斜め、グラデーション、何となく線など、もはや線と言っていいかどうか分からないものま

Whitespace: The Underutilized Design Element [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ホワイトスペースとは 優雅さと洗練さ レジビリティとユーザビリティ ホワイトスペースに注目する はじめに 素晴らしいウェブデザインをつくりだす多くのエレメントがあります、その中でも十分に利用されていないものの一つがホワイトスペースです。すべてのデザインがホワイトスペースを持っていますが、問題はすべてのデザインが十分持っているわけではないということです。 これは経験不足のデザイナーと彼らのクライアントがホワイトスペースを単にスクリーンの領域の浪費として見るという事実があります。 しかし、真実は違います。ホワイトスペースはあなたのデザインの最も貴重なエレメントです。 ホワイトスペースとは その名前が暗示する白いスペースである必要はありませ