ウェブデザイン - ページ 22

環境にやさしい! 地球温暖化問題が今日世界を脅かしているので、グリーンになる私たちの周りのみんなが私たちの惑星を救うために彼らの役割を果たすことを急いでいるので、「キーワードになります。私たちが日々の生活の中でますます多くの環境に優しい製品を見るにつれて、世界が環境にやさしい方向に向かって進んでいるのを見ることは私たちにとって驚くべきことではありません。. あなたがウェブサイトをデザインしているかどうか '緑' 原因またはその他の目的で '緑' テーマは、あらゆるWebサーファーの注目を集めること間違いなしです。その上、促進することによって '緑' あなたのサイトでは、あなたは非常によく母なる地球を保全することの重要性についての公衆の意識を高めることによって貢献しているかもしれません! ここにあなたが素晴らしいグリーンウェブサイトのあなたの創造に役立つと思うかもしれないいくつかの役に立つリソースがあります. PhotoshopのチュートリアルとPSD テクスチャ写真から3Dリーフを作成する方法。この初心者向けチュートリアルでは、1枚の2D写真から鮮やかな3Dリーフ編集を作成する方法を学びます。. （Psdtutsによる） Photoshopで壮大な草のテキスト効果を作成します。このチュートリアルでは、草の写真、ペンツール、そしてちょっとした忍耐力を使って、かなりクールな草のテキストエフェクトを作成します。. （Psdtutsによる） おいしいグリーンアップルイラストの作り方さまざまな絵のテクニックで光沢のある青リンゴを描く方法. （Psdtutsによる） アースデイ - グリーンプラネット。一から緑の惑星をつくる. （Alexandra Fomicheva著） アップル。PSD （Flahorn著） 私たちの惑星を緑色に保ちます。このポスターは最初はポスターコンペティションのために作成されました. 自殺者 それがどのように行われているかを示すためにPSDバージョンをアップロードするのに十分寛大でした. （自殺による） フォトショップで派手な葉の壁紙。素敵な水滴と美しい葉で構成される素敵な壁紙を作成する方法. （Abduzeedoによる）...

ほとんどのWordPressブログは投稿からプレビューテキストを表示するために "もっと読む"機能を使います。このテキストはスペースを節約するために、そして特定の時点で切り捨てられて切り取られます。 読み続けるために読者にさらにクリックするよう奨励する. しかし時には、この機能を単一のページに追加したいことがあるでしょう。 Shave.jsと入力してください。 動的にコンテンツを切り捨てる. このプラグインの素晴らしい点は、これまで見た中で最も面白い広告の1つを作ったチームであるDollar Shave Clubによって作成されたことです。彼らのチームがGitHubページさえ持っていることさえ知らなかったが、それはオリジナルとフォークの両方のリポジトリでいっぱいである. この特定のプラグインはかなり新しく、それはすでに800+スターを持っています。依存性がないので ブラウザや他のライブラリに関係なく、普通のJavaScriptで実行できます。. コードの設定もとても簡単です。 剃る（） 2つのパラメータのみを取る関数 要素セレクター そして 最大の高さ その要素のために。これは非常に基本的な例です。 最大高さ= 320。 shave（ '。elemclass'、maxheight）; 当然あります カスタム文字に渡すことができる追加のパラメータ 切り捨てられたテキストの後 ひげ剃り効果を適用する複数のセレクタ. あなたは実際にShaveプラグインサイトでライブデモを見ることができます、そして彼らも素敵なCodePenデモを持っています. ひげをそる jQueryまたはZeptoで作業する あなたがそれらのライブラリのどちらかを好むならば。でもそれ以来...

