なぜ日本のWebデザインはダサいのか？ | Goodpatch Blog
こんにちは！ みなさんQuoraというサイトをご存知ですか？QuoraはFacebookの元CTO（最高技術責任者）が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。（日本だとYahoo知恵袋が似ているWebサービス） 今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。（記事ネタQuestion :Why is web design so bad for Japanese websites?） 【Question】 これまで日本のWebサイトは一般的にきれいなものだと思っていたが、実際は違った。アメリカのWebサイトより5年から10年の遅れを取っているように思えます。多くのWebサイトにFlashが使われているし、アメリカのものよりごちゃごちゃし
リアルタイムにPCとスマホのクロスブラウザチェックができるEdge Inspect | SHINGO IRIE
レスポンシブデザインが主流となってきている今では、制作しながらパソコンの画面でチェックして、スマホでチェックして、微調整して…というようにかかる工数も増えてきました。 そんな中、Adobeが出しているEdge Inspectというソフトを知ったのですが、これを使うとパソコンでサイトを開くだけで、連動してスマホでも同じサイトを開いて、見た目の確認をすることができます。 パソコンと連動した画面チェックパソコンとスマホを接続させ、パソコンでサイトを開くと連動してスマホ側も画面が切り替わります。スクリーンショットを撮ったりすることも可能。このソフトはWindowsでもMacでも使え、iOS、Android、Kindle Fireと連動することができます。これを使えば、検証作業のストレスが軽減されることでしょう。 Edge Inspectの使い方まず、Edge InspectはAdobe Creat
メタフェイズ
私たちは7,000以上の圧倒的な実績の積み重ねで磨かれた戦略立案と、 本質的な価値提供を追求するUX / UIデザインに強みを持つWeb制作会社です。 私たちの強みを活かしたデザインの共創プロセスを通じて、 ユーザーには最良の体験を提供し、 お客様のビジネスには最大の成果を導くためのご支援をします。 詳細を表示 「デザイン」とは理解すること 私たちは常に「デザインとは何か」という問いを大切にしています。私たちの考えるデザインの役割とは、ユーザーに対して企業の提供するサービスやプロダクトの本質的な価値を見出し、伝えることにあります。 そのため、お客様のビジネスへの深い理解が最も重要だと考えています。 詳細を表示 私たちの提供するサービス 私たちはデジタル領域における多様なクリエイティブ制作を通じてお客様のビジネス課題の解決や事業成長のご支援をサービスとして提供しています。提供する全てのサービ
S5-Style
ノーコードWeb制作プラットフォーム「STUDIO」 コードを書かずに、高度なデザインを。サイトは1クリックで公開可能。CMS、フォーム、分析ツールもオールインワン。 事業コンセプトの検証から、デザインチーム組成まで。おしゃべりAIアプリ「Cotomo」の立ち上げ支援について 2024年2月にStarley株式会社からリリースされた、音声会話型おしゃべりAIアプリ「Cotomo (コトモ)」。事業立ち上げに関わる、事業コンセプトの設計・初期プロダクトの設計・デザインチーム立ち上げをrootとして伴走しました。音声会話型AIという特殊なドメインにおいて、いかに事業の方向性を固め、プロダクト内の体験を検証したのか。また、素早いデザインチーム立ち上げをどのように支援したのか、事例をまとめます。 STUDIO導入時に知りたい！「STUDIOをおすすめできる/できないパターン」を無料配布します ca
大家メモ/MAMP/Mac OSXローカルにMAMPでサイト制作環境を構築
目的 † 通常サイトを制作している中で困ることはいくつかありますが、ここでは以下のような点をローカルにMAMPで環境を用意して確認できるようしたい思います。 ルートからのパスで記述されている場合でも、ローカルで意図したとおりの表示、あるいはリンクが確認できるようにしたい SSIを使用しているサイトもローカルで確認できるようにしておきたい。さらにSSIの拡張子もshtmlではなくhtmlでも確認できるようにしたい また、上記とは別に問題となるのが、複数のサイト制作が同時に進行している場合に、サイトごとにルートからのパスで記述された内容を確認できる環境が欲しい、ということです。 デフォルトのままだとMAMPのDocument Rootは /Applications/MAMP/htdocs のみとなっており、複数のサイト制作をしている場合、その都度Document Rootの設定を変更するのは面
Patternify | CSS Pattern Generator
What is Patternify? Patternify is a simple pattern generator. I built it to save myself the pain of launching Photoshop just to export a 2px by 2px stripe pattern. Not only can you build your pattern online, but with the base64 code, you don't even need an image file anymore: just include the code in your CSS and you're ready to go! Instructions Draw your pattern on the grid. You can use the curso
ZenBG—Background Generator
Create beautiful backgrounds for websites or desktops. This project includes a large collection of textures—wood, rust, paper, concrete and more from Texturise—which can be combined with linear-gradients or colors to create a wide assortment of themes. Drag & Drop images into the browser to generate tile-able patterns! Enter full-screen mode, and design your own desktop wallpaper!
PatternCooler
Patterncooler 3.1 - Fun, Free and even cooler! Apply your own colors, size and texture effects to thousands of pattern designs and download as seamless background images for FREE. Unlimited large tiles over 300px x 300px* and pattern area graphics can be obtained via the new license plans. This simple web app has been designed to provide seamless pattern images, for the use in creating:- Twitter,
Webとは一味違うスマホアプリの動的UI設計は、「脱・ワイヤーフレーム思考」で【えふしん】 - エンジニアtype | 転職type
Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社（version2）を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 えふしんのWebサービスサバイバル術 藤川真一（えふしん）氏 FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 アメリカのiPhoneアプリはなぜクー
下書き、予定記事をカレンダー上で整理するWP Editorial Calendar
ニュースレターを始めてから、週の記事の偏りを少し考えなければいけないと感じています。そこで以前から導入していた WP Editorial Calendar プラグインを再び活用するようになっています。 これは Wordpress でブログを、特に複数の著者が投稿するブログメディアを運営している人に便利なプラグインです。 未来に予定されている記事のかきかけや、準備段階にある記事をカレンダー上で確認したり、その場で下書きを書いたり、スケジュール時間をドラッグ＆ドロップで変更できるようになります。 なによりも、時間方向に対して記事がどのように配置されているかを意識できるようになるのがとてもストレス軽減になります。早速見てみましょう。### カレンダー上で予定記事を整理整頓 WP Editorial Calendar をインストールすると、ダッシュボードに Calendar という項目が追加されま
Previously DropTask Online Task Management Tool | Now Ayoa
DropTask has now changed to Ayoa Our world leading productivity tool has just got even better! Read on to discover all the fantastic new features that come with our change from DropTask to Ayoa. Get started for free We’ve grown into something more DropTask, our world-leading productivity tool, has now changed to become Ayoa. With a number of incredible feature enhancements – digging for your best
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
iPadに最適化したサイトがつくれるかもしれない5つの方法（基本編） - EC studio デザインブログ
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gano-web.com/unique-website-menu.html
http://gano-web.com/best-restaurant.html
WEBデザインリンク集・デザインサイト一覧（週刊ウェブデザイン）
Lan硭ento
stripemania.com - stripemania リソースおよび情報
FireWorks.20
