アドビ、レスポンシブWebデザインツール「Adobe Edge Reflow」プレビュー版などを無料提供
アドビシステムズは14日（現地時間）、「Adobe Creative Cloud」加入メンバーに、ほぼすべての画面サイズを対象としたWebサイトやコンテンツを作成できるレスポンシブWebデザインツール「Adobe Edge Reflow」（プレビュー版）の提供を開始した。あわせて、「Adobe Edge Animate」「Adobe Dreamweaver」、および「Adobe Edge Code」（プレビュー版）のアップデートを行っている。 「Adobe Edge Reflow」は、直感的に使えるサイズ変更可能なデザインサーフェスを持ち、レイアウトやビジュアルがさまざまな画面サイズにおいて、どのように見えるかを確認できる。CSSが持つ機能を最大限に活用し、Webデザインを忠実にネイティブなデザインサーフェス上に作れる。 ブラウザでのプレビューや、「Edge Inspect」と連携したリア
オープンソースのRubyのWebクローラー"Anemone"を使ってみる - プログラマでありたい
Webサイトの調査をしようと思い、サイトクローラーが必要になりました。 各言語ごとに色々あるので何を使うか悩むところですが、Rubyでお手軽にということでAnemoneを採用しました。 ちなみに他の言語だと、下記のうちのどれかが良いのではないでしょうか？ Java：Nutch、S2Robot Perl：Gungho 余談ですが日本語で検索する場合、WEBクローラーで検索するかWEBスパイダーで検索するか悩みます。英語だとWeb SpiderかWeb Crawlerです。どちらかといえばWeb Spiderが一般的のようです。日本だとWEBクローラーの方が目的のものに辿り着きやすいような気がします。うーん、悩ましい。 Anemoneのインストール手順 Anemoneは、nokogiriを使います。 nokogiriが入っていれば、すんなりインストールも出来ると思います。 ちなみにnokogi
【2012超まとめ】確実にWEBサービスを作りたい人へ【前編】
（記事が長すぎたので前編・中編・後編に分けました） 僕ももう、リストラされそうなとあるおっさんなんですが、先日Webサービスを公開しました。 きっかけになったのはこの記事です。 自分でWEBサービスを作りたいと思っている人へ http://anond.hatelabo.jp/20101203150748 こんな事できたら良いなぁと思っていると、他にもやっている方たちがいました。 たった2日で製作されたWebサービス「お部屋晒し」って？ http://matome.naver.jp/odai/2131952812556433001 WEBサイトを発注してみた。 http://anond.hatelabo.jp/20120318122617 Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300 http://d.hatena.ne.jp/inouet
WEBセーフなフォント一覧まとめ「CSS Font Stack」:phpspot開発日誌
CSS Font Stack :: A complete collection of web safe CSS font stacks :: Web Fonts WEBセーフなフォント一覧まとめ「CSS Font Stack」。 WEBセーフな英字フォントがプレビューつきでまとまっていて、クリックすると font-family: 〜の形式でクリップボードにコピーできます。 WEBフォントもいいんですが、そもそもマシンに入っているフォントが使えれば軽くてそっちの方がよい場合も多そうです。 (i) のアイコンにカーソルを合わせるとMacとWinでのシェアが表示されて分かりやすい Copy to Clipboard すると次のようなテキストがコピーされます。 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 関連エントリ フ
黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid
黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利そうでした。 黄金比を取り入れたグリッドレイアウト用のPSDやFw用テンプレとかアクションがセットになってるやつです。グリッドレイアウトは960グリッドシステムに準じているみたい。 内容物は以下となっています。 PhotoshopアクションPhotoshop用テンプレートFireworks用テンプレートillustrator用テンプレートindesign用テンプレートomnigraffle用テンプレートpixelmator用テンプレートflash用テンプレート上記にそれぞれ12カラム、16カラム、24カラムが用意されています。 ↑ a:bが1.6180:1となって
既にここまで出来るWebGLのデモ２２:phpspot開発日誌
22 Experimental WebGL Demo Examples | Awwwards 既にここまで出来るWebGLのデモ２２。 ブラウザ上で3D描画が出来るWebGL。あんまり見ることが無いのでどこまで進化しているのかなかなか気づかないものですが、これらサンプルを見るとその進化に気付かされます。 まあ重いからダメとかいう部分はありつつも、PCの性能はどんどん上がっていって、ブラウザ上のゲームなんかではそれなりに使われていくものなのかも。 WEBに関わる人なら一度見ておいても損はないでしょう Hello Racer - レーシングカー描画デモ MecaBricks - レゴを組み立てる等 WEBサイト作成において必須になってくるわけではなさそうですが、WEB製作者にとっては触れる必要性は出てきそうですね。 関連エントリ これは必見のWEBデザインの近未来。HTML5で構築されたサイト
首相官邸ホームページとアクセシビリティ - ただのにっき(2012-04-06)
■ 首相官邸ホームページとアクセシビリティ 首相官邸ホームページのリニューアルに4,500万円かかったというニュースで高いの安いのと話題になっているけど、それはまぁどうでもよくて*1。これに対してあるWebデザイン会社が書いた「高くないよ!」というエントリを読んだアクセシビリティ業界人たちがそろって天を仰いだという話である。 件のエントリは「首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察」で、特にアクセシビリティのところはツッコミどころ満載なんだけど、その点にかんしてはすでに木達さんが書いているので(ようするに先をこされた)、Web業界人はろくろなんて回してないで読んでおいた方がよいです。特にアクセシビリティとデザインの両立のところ。 さて、首相官邸ホームページのリニューアルでアクセシビリティを確保するとして、件の記事では300万円の見積を出しているのだが*2、じゃあ
「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々 | バンクーバーのうぇぶ屋
最近やたらWEB屋さん達からの留学相談が増えてきましたが、やっぱり多いのは実際にこっちに来て仕事をしたい、移民したい、WEB業界の交流を持ちたい、というようなお話。 もちろん、人によって留学に求める物は違うので、都度色々お話させてもらっていて僕自身刺激になることも本当にすごく多いのですが、たまに聞かれるのが「どんなブログやサイトを見て情報収集しているのか？やっぱり英語なのか？」というお話。僕自身もちろん純日本人なので、英語の本とか読もうとすると未だに発狂しそうになりますが（Steve Jobsも全然進んでないorz）。確かに、日本語のサイトから情報を収集することは少なくなった気がします。 当然、僕が尊敬する人のブログは誰であろうと逐一チェックしますが、デザインや技術面での情報収集は英語記事を読んでいることが多いです。 でも、正直デザインや技術面の記事って英語分かんなくっても、なんとなく分か
ハイクオリティなのにフリーで使える人物・風景写真の無料写真素材サイト『PAKUTASO』
ハイクオリティな写真がフリーで使い放題な無料写真素材サイト『PAKUTASO（ぱくたそ）』がすごいです。会員登録なし、クレジット表記なし、商用可能と素晴らしすぎます。 さらに写真もできるかぎり高解像度（パッと見た感じ横5,184pxとか3,456pxとかでした）なものが使われているほか、ノイズ処理、トリミング処理もされていたりしてもう最強すぎる。 なんでこれが無料で運営できるのかサッパリ分かりませんが、とにかくすごいとしか言いようがありません。以下にサイトの無料素材をいくつか紹介します。 PAKUTASO(ぱくたそ)-WEB制作デザイン向けの無料写真素材/商用可能
素人っぽさを感じるWEBサイト5つの特徴 - おかねがない(ﾟ∀ﾟ)ｯ!!
インターネットをしていると、いろんなWEBサイトに出会います。 気になるアーティストのサイトだったり、趣味に関連したサイトだったり･･･ そんな中で 「なんかこのサイト素人っぽい」 って、感じたことありませんか？ でも、「素人っぽい」と感じはしたものの、そのサイトのどこに素人っぽさを 感じたのか、じっくり考えてみることってあまりないのではないでしょうか。 そこで今回は、WEBサイトのどういう点に素人っぽさを感じるのか、 「脱素人っぽいサイト」を目指す私が感じた、「素人っぽいサイト」の特徴を、 まとめてみたいと思います。 （8/19追記） 以下の内容はあくまで素人muggles0812が感じた、個人的な意見であり、該当する項目が あったからといって、必ずしも他の皆さんが「素人っぽい」と感じるとは限りません。 画像処理が甘い せっかく時間をかけて作ったサイトでも、使われている画像の処理が甘いと
OAuth 2.0やOpenIDの最新動向に追いつくために勉強したことまとめ。 - hsksnote
OAuthやOpenID、仕組みもよく知らずに使ってきた僕が、その最新動向に追いつくために勉強したことをまとめます。 きっかけは OpenID TechNight #7 をUstで見たことで、わからないことが山盛りだったので色々と調べてみた。 OpenID TechNight #7 : ATND 各発表のスライドへのリンクがあるよ。 キーワードとしては、OAuth 2.0、OpenID Connect、Cloud Identity、RESTful API、といったあたりについて。それぞれ基本的なことと、Ustで話されてたことをまとめる。 OAuth 2.0 OAuth 2.0でWebサービスの利用方法はどう変わるか（1/3）- ＠IT を先に読めばよかった。 簡単にまとめると、OAuth 1.0の問題点は3つあって。 認証と署名のプロセスが複雑 Webアプリケーション以外の利用が考慮されて
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
Webデザインサンプル | みんなで作るデザインギャラリーサイト
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
2台だけで負荷分散+冗長化を検証( Pound + keepalived ) - エーエイチレフ linuxサーバー技術情報
前回のPound記事では一般的なPoundの構成を提示してみましたが、 実際に自宅サーバー等で組む場合となると「３台の構成」がミニマムとなってしまうので なかなか敷居が高いように感じます。 ので！ 今回は無理やり２台のWebサーバーのみでPoundを利用して負荷分散ができるかを検証してみました。 また、発展形として、グローバルIPが複数必要になってきますが keepalivedで冗長化も実現してみました。 検証に使用した環境は１日にユニーク１万アクセス、100万PV(全ファイル)ほどの実稼働しているサイトを使い muninやcactiでどれほど負荷分散がされたか確認してみました。 (今回、２台の同期方法についてはまったく考えていません。) 2台だけでPoundで負荷分散してみる 実験してみたのはこんな感じの構成です。 現在WEB１のみで運用しており、WEB1にPoun
GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク:phpspot開発日誌
User Interface Design Framework | 260 free vectors icons, GUI graphic library for web design GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク。 次のようなGUIパーツやアイコン、グラデーションスタイルの３つがセットになった素材集です。 GUIパーツとアイコンを使って、ユーザインタフェースのモックを作る際に役立ちそうです。 次のようにパーツが非常に豊富なので、イメージを作る分には困らなさそう。 アイコンも種類豊富 関連エントリ ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 WEBレイアウト作成用のモック作成ツールキット WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 サイトのモック等に使えるダミーのイメージを簡単に作れる
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
34歳の私が中高生向けのWebサービスに携わって感じたこと。 « モノづくりブログ 株式会社8bitのスタッフブログです
イチゴミルク飴つきのチラシを配るのでぜひよかったら こんにちは、株式会社8bitの高本です。 先週のブログでも書いていましたが、当社のプリクラを使った中高生向けWebサービスがやっとリリースされました。 http://prilabo.net/ ガラケーのみ対応。 そもそもこのWebサービスは、アルバイトで来てくれている現役女子大生のアイデアから始まり、ほぼ20代前半のスタッフで企画・開発しました。 その中で私はというと、ちょっとした進行管理と技術的な部分でのサンプルコードの提供だけ携わった程度です。 一緒にミーティングに参加して、中高生など若年層に向けたWebサービスのユーザビリティーだとか感じ方に愕然とするものがあり、今回はそのことについて書きたいと思います。 はっきり言って、参考書でみるようなユーザービリティーやアクセシビリティーとか、企業に対してプレゼンするときのような提案や企画は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