あなたはどのくらいの頻度で時間を探していますか？ まともな無料のWordPressテーマを見つける? これはShopifyからGhostまでのすべてのCMSにも当てはまります。. あり テンプレートスタッシュ, あなたは見つけるでしょう すべての最高の無料テーマ 簡単に閲覧できるように1か所でキュレーションしました。このサイトは最高品質のテーマを中心にデザインされています カテゴリとタグに基づく 並べ替えが簡単. テーマの検索、投票による閲覧、またはカテゴリによる閲覧を試すことができます。これを書いている時点で、Template Stash 13のカテゴリーがあります 基本的な管理用テンプレート、静的なブログテーマ、そしてWordPressを含むたくさんのCMSエンジンをカバー. こちらのリストです 最も役に立つカテゴリー： ブートストラップテーマ 材料設計テーマ WordPressテーマ テーマを買い物する ゴーストテーマ ランディングページのテーマ あなただけの場合 クイックテンプレートが必要 新しいサイトの構築を始めるために、カスタムテーマの価値を理解しています。それ あなたの時間を節約 その他の機能でワークフローを邪魔することもありません。. 今、Template Stashは 編集者による手作り...

Webデザイナーとしての仕事では、デザイン作業の品質を落とすことなく、そしてそれを改善することなく、プロジェクトをより早く完成させることができるような方法でワークフローを合理化する方法を常に模索しています。. それは良い習慣ですが、慎重に行っていなければ、生産性が実際に低下する可能性があるより生産的になる方法を探すために多くの努力を費やすことができます。. デジタル時代は私たちの肩から継続的な改善に関連する努力の多くを削除しました。より良いやり方を探すことは、主に私たちがそうするのを助けるツールを探すことを含みます. デザインのクリエイティブな見方はチームや個人次第ですが、生産性向上ツールを慎重に選択することで、少なくとも私たちが依頼または採用したタスクのためにより多くの時間を費やすことができます。. すぐに掘り下げて、これらのツールのどれが自分のニーズに最も適しているかを確認しましょう。. 1.メイソン メイソンはデザインツールの世界では多少異なる動物です。あなたはそれがそのアプローチで根本的に異なると言うことさえできます。つまり、この生産性向上ツールを使用すると、非常に重要であり、必須でさえあると感じたデザイン構築プロセスのステップをスキップできます。. メイソンのアプローチは非常に簡単であるだけでなく、それは同様に多くの意味を成しています. まず、Masonのビジュアルインターフェイスとそのフロントエンドの機能構築機能が、プロセスを推進するエンジンです。アプリやWebサイト、その他のデジタル製品用の高精度ソフトウェア機能も作成できます。デザインを完成させた後は、競合するドキュメントはなく、デザインをQAに承認する必要はありません。. MasonがHTML / CSSを管理しているので、ほとんどの場合は開発を回避することができます。ソフトウェア機能は使用する準備ができてすぐにインストールできるので、次の展開サイクルを待つ必要はありません。. 根本的に違う？ Masonはあなたがドキュメンテーション、QA、開発そしてプロトタイピングさえもスキップすることを可能にするので - それはおそらくそうです. 2.プロトio Proto.ioは、デザイナー、開発者、起業家、そして製品管理者が自分のWebおよびモバイルアプリケーションのプロトタイプを作成するために使用できるWebアプリケーションです。この生産性向上ツールは使いやすく、設計プロセスを円滑に進めるためのコーディングを必要としません。. 忠実度の低いプロトタイプは、設計の初期段階で基本的な設計概念を説明し、フィードバックを求めるのに最適です。反対に、Proto.ioを使用して、最終製品がどのようなものになるかの外観、感触、および機能性をうまく模倣することができる、インタラクティブでアニメーション化された高忠実度のプロトタイプを作成することができます。. Proto.ioのダッシュボードは非常に貴重なバージョン管理とコラボレーションの支援を提供します。ラピッドプロトタイピングデザインアプローチを使用しているチームにとって特に役立ちます。編集者がプロトタイプ構築を担当し、プレーヤーがあなたの作業をブラウザに表示し、またユーザーテストで重要な役割を果たします。. 3. monday.com monday.comは、あらゆる規模のチームに適したチーム管理ツールです。設置や使用が非常に簡単でわかりやすいため、技術チームと同じくらい非技術チームにも人気があります。. チームにとって何が重要かを決めたら、monday.comを機能させることができます。時間の追跡、担当者の表示、タイムライン、カレンダー、ファイル、カンバンなどの概要の提供. monday.comはあなたとあなたのチームがあなたの指先で簡単に消化可能なデータを持っていることについてすべてです、そしてそれ以来、従業員、チームメンバー、そしてマネージャーはそれに関して起こっていることの全く同じ見方をします. このチーム管理ツールは現在、スタートアップ企業やFortune 500企業で採用されている50,000以上のチームで使用されています。昨年、この急成長している会社は、顧客基盤と収益の両方を3倍にしました。. 4.ナッツキャッシュ 私たちと一緒に “優れたツールは優れた生産性を促進します”...

