User experience (UX) is subjective. It’s all about how a specific user experiences a particular website, the content it contains, how easy it is to navigate, how fast it loads and generally how enjoyable and satisfying it is to use. One man’s dream site is another man’s nightmare, so please forgive me if the 20 sites I highlight below are at odds with your perception of superlative UX. The sites I
今まで知らなかったんですが、 css3ってborderに画像を使える んですね・・・勉強不足でした。 border-image-generatorはその css3による画像borderをサクッと 作ってくれるWebジェネレーター です。勉強がてら触ってみるのも いいかも。 css3便利ですねぇ・・もちろんIEでは使用できません。webkit系(safariとかChrome)とmoz系(Firefoxとか)に対応しています。 直感で使えるので使い方は割愛します。使用したい画像のアップロードも出来るのでいろいろテストできそうです。 以下のようなプロパティでborderに画像を指定するんですね。 .border-images{ border-width: 28px 27px; -moz-border-image: url(abc.png) 28 27 repeat; -webkit-border
今回から3回にわたり、ソーシャルメディアの代表的なプラットフォームを2つずつ取り上げる。共通点のある2つのプラットフォームを比較することにより、それぞれの特徴を浮き彫りにする。今回は、利用者同士のつながりを中心とするコミュニケーション型プラットフォームとして、日本を代表するSNSであるmixiと、全世界でブームとなっているミニブログのTwitterを取り上げる。 mixiは女性10～20代、Twitterは男女10～20代が中心 まずは、mixi利用者とTwitter利用者の性年代別構成比を見てみよう（図2-1）。今回の調査では、男女それぞれ年齢層を6つに分けて全12セルとし、1つのセルに100人ずつを割り付けて全体が1200人となるように調査を実施した。このため、全体の性年代別構成比はすべて8.3％となっており、これと見比べることでそれぞれのソーシャルメディアの特徴が一目瞭然に分かる。男
乙武洋匡公式サイトは@niftyのウェブログ(blog)サービス「ココログ」で運営しています。 【ココログって何？】 【ココログ使い方ガイド】 ある日、ホームページにこんなメールが届いた。 【掲示板最大の２ちゃんねるで、名誉毀損されています。犯人を突き止めて、名誉毀損で訴えてください】 そこに記されていたアドレスをクリックすると、ニュース仕立ての「書き込み」がなされていた。 「東北地方に起こった大地震により、タレントの乙武さん（27）の家に火災が発生した。 26日午後9時20分、乙武さんの家は全焼し、丸焦げになった乙武さんの遺体が発見された。調べによると、妻の仁美さんはすでに脱出しており、なぜか逃げ遅れた乙武さんは自力でドアを開けられず、車椅子ごと火だるまになって発見された模様」 誰もが自由に書き込みできる匿名掲示板「２ちゃんねる」において、僕は不思議と愛されているようで、こ
Pythonを使ってアプリケーションを実際に作成してみましょう。前回は「Facebookのようなものを作ってみようと思います」と書いてしまいましたが、ちょうど作りたいものがあったので「Twitterと連携するコミュニケーションツール」を「Django」で作ることにします。 DjangoはPython上で動作するWAF(Web Application Framework)のことです。Webアプリケーションフレームワークというのは、Webアプリケーションを作るとき、決まり切った機能を簡単に利用するための仕組みです。Python上で動作するWAFにはTurboGearsやweb.pyなどがありますが、現在は事実上DjangoがPythonでのWAFの標準というか最もメジャーな存在といってよいでしょう。 Djangoは有志の方が作成した日本語ドキュメントがとても充実しているというのも、みなさんにD
日本の「折り紙」は世界的にも通用するレベルの有名さで、日本人の手先の器用さを如実に表すもののひとつですが、その折り紙にインスパイアされたロゴデザインいろいろです。ついでにそういったロゴを作るためのチュートリアルもあります。 詳細は以下から。 30+ Origami Inspired Logo Designs plus Tutorials | Creative Repository また、以下がチュートリアルです。 Create an Origami Logo | Zen Elements Origami Logo | Zen Elements Create an Origami Swan Logo in Photoshop - drawingclouds
[CEDEC 2010]ネットゲームの裏で何が起こっているのか。ネットワークエンジニアから見た，ゲームデザインの大原則 編集部：touge 先週行われた「CEDEC 2010」の講演から「ネットワークゲームの仕組みとゲームデザイン」と題されたセッションを紹介しよう。 「CEDEC 2010」公式サイト 登壇したのは，セガ第三CS研究開発部のテクニカルディレクター 節政暁生氏。節政氏は「ファンタシースター オンライン」シリーズのプログラマとして，長年ネットワークゲーム（オンラインゲーム）の開発を手がけてきてきた人物だ。この講演では，その経験からネットワークゲームのゲームデザインにおいて，気をつけるべきことについてのレクチャーが行われた。その内容には一部技術的な要素を含むものの，基本的にはプランナーに向けたものであるため，理解にそれほど専門的な知識は必要ない。いわばネットワークの基礎の基礎にあ
小さな画像を拡大したい時、どうしても起こってしまう画像の劣化。そんなときに便利な、画像を美しく拡大するフリーソフト「SmillaEnlarger」をご紹介します。上の画像は拡大例ですが、かなり滑らかに拡大出来てます。 ダウンロード こちらから「SmillaEnlarger」をダウンロードします。 Download ソフトを起動させます。 使い方 まずは、拡大したい画像をドラック＆ドロップします。 Output Dimensions …サイズ変更 Specify zoom facter: 倍率 Specify width of result: 横幅指定 Specify height of result: 縦幅指定 Fit inside boundary: 縦横幅の最大値指定 Stretch to fit: 縦横幅の指定 Crop to fit: 切り取り指定 Fit inside, add
MacBook Proを購入してから、Macばかりの傍島です。非常に機嫌良く使っているのですが、唯一面倒なのが、WindowsユーザーとのZIPファイルのやりとりです。 多くのMacユーザーが経験していると思いますが、Mac OS Xの標準機能で作成したZIPファイルをWindowsで解凍すると、ファイル名が文字化けします。これは、Mac側がUNICODEで処理し、Windows側がシフトJISで処理している為です。Windowsの解凍ソフトがUNICODEに対応していれば問題ないのですが、そうでないことも多いので、Mac側で何とかすることになります。 私の場合、仕事でZIPファイルをやりとりすることがあるので、念には念を入れて、圧縮の為だけにVirtualBoxでWindowsを起動して、ファイルを圧縮するという、大げさなことをしていました。こんな面倒なことをしている人は少ないと思います
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ SEOやウェブの仕事だけに従事していると見えない、普段考えない視点でメディア操作に関して色々と考えさせられる記事をSEO Bookから。SEOがスパムという人に読んでもらいたい内容です。 — SEO Japan 約1ヶ月前、私はSeoMozのランド・フィッシュキンとメールで討論を行った。同氏は、SEOが思い通りに操ることが出来ると言う認識は業界に損害を与えていると考えていた。これにはランドが提唱する暴露戦略を正当化する意図も込められていた。私は、大半のメディアの目標は、操作（注目を最も高値をつけた人に売る）であり、この件に関するエントリを投稿すると約束した。 簡単に投稿出来るようなエントリではな
TOP > Design , Photoshop , WebDesign > PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」 WEBデザインを制作される際に、photoshopを利用してデザインを制作するという方も多いと思いますが、今回紹介するのは成果物のPSDファイルとチュートリアルがセットになったエントリーをまとめた、PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」です。 Clean Web Layout with the 960 Grid チュートリアルだけではどうしても分かりにくかった部分が,完成後のPSDも併せてみることで、作り方や構造を直接学ぶことができます。今日は紹介されているものの中からいくつか気になったモノをピックアップして
伝えるべきメッセージを明確に伝え、余分なものを取り除くミニマリズムから学ぶウェブデザインのセオリーを紹介します。 Minimalism in Web Design: A Guide [ad#ad-2] ミニマルなウェブデザインってどういうの？ という方には、下記の記事もおすすめです。 ミニマルなウェブデザインで使用される特徴的な12のエレメント 下記は各ポイントを意訳したものです。 はじめに 1. ミニマリズムの概念 2. 取り除く美学 3. よりスマートなカラー 4. タイポグラフィ 5. レイアウト構造 6. ネガティブスペース 7. バランス 何を学ぶべきか はじめに ミニマリズムは多くの異なるコンテクストで話し合われるワードです。それがライフスタイル、あるいは芸術スタイルにかかわらず、なにかがミニマリズムであるということはいろいろな意味をとることができます。 ウェブデザインにおいて
[6278] 題名：TEST 名前：TEST 投稿日： 2024/12/17(火) 10:12 TEST [6277] 題名：test9 名前：TEST MAIL 投稿日： 2024/12/17(火) 10:11 99999999999999999 [6276] 題名：あ 名前：あ 投稿日： 2024/12/15(日) 00:55 あ [6275] 題名：あ 名前：あ 投稿日： 2024/12/13(金) 14:49 let bomb = document.getElementById('bomb'); let goal = document.getElementById('goal'); const setPosition = (obj, x, y) => { obj.style.left = `${x}px`; obj.style.top = `${y}px`; } setPositi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く