タグ別アーカイブ: Inspiration

featured-4

今週の人気デザイン ニュース: 2017 年 3 月 20 日-2017 年 3 月 26 日

From Popular design news of the week: March 20, 2017 – March 26, 2017

ユーザーが送信毎週姉妹の面白いものがたくさんサイト ・ ウェブ デザイナー ニュース, highlighting から web デザイナーに興味は、web の周り偉大なコンテンツ。
維持する最善の方法すべての偉大な物語の追跡し、掲載されているニュースは、単にウェブ デザイナー ニュース si をチェックしてください。
テ、ここでいくつかを逃した場合は、最も人気のある des の迅速かつ便利なコンパイル我々 は先週からキュレーション igner ニュース。
これはの非常に小さい選択だけであることに注意してください、見逃しはありません私たちのニュースレターを購読してサイト大日本に従うので、掲載されたリンクすべてのニュースの ly。
ハンバーガー メニュー、これらの選択肢を試してみる時間を退屈 Web デザイン Freebies: 2017 最高デザインのアドバイスは誰のための究極のリストは今まで私に 9 シンプル T を与えたアプリを構築することができます誰でも悪い設計のコストの巧妙なロゴを設計するための ips(またはロボット)この新しいコーディング サイト 8 CSS トリックを決して使用を得た 15 分で簡単にes と Git を勉強したいですか。
次のスマッシング マガジン ColorWare を満たすのレトロなスタイルiPhone 7 プラスは、美しいし変更のため高価なアイコン-名詞プロジェクト 3 ティでngs デザイン研究者の出会いから学ぶことができますスクリーン ショットですか?うーん、あなた ’ それを行う再間違っている! 応答性の高いデザイン フレームワーク ベストですか。
もちろん、それは依存します。
本質的な Web デザイン ソフトウェア初心者のため: の貿易紙飛行機アイコン 10 のツール、デザイナーのための最高のノート Web の着実なストリーム デザイン Cli を維持するための究極のガイドエント テキスト効果 CSS Google に検索アプリ ランチャーに (そしてそれは Prエッティ大したこと) あなたの P をあなたのウェブサイトの UX Google マップを保存を改善する 8 つの方法駐車場の 10 最高のニュースレター Web デザイナー ・開発者する必要がありますサブスクライブ ・ nbsp; 3 時間ブランド スプリントで正常に混乱のデザイン方法人々 に購入する方法 もっとしたいですか。
大丈夫!新しいウェブ デザイナーとウェブの周りからトップ デザイン ニュースの追跡米 300 + プロフェッショナル スポーツのエンブレムと要素 17 ドルのみ!ソース p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}

フラットアイアン学校 #16 プログラミング学習の私の旅

From My Journey Of Learning Programming Through Flatiron School #16