デザイナーズリリース たくさんの景品オンライン 毎月、 アイコンセット, UIキット, モックアップ, ベクトルグラフィック, そしてそんなに多く. ピクタブ 無料のChrome拡張機能です。 最新デザイン景品 あなたのブラウザで. 新しいタブを開くたびに 最も熱いデザイン景品を垣間見る ウェブ上から。これは、Webデザイナー、モバイルアプリデザイナー、グラフィックデザイナーを目指す人にも最適です。. この拡張子 最新の景品をすべて引き出す 設定された期間から、最近発行されたものによって組織されます。これには、Iconfinder、Ollie、およびVecteezyなどの大きな景品サイトが含まれます。. この拡張子をホームページとして設定すると、景品を簡単に検索したり、1ページからすべてWebを検索したりできます。. 設定パネルでは、 景品ウェブサイトの新しい情報源を追加する または 既存のものを追加/削除する. これにより、Piktabインターフェースから最高の景品を整理するためのさらに強力な機能が得られます。. デフォルトでは、すべての景品をまとめて整理しますが、 それらをフィルタリングする 以下の定義済みカテゴリによる。 アイコン ベクトル テクスチャ...

デザイナーはしばしばする必要があります 仕事を外注する 彼らのプロジェクトのために 他の機関を推薦する クライアントに。一緒に仕事をする才能のある人がたくさんいるので、これは大変です。. TheDirectory.io 無料のオンラインディレクトリです 最高のデジタルエージェンシーのリスト, デザイナーによる企画＆キュレーション. このサイトはあなたがクライアントに最適なデザイン代理店を見つけるのを助けるだけでなく、あなたを助けることもできます 仕事を見つける あなたが社内のギグを探しているなら、近くの代理店で。かなりクール! すべての代理店を並べ替えできます。 4つのカテゴリー： デジタル 製品 グラフィック 空間 デジタルデザイン会社 彼らはWebデザイン＆モバイルアプリのデザインに関連するため、最も人気があります。しかし, グラフィックス＆製品 また大きく、これらのタイプの代理店は大きいプロジェクトのための主要なブランドと組むことができます. 奇妙なことに、4番目のカテゴリはに注目を集める 建築, 木工, その他 物理的なクリエイティブショップ. それはサイトに多少の多様性を加えます、そして私たちが将来もっと多くのカテゴリーが追加されるのを見ると確信しています（例えば、アニメーション、SEOなど）。. すべての機関は 場所によって整理...

モバイルアプリ、Webアプリ、デスクトップアプリ、またはJavaScriptライブラリの開発領域では、ドキュメントがソフトウェアの開発の成功を左右する重要な役割を果たします。しかし、あなたがドキュメンテーションをしたことがあるならば、あなたはそれが開発者がすることはほとんど好きではないことであると私に同意するでしょう. コードを書くのとは異なり（開発者がサインアップしたものです）、ドキュメンテーション（我々はそうではありませんでした）はそうする必要があり、そして簡単に消化されるべきです。 みんな. 技術的には、私たちは機械語（コード）を人間が理解できる言語に翻訳しなければなりません。. それは本当に面倒なことかもしれませんが、ドキュメントを書くことは重要であり、あなたのユーザー、あなたの同僚、そして特にあなた自身に利点をもたらすでしょう。. 良いドキュメントはユーザを助ける ドキュメンテーションは読者を助けます コードの仕組みを理解する, 明らかに。しかし、多くの開発者は、ソフトウェアのユーザーが熟練していると想定することを間違えています。したがって、ドキュメントは最初から含まれているべきである必要不可欠な要素の多くをスキップして、薄い材料かもしれません。あなたがその言語に精通しているならば、あなたはあなた自身の主導で物事を理解することができます。そうでなければ、あなたは失われます. ユーザーを対象とした文書は通常、実用的な使用法または “の仕方”. 一般ユーザー向けのドキュメントを作成する際の経験則は、 それは明確なはずです. 専門用語や専門用語よりも、人に優しい言葉を使用することをお勧めします。実際の使用例も大歓迎です. 優れたレイアウト設計は、ユーザーが目の疲れることなくドキュメントの各セクションをスキャンするのにも役立ちます。いくつかの良い例（別名私のお気に入り）はBootstrapとWordPressのドキュメントです。 “WordPressの最初のステップ”. それはあまりにも他の開発者を助けます 各開発者は独自のコーディングスタイルを持ちます。しかし、チームで働くことになると、私たちはしばしば他のチームメイトとコードを共有しなければならないでしょう。だからそれは不可欠です 標準について合意する 全員を同じページに配置する。適切に書かれた文書は、チームが必要とする参照です。 しかし、エンドユーザー向け文書とは異なり、この文書では通常、 技術的な手順 コード命名規則のように、特定のページをどのように構成する必要があるか、およびAPIがコード例とともにどのように機能するかを示します。多くの場合、我々はコードとインラインでドキュメントを書かなければならないでしょう。 コメント）コードが何をしているのか説明する. また、お持ちの場合 新しいメンバーが参加する あなたのチームが後で、このドキュメントはそれらを訓練するための時間的に効果的な方法であるかもしれないので、あなたは彼らにコードの1対1のランダウンを与える必要はありません. 奇妙にもそれはコーダーを助けます コーディングについてのおもしろいことは時々それが 開発者自身も彼らが書いたコードを理解していません....

あなたがあなたのキャリアの中で専門的に向上させたいのであれば、それは常に前もって計画することをお勧めします。新年の始まりは、 達成したい新しい目標を設定する 近い将来に。フォーブス氏によると、新年の決議を実際に達成した人は8％しかいない. あなたはその決断の正しいセットでその8％の一部になることができます、そしてあなたがフロントエンド開発者であれば、この記事はのための素晴らしい情報源です。 次の新年のための決議のためのクールなアイデアを見つける. 1.会議に出席する 世界中にはたくさんの素晴らしいWeb開発カンファレンスがあり、参加する価値があります。会議は新しいことを学ぶことだけではありません（これは不可欠な部分ですが、唯一のものではありません）。 業界の新しい人々と出会う, そして あなたの職業的ネットワークを拡大する 参加して. 画像：イベントを離れて2.コードコンテストに参加する CodeVember、Codepenの1ヵ月にわたるコーディングの課題は、多くの有能な開発者の素晴らしい仕事をチェックした幅広い参加者と同様に参加者にとってもとても楽しいものでした。コードコンテストやコンペティションに参加することは、次の目的のためだけではなく、優れたアイデアです。 あなたの知識を実践しテストする, だけでなく、 同僚が何をしているのかを覗く いくつかの新しいヒントを得るためだけでなく. CodePenのPen＃codevember 1：Keith Wyland（@keithwyland）によるNeon Orbitを参照してください。. 3.新しいフレームワークを学ぶ BootstrapやFoundationなどの複雑なフロントエンドフレームワークでも、AngularJS、BackboneJS、Ember.JSなどのJavaScript MVCフレームワークでも、最近ではWeb上のどこにでもフレームワークがあります。ほとんどの場合 あなたはより多くのことを達成することができます と それらより なしで それら, それで、それを選ぶことは間違いなく価値がある、そして新年にそれに慣れるのに乗り出す....