Modern Life - News & Views of the Modern Internet
2007: More Web Design Trends & ClichesCartoons, textures, swirls, earty tones and richer colours It's been well over a year since I compiled the original list of web cliches, so I figured it was time to revisit some of the trends currently prevalent in web design now. Things have definitely moved on since last year; Web 2.0 is not so en vogue as it was, instead being replaced with richer colours,
Passion For The Future: すべてのタグに枠づけ、色づけしてCSSデザインを支援するSTYLE Diver
« このブログ専用の携帯リーダー 「情報考学アプリ登場」By feedAPPLI | Main | マウス周辺を拡大表示するSimaLoupe » 書評：脳・こころ ｜書評： 企画・発想｜ 書評：文化・文明｜書評：経済・経営 ｜書評：子 供・教育｜書 評：小説・戯曲｜書評：ネット活用 ｜書評： 仕事・管理｜書 評：メディア論｜書評：その他｜書評：思想・哲学 ｜書評 ：文章・表現｜書評：認知・心理 ｜書評：神 話・宗教｜書 評：科学・技術｜書評：社会・世間 ｜書評：教養 ・雑学 2006年度 年間オススメ書籍ランキング ノンフィクション部門 2006年度 年間オススメ書籍ランキング フィクション編 2005年度 書籍売り上げラン キング ベスト20 2005年度 年間オススメ書籍 ランキング ベスト20冊 2004年度 人気記事ベスト10 アクセス数が多かった記事とは？ 2004年度 人気書
ウノウラボ Unoh Labs: すべてのWebデベロッパーに必須なFirefox拡張20(+1)選
naoyaです。 CyberKonowledgeに20 FireFox Extensions That Every Web Designer Should Know Aboutという記事がありました。ちょうど、タイムリーな記事だったので、さっそくすべてのFirefox拡張を試してみましたので紹介します。
作業は三！ (Flixn.com) | 100SHIKI
作業ステップは三つぐらいが理想的だ。ワン・ツー・スリー、ホップ・ステップ・ジャンプ・・・などなど。 そう考えるとFlixnはかなりいい。 このサイトではブログに映像を貼り付けるための作業ステップをぎりぎりまで省力化してくれている。 ウェブカムを接続し、録画し、コードを入手するだけである。会員登録も必要ないし、面倒な設定もない。 自分でも試してみたが、これを使ってあまりにも簡単にYouTube的コンテンツを手に入れることができた。 作業ステップは三つで。そうしたサービスは他にも出てきてほしいですね。
WebデザイナーのためのFirefoxエクステンション20個:phpspot開発日誌
20 FireFox Extensions That Every Web Designer Should Know About - CyberKnowledge Blog WebデザイナーのためのFirefoxエクステンション20個。 どれも便利なエクステンションばかりでまさに、Webデザイナー必須のエクステンションですね。 Web Developer Toolbar - 定番のエクステンション。CSSオフ、ブロック要素を枠で囲むなどデザインには必須のツール。 AspellFox - スペルチェッカー RankQuest SEO Toolbar - googleでのサイト順位を得る OperaView - Firefox上でOperaプレビュー IEView - Firefox上でIEプレビュー Total Validator - HTML Validator SEO for
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
Perlで作るモバイルサイトのコツ：第2回：CodeZine
はじめに 若い世代の女性を中心にデコメールが注目されています。 デコメールとはNTTドコモのFOMA900iシリーズから導入された簡易HTMLメール機能で、HTMLメールならではの文字修飾、画像の埋め込みなどが可能です。これらの機能を使えば、ただのテキストのメールよりも個性的でかわいいメールを送ることができるので、それが人気につながっているようです。 デコメールの仕様は下記で公開されています。NTTドコモ 『作ろうiモードコンテンツ：デコメール』 本稿ではCPANモジュールのMIME::Liteを使ったサンプルを用いて、デコメールの基本的な仕様について解説します。 ※CPANについては、第1回を参照してください。対象読者PerlでCGIアプリケーションを作成したことのある方。CPANモジュールを使用したことのある方。携帯サイトでデコメールを配信しようとされている方。 必要な環境 Perl
窓の杜 - 【NEWS】複数ファイル内に含まれる複数行の文字列を一括置換できる「複数行置換」
複数ファイル内に含まれる複数行の文字列を一括置換できるソフト「複数行置換」v1.00aが、25日に公開された。Windows 98/Me/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作には .NET Framework 2.0が必要。 「複数行置換」は、複数のファイル内に含まれる複数行の文字列を一括置換できるソフト。テキストエディターや多くの置換ソフトと違い、複数行にわたる文字列を、特殊な制御文字などを使用することなく置換可能。また、シンプルな画面構成で直感的に操作できるのも特長の一つだ。 基本的な使い方は簡単で、置換対象のフォルダとファイル名のワイルドカードを指定し、置換前・置換後の複数行文字列を入力して［OK］ボタンを押すだけ。オプションとして、サブフォルダ内の検索、大・小文字の区別や正規表現の使用といった設定も備えている。 また、置換
Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
最速インターフェース研究会 :: 萌ディタとSleipnirとWEBrickを使って人のサイトのCSSをリアルタイム編集するデモ
Shiubya.js #1で話したネタですが、Winkでデモを作ってみました。 http://la.ma.la/misc/demo/realtime_cssedit.htm エディタとブラウザが並んでて窮屈ですが、実際はこれを20インチワイド液晶縦置きデュアルでやります。 仕組みは、WEBrickでローカルプロキシを立てて、同名のファイルがローカルにある場合は内容を置き換えて表示する、というもので、CSSやJavaScriptを編集するのに向いています。 プロキシサーバーはPerlで書かれた同等のものがここにあります。 http://www.ornithopter.jp/archives/2006/05/perl_perl.html 自分が使ってるのは必要に応じて行き当たりばったりに拡張していったりするのですが、現時点でのソースを置いておきます。 http://la.ma.la/misc/
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
ウェブページに付箋機能をつける「noteit」 - ネタフル
ウェブサイトに付箋機能をつける「noteit」というCGIがありました。 ・今あなたが管理しているウェブページに付箋が貼れるようになる。 ・Ajaxな通信を用いたページ遷移のない付箋編集。 ・幅広い対応ブラウザ。 ・編集内容のRSSによる配信。 ・ひとつのCGIでウェブページをいくつでも付箋化。 ・軽い。(パスワード使用時でも28kb、不使用時で22kb(画像、css、js込み)) ・画像アップロード機能。 ・バックアップ機能。 簡単なスクリプトを挿入するだけで、ウェブページに付箋機能を取り付けることができます。 ちょっとした掲示板代わりにもいいですし、制作中のウェブサイトの修正点を知らせたりするのにも使えますね。いろいろと用途はありそうです。 itworks – testitからすぐに試すことができますので、興味のある方はどうぞ。
Soyez engagés ! Devenez un Undersigned
Bonjour tout le monde ! Nous sommes les Undersigned, comprenez les Engagés ! Petit groupe d’étudiants en faculté d’économie, nous nous sommes progressivement rendus compte combien il était dur de s’adapter à la vie adulte et de joindre les deux bouts financièrement lorsqu’on a un budget limité. En tant qu’engagés des bons plans sur internet, nous sommes devenus experts en ce qui concerne les tuyau
XML、学びの第一歩 ― ＠IT自分戦略研究所
第1回 XML、学びの第一歩 穴沢悦子、木村達哉 2006/7/1 ■開発者の目線でスタートする 「XMLデータ形式を使うメリットを一言で教えてください」とよくいわれるが、XMLという技術は、それを利用する立場によって享受する恩恵が異なるので、この質問の返答はなかなか難しい。 例えばエンドユーザーの場合、「データ形式をXML形式にするかどうか」ということにはあまり関心がないことが多い。たとえXMLが採用されたことによって、よりリアルタイムにかつその場に最も適したフォーマットで情報閲覧ができるようになっていたとしても、一般の利用者はそれでXMLに感謝したりはしない。別にXML以外の技術で実現してくれてもよかったと思っている。 では、なぜXMLがここまで活用されているのか。それは、XMLがシステム開発者に多大な恩恵をもたらしたからだろう。では開発者にどのような恩恵をもたらしたのか。これを説明す
企業のWebマスターのための「せめてこれだけは使っておこう」 : DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 Webマスターの悩み会社からは「いまの時代、Webが重要だ」と言われ、Webマスターに任命されてはみたものの、まわりの人間や上司はぜんぜんWebについてのリテラシーは高くなく、かくいう自分も人のことは言えず、SEOやブログって言葉くらいは知ってるものの、流行のWeb2.0もなんだかよくわからないし、一体、これから何をどうしていけばいいんだろう？ きっと、そんな悩みを多く抱えるWebマスターの方って結構多いんじゃないかと思う今日この頃。 とりあえず、自社のWebサイトをどうにかしようと、業者に頼んでみたものの、彼らが使う言葉はいまいち理解しきれなくて、それこそユーザビリティだとかアクセシビリティだとか、グローバルナビゲーションだとか適切なマークアップだとか、ターゲットブラウザ
新世紀ブログゲリオン
ブログ史や、ブログ論をエヴァ風にお送りいたします 話数 タイトル 英文タイトル 関連リンク のフォーマットにて 第壱話 m.e.s.h.、襲来 m.e.s.h. ATTACKED 「mesh抜きでは日本におけるblog草創期を語れない」発言（2002.10.23） 関連：インターネットのあり方を変える？ 個人ニュースサイト“blog”を運営する人たち（2002.11.11） 第弐話 見知らぬ、バトン THE BATON 参考：Musical Baton ミュージカル・バトン！（歴史＋回答つき） 絵文録ことのは 2005/06/14 参考：hxxk.jp - Musical Baton の泥臭いまとめ 第参話 読めない、長文 Too Long 参考：『斬（ざん）』：長文読めない症候群 関連：九十九式:こうすれば長文を読んでもらえる 第四話 荒らし、逃げ出した後 "Chu-ni" Syndro
：デイリーポータルZ：テレビのようなホームページ
右の写真は先日、テレビに出たときのようすだ。 すいません、うそです。 テレビ風に加工した写真だ。どうだろう、ちょっとテレビ映像のキャプチャっぽく見えないだろうか。 今回はこのテレビ風の画像を活用してお送りします。お送りする内容は、先週行われたうちの法事。超地味。 普通のイベントをエキサイティングなものにしてみたいと思います！（林 雄司） テレビ風とは テレビを１日見ていて思ったのだがテレビの文字の出し方には以下のような特徴があるようだ。 ・右上にいまなにを伝えているか ・左上に番組タイトル ・色はとにかく目立つ色で ・文字は派手な色つきの文字で白ふちどり ・ただし、ニュースの場合は黒ふちどり（ライター岸川さん情報） ・バラエティはPOP体みたいなフォントが多い 人の名前はこの色、などの法則性はなく、その画面ごとでわかりやすさ重視で作られているようだ。 実践してみることにしよう。これが元画像
GIGAZINE - 無料で手軽にオンラインショップを開設できる「Shopify」
楽天のようなオンラインモールに出店したりすると基本出店料が毎月必要なのですが、「Shopify」は無料でオンラインショップを大体2分ほどで開設できます。面白いのは注文が来たかどうかの確認をRSSでチェックできること。 また、このサイトはRoR、つまり「Ruby on Rails」で作成されています。こんなことができるのか、という感じ。 というわけで現在テスト期間中のこの「Shopify」、実際に使ってみました。サンプルショップはこちら。 Shopify - A shop in minutes, a business for life. http://shopify.com/ 基本的には売るものを登録して値段を付けて…というふつーのオンラインショップと同じシステム。送料とかも決められます。また、決済手段はPayPalとクレジットカード。「店長のブログ」みたいなものもくっつけられます。パスワー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CV
Image * After - currently 26837 free textures and images available