私の名前はメイソン エルウッドと私 ’ 現在取り組んでいるフラットアイアン学校 m ’ s オンラインにおける Stack の Web 開発プログラム。
毎週、私 ’ 私は何私の経験について書くことに ll ’ m リー変えることとコードに学習のヒント。
この記事で我々 は後方にいくつかの手順を実行しています。
Even 我々 はオブジェクト指向 Ruby 内で話すことがまだしている、使用について話をする必要があります。
ful ツール情報の動きは信じられないほど簡単です。
正規表現は、d としての使用開発者、簡単に引き出すことができ、大規模なライブラリからのプログラムまたはアプリケーションにデータを配置する are 棟。
正規表現を使用して、パターンに一致する、検索、および substitutio をエンコードするには(名) 正規表現は、1950 年代に様々 な形で出てきた。
作成したケン ・ トンプソン、最初のバージョン正規表現エディター QED テキスト ファイルのパターンにマッチさせる手段としての。
それ以来、mu があった挿さまざまな正規表現の実装を開発しました。
この例よりおいらがtantly このコースの Ruby の正規表現を使用します。
正規表現は強力な wa検索する文字列と検索し、特定のパターンを抽出するブロックを介して y。
彼らが使用される f をすることができます。
またはデータ検証、検索、大量ファイル名の変更、データベース内のレコードの検索します。
1 つ素晴らしい大分市内の某所Ruby の正規表現をテストする e は Rubular (http://rubular.com/) です。
このサイトでは、te に対して正規表現をテストすることができます。
定義した xt。
Ruby で正規表現はスラッシュの間一般に書き込まれます。
/あなたの正規表現/たとえば、とき/mason/はこれを書いて見つけるメイソン文字列のすべてのインスタンス。
メタ文字の使用は、これができます事前定義された速記を使用して特定の文字を一致させるペ。
d テキスト w で任意の数字を一致 (lett 単語文字に一致しますers、番号、文字) W 一致するようにテキストの非単語文字が多くこれらよりもメタ文字が記載されている、しかしを模索するまでそれを残すが。
これらの metacharact とers および正規表現の使用は、その後、Ruby のメソッドに統合できます。
定義された Ruby メソッドを使用してください。
s の正規表現の実装の前に異なる効果がエクスポートされます。
たとえば: .scan return 文字列で指定した正規表現に一致するすべての項目の配列。
.matchデータの match オブジェクトとして指定した正規表現に一致する文字列の最初の項目を返します. .grep Grep は、列挙可能なパターンを配列やハッシュの検索法。
これらを使用してください。
e 定義されている正規表現と合同で Ruby メソッド大を迅速にふるいにかけることができますまたは small グループ関連情報のみをプルする本文。
学習と理解の正規表現することできました参照してください、場所から場所への情報の移動を理解します。
私の城で続きを読む制度の学習プログラミングを通じてフラットアイアン学校 #16

アンドレ ・ リベイロとのインタビュー。スクエアのウェブサイトを再設計。

From Interview with Andre Ribeiro. Redesigning the Squarespace website.

人気のホームページビルダー スクエア得たブランドの新しい外観といくつかをもらうことができた設計プロセスについての質問。
スクエア フロント サイドのチーム リーダー、アンドレ ・ リベイロはここで教えてください。
私たちは、ウェブサイトとそれに付属する課題の再設計での冒険について。
1. どのようなワシントン州ウェブサイトを再設計の最大の課題?   私たちの最大の課題は、私たちの期限だった。
番目のe エンド、2016 年までの今年私たちの新しいストラを反映するように新鮮なホームページを開始したいを実現します。
豪州の位置決めと製品の提供。
目標が最初に立ち上がって実行している何かを持っていた私たちの Su の前に、新しいデザインでどのお客様の交流を確認するために 2017年 1 月の週ボウルごと全室のジョン ・ マルコヴィッチをキャンペーンします。
以来、私たちは中にトラフィックの非常に高い量を得るゲームは、任意の大きな変化を事前に徹底的にテストすることが重要です。
我々 は再考しなければならなかったすべて私たちのメッセージング アプローチ、サイト構造、UX; を含むものや工芸品のコピーと sc からの映像わずか数ヶ月でドッキングミスを解消。
もちろん、我々 は QA と実装するだけいくつかのブレークポイントをすべてを持っていたと週間。
2 主な理由は、なぜあなたはあなたのウェブサイトを再設計の決定を下したはなんですか。
  私たち wanちょうど 2 つのエントリ ポイントを新しいユーザーに与えることによって登録の経験を簡素化するテッド: 彼らはいずれかをすることができますドメインを登録することによって開始または web サイトを作成するためにテンプレートを選ぶことができます。
我々 も sou携帯電話で全体的なユーザーの経験を改善するために右側。
次の領域を再考する私たちを率いて: かメインの最初登録-スクエアの主なサービスの一つとしてドメインの登録を提供した後、我々 は我々 の新しい製品のホテルを促進に焦点を当てたスーパー ボウル キャンペーンを開始する準備をしていたng。
 我々、ユーザー ドメイン ストレート f を検索するための迅速かつ著名な方法を作成したいです。
rom のランディング ページです。
結果は、ほとんど含まれて単純なしかし強力なドメイン検索買収コンテンツや機能のもともと我々 のドメインのページにありました。
刷新ショッピング実験ience-我々 はまた、テンプレート ストアを完全にオーバー ホールします。
いくつかのユーザー テストと洞察力のギャザの後認識し当社の顧客サポート チームによって赤、ブラウジング throu のシンプルですより強力な方法gh はテンプレートが必要だった。
私たちの顧客のフロントとセンターを置く-スクエアは、いくつかの回ジョン ・ マルコヴィッチ、レオン ブリッジ、ソフィア Amoruso、ロイ チェなど世界で最高の顧客を eちょうど少数を示すため。
これらのすべての顧客がある我々 が w 感じたような強力で説得力のある話ウルドは、機会を逃していない台座の上に置く、私たちのヒーローはホームページにそれらの機能をします。
3。
あなたのビューで web サイトの再設計で最大の優先事項はなんですか   私たちのメインの一つ目標は私たちの新しいを反映したマーケティングのページを持って、戦略およびメッセージング — ページその could 話深さのすべての混乱または圧倒的な新規ユーザーなし当社の機能製品。
我々 は w提示のさまざまな方法を試してみると同様に映像と言語を更新する anted情報・ コンテンツを販売します。
我々 の焦点は、お客様の経験を高めるためだった。
4。
詳細の問題です。
お気に入り詳細とデザインのデザインの特徴は何か   いくつかのティngs の大好きな新しいデザインについて: ホームページ-新しいの最もエレガントな側面の 1 つホーmepage は、選択した顧客と自社のウェブサイトを表示する新しい手法です。
これらの顧客の肖像ヘマタイトts は彼らのウェブサイトのスクリーン ショットは、拡張機能を自分のサイトにいる感じを作成すると共に、一人の自分。
各注目顧客についてのビデオへの迅速なアクセスを持っていること、深さと c に追加します彼らの話を成田。
テンプレート ストア-ユーザーからのフィードバックを聞いて後に、しましたを追加テンプレート ストアを改善するためにいくつかの機能。
我々 は、デザインをフィルタ リングするより効果的な方法を追加します。
また、nd は、グリッド ビューにテンプレートの簡単な説明をもたらした。
今、ユーザーことができます「心」t相続人お気に入りテンプレートは、後でそれらを参照。
これらの変更、始まりに過ぎない。
私たちプレビュー動画を追加すぐに顧客を置いたテンプレート オプションと我々 も売りさばいています。
g 特別な機能 (例えば、視差効果、検索バーなど) でテンプレートを抽出する能力。
Fiた、私たちは豊かなを構築する探しているし、よりオーダーメイドのテンプレート詳細ページ。
再テンプレート ストア新鮮な考察ユーザー痛みポイントを考慮したデザインのシンプルだが成功例であったts、各人のニーズによって反復処理や機能要求の。
携帯電話-新しい家の設計時にページのドメイン乗っ取り、新しいテンプレート ストアから物事を開始する機会を得て最初、携帯のユーザー エクスペリエンスを大幅に改善。
あなたのドのドメインを検索副は、シンプルだが強力な今です。
同じ利便性は ou を参照している場合にも適用されます。
r テンプレート。
5 は再設計されたメニューを受けるウェブサイト ’ の性能または変換ですか? ・ nbsp; ウェブサイト製品の統一の戦略的なシフトは、私たちのナビゲーションを簡素化することができましたし、したがって、さまざまなアイデアと遊ぶ。
代わりに、伝統的な “ のドメイン、web サイトとオンライン ストア ” ナビゲーション アイテム、私たちだけに頼ることができるとわかりました、“ 取得の開始・ #8221;ショッピング体験ウェブサイトへのメイン エントリ ポイントとしてボタン。
新しい"を検索、ドメイン"入力フィールド ドメインの検索の主な方法になった。
簡素化できるように、ちょうど 2 つの主要エリアへ顧客をルーティングすることにより登録の経験: いずれかのドメインを検索またはテンプレート ストア。
我々 はいくつかの良い結果を持っていた: この新しいナビゲーション パラダイムを起動した後我々両方の検索と私達とのドメインを購入する人の大幅な増加を見た。
6. ある recデザインについて、ユーザーからのフィードバックを eived?   はいしました。
別に多くの A/B テスト我々 はしばしば実行、また詳細なユーザー テスト打ち上げ後数週間のカップルを行った。
我々 は som を持ってください。
e マイナーなデザインのフィードバック、我々 は対処し、速やかにテストします。
ホームページを新しくしました再も全体的です我々 のコミュニティとどのように視覚的に魅力的で、inf を言及するユーザーとの見込み客によって ceivedormative、使い方は簡単だった。
新しいホームページと新しいテンプレート ストア作成より良い私たち小胞体よりも私たちの前の設計は、デスクトップとモバイル デバイスの両方のいずれかが発生します。
続きを読むでアンドレ ・ リベイロ、terview。
スクエアのウェブサイトを再設計。