すべての記事 - ページ 185

言わなければならないことがたくさんあります デザイナーと開発者の間に見られる格差. 可能なデザイナー/開発者ハイブリッドはたくさんあります コインの両面を理解する, しかし、彼らは数が少なく、遠い. クリエイティブなプロジェクトは成功しています 適切なコミュニケーション. しかし、デザイナーや開発者がその方法について確信が持てない場合、これは困難になる可能性があります。 互いに話をする. デザイナーが適切なJavaScriptの書き方を知っている必要も、開発者がタイポグラフィの選択を習得するべきでもないと思います。しかし、いくつかあります 基本トピック 双方向だと思う. 次のトピックは私自身の個人的な考えです すべてのデザイナーが理解すべき重要なWeb開発のアイデア. 私自身デザイナー／開発者として、それがどちらの分野を勉強することになるのか、私は知っています。しかし、明確な理解はコミュニケーションを向上させ、デザイナーをクリエイティブチームにとってより価値のあるものにするので、学ぶことは常に努力する価値があります。. フロントエンドコードの動作 Webデザイナーは、そのデザインの才能と共にフロントエンドのスキルを持っているとよく考えられます。これは非常に議論されているトピックです。 正解はない. デザイナーは彼らがすることをすべきです 気持ちいい. それがビジュアルデザインの仕事をすることだけを意味しているのであれば、それもそうです。ただし、フロントエンドテクノロジを簡単に理解すれば、同じ設計者になることができます。 より直感的 開発者向けのアセットを作成するとき. すべてのデザイナーは少なくとも以下のことを理解しているべきだと思います フロントエンド開発の3つの基本言語 （HTML、CSS、およびJS）とその使用方法。たとえば、ほとんどのドロップダウンメニューはJavaScriptに依存していますが、CSS専用の選択肢もあります。. デザイナーがドロップダウンメニューを作成するとき、彼らはについて考えることができます コードで実装することの複雑さ. どの要素がJavaScriptを必要としているかを理解しているデザイナーは、開発者に何を構築するように依頼しているのかを理解するためのよりよい準備ができます. これは可能です...

インターネットは絶えず成長しており、今後のWeb開発者のための何十万という集合リソースがあります。オンラインの記事、チュートリアル、ツール、ガイドからビデオまで、Web上で何かを学ぶことができます。それは本当にオンラインでジャンプすることがかつてないほど容易になりました! 以下に、私はいくつかの非常に役立つウェブ開発者向けリソースの膨大なコレクションをまとめました。これらには、HTML 5 / CSS 3に関する初心者向けの資料と、JavaScriptおよびPHPプログラミングに関するより複雑な理論が含まれています。 2人の熱心な開発者がこれらの言語を研究し、TwitterやTumblrに似た人気の高いWebアプリケーションを構築することは可能です。現代のWeb開発者にとって有用な資産に興味があるなら、この信頼できるリソースの編集を気に入るはずです。. オンラインマガジン ブログの世界は何十万もの新しい作家がインターネットを利用して爆発しました。これらのオンラインブログの多くは、デザインとWeb開発に焦点を当てています。あなたはこれらのRSSフィードをめくるだけでたくさんの役に立つリソースを見つけることができます。. あなたがコーディングした言語のタイプに応じて、それはこれらのブログのどれかへのあなたの興味を決定するでしょう。私たちはWeb開発に集中することができ、これにはすべてのフロントエンド作業（HTML5 / CSS3 / JavaScript）と単純なバックエンドスクリプト（PHP / RoR / Python / SQL）が含まれると仮定します。フロントエンドとバックエンドの両方のコードに焦点を当てた、最も人気のある開発者ブログの単一のリストを作成する自由を取った. ネッツ+ 24の方法 Webモンキー スマッシングコーディング Webitect 要素を検査 猫コード Line25 Webデザインブログ 考慮すべき他の多くが確かにあります。お好みの開発言語のチュートリアルや記事を探してGoogleにアクセスすることをお勧めします。それから、Google...

ブラックフライデーがまたやってきます。あなたが休暇の準備をするのに忙しいときには、それを滑らせるのはとても簡単です。この優れたデザイン/開発製品のリストにはいくつかの優れた取引があります。良い投資になるものがあるかどうかを確認するためにそれを参照する時間を取っておくことをお勧めします。. あなたが一杯のコーヒーを楽しんでいる間あなたの日を作ることができる製品に出くわすことはそれが得るのと同じくらい良いです. 人気のある広告は、「値段が下がることはないので、今すぐ購入する」というものです。そうであるかもしれないしそうでないかもしれませんが、あなたは本当にこのブラックフライデーを通り抜けさせたくありません。そのことが本当かどうかを調べるために来年まで待つ必要はありません。. 1.エレメンターページビルダー エレメントールから始めましょう。エレメンターは、あなたが想像した通りにWebサイトを作成することを可能にし、コーディングを必要とせずにそれを可能にします。このウェブサイト構築ツールを特別なものにしているのは、それが特定の目的を念頭に置いて設計されているということです - ウェブデザイナーがテーマに立ち往生することなく、過度の量を必要とする制限に追いつくことなくウェブサイトを構築する能力回避するための巧妙な設計またはコーディング - 回避できる場合. Elementorのビルディングブロックアプローチと未来的なヘッダー、フッター、およびコンテンツカスタマイズ機能のセットを組み合わせることで、デザイナーは必要なものを自由に構築できます。このページビルダーの驚くほど高速なパフォーマンスにより、記録的な速さで実行できます。. Elementorはまた、ライブのフロントエンド編集を提供し、任意のテンプレートまたはテーマで動作し、そして開発者にもやさしいです。 Elementorの無料プランは初心者には良い選択ですが、その有料プランにはもっとたくさんのものがあり、25％ブラックフライデー割引であなたのものになることができます。. 2.ビジュアルコンポーザーウェブサイトビルダー Visual Composerのページ構築プラグインは、最も人気のあるものも含め、多くのWordPressテーマの中から選ばれるエディタです。このプラグインが普及するにつれて、Visual Composer Webサイトビルダーは、すでにVCページ構築プラグインを使用しているものも含め、ほとんどのWordPress Webサイト構築テーマ以上のものを提供しています。. ブラックフライデーを祝うために、Visual Composer Webサイトビルダーチームはすべてのライセンスに対して50％の割引を提供しています。この製品を使用するときに達成できるすべてのことを考慮すると、非常に良いことです。. VCに投資することで恩恵を受けるのはデザイナーだけではありません。開発者は、VC APIと、その技術的および設計上の課題のためにかつて手の届かないと考えられていたプロジェクトを可能にするそのツールのおかげで同様に感謝するでしょう。. 3. MapSVG WordPressマッププラグイン Webデザインツールが登場するときには、Webサイトに優れた機能を追加できるだけでなく、使用して遊ぶのも楽しいこともあります。 MAPSVG WordPressマッププラグインはそのようなツールです。 MAPSVGが提供するすべてのものを発見し、その多くの興味深くエキサイティングな機能をどのように機能させるかを計画することで、キックアウトを期待できます。....

私たちはしばしば忘れます Webがどのように原始的だったか. 90年代後半から2000年代初頭にさかのぼる人々はオンラインになったばかりで、それでも多くの人がウェブをあまり使わなかった. 今日、ほとんどの人はインターネットなしでは人生を想像できません。そして、その増加するオーディエンスのために、ウェブデザインはより良いもののために多くの進歩を見ました。. Webデザイン博物館は 1995-2005までさかのぼる古いサイトからのスクリーンショットのオンラインアーカイブ+. これは、コンシューマWebの最初の10年間であり、現在古くなっているこれらのトレンドにいくつのサイトが従っているかを見るのは楽しい. 美術館を閲覧するには、いくつかの選択肢があります. あなたが探している特定のサイトを見つけるために検索をすることができます。これは、さまざまな年をチェックする楽しい方法です。 お気に入りのサイトのデザインの変更 eBayやGoogleのように. しかし、ギャラリー内の各Webサイトの完全なタイムラインをリストした本当にクールなタイムラインページもあります。. このようにしてあなたは利用可能な主要な年ごとにサイトのデザインを掘り下げることができます。すべての会社が90年代にさかのぼるわけではありませんが、Coca-Colaのような多くの例で恥ずかしい思いをさせられるでしょう. Web Design Museumギャラリーリスト 800以上のウェブサイト 90年代半ばにまで遡るさまざまなスクリーンショットと私たちの現在の時代への道に沿って様々な再設計. これらの画面は単なるイメージであり、完全にアーカイブされたページではない点を除けば、Wayback Machineによく似ています。これらのスクリーンはまた必要なすべての適切なCSS /イメージを特色にします サイトをフル表示する - スクリーンショットごとにインターネットアーカイブのデータベースに見つからないもの. このサイトはおそらくあなたをより良いデザイナーにしたり、あなたがより速くデザインするのを助けることはしないでしょう。しかしそれはあなたに与えるでしょう 古いウェブの味 だからあなたはちょうどウェブが数十年以内に来たかどれだけ見ることができます. より多くのことを学ぶためにaboutページを訪問して、そして彼らの巨大なギャラリーを掘り下げることを忘れないでください. そして、あなたが古典的なウェブサイトからのスクリーンショットを持っているなら、あなたは将来の世代のためにアーカイブされるために美術館にそれらを提出することさえできます.

私を苦い老人と呼んでください。 まったく異なるレベルのクレイジー. 設計に関しては、イノベーションは予測不可能なので、何を取得しようとしているのかわからないでしょう。色は野生でした, レイアウトは実験的でした, そしてありました そんなに起こっている. うーん、あなたもいくつかの病気のビートやWebサイトの背景で実行されているビデオを聞くことができる. ほんの10年前、ウェブサイトは多かれ少なかれ ゼロから構築. 今日では, それはすべて同じです. あなたはランダムな会社のウェブサイトにつまずいています、そして、あなたは何を見るでしょうか? ナビゲーションバー 画面の最上部に. ヒーローイメージ または スライダー. サンセリフで書かれたキャッチーな行 とても大きく爆破されたあなたは1マイル離れた所からそれを見るでしょう. それほどキャッチーな字幕. ボタン それはページを作る スクロール. 3つ以上 簡単な説明付きのアイコン Webサイトについての詳細. 2017年です。 そのまま. Webデザインは持っています 予測可能になる....

キーボードショートカットはWebブラウザ自体のためだけのものではありません。 FacebookやTwitterからGmailやOutlook.comまで、あなたが使用するほとんどのウェブアプリはキーボードショートカットを提供しています。. キーボードショートカットのほんの一握りはほとんどどこでも動作します。それらを使用するには、Webサイトにアクセスして適切なキーを押すだけです。テキストボックスに入力している間は機能しません。. あらゆるWebアプリケーションのキーボードショートカット これらのいくつかのキーボードショートカットはほとんどどこでもあなたに役立つでしょう： ? - キーボードショートカットを提供するほぼすべてのWebアプリケーションでキーボードヘルプを表示します。これは、Facebook、Twitter、Gmail、Outlook.com、Feedly、Pocket、その他多数のWebアプリケーションで機能します。それはあなたが使うことができるキーボードショートカットのリストでインラインのチートシートを開くでしょう。それらすべてを暗記する必要はありませんが、必要なキーボードショートカットを見つけることができます。. j そして k - すぐに次または前の項目に移動します。これはあなたのFacebookニュースフィードの記事、Twitterのつぶやき、GmailのEメールなどに有効です。標準の矢印キーはWebページを上下にスクロールするために使用されるため、これには機能しません。. /  - サーチ。これは通常Webアプリケーションの検索フィールドに焦点を当てているため、/をタップして検索を入力し、Enterキーを押すことができます。これを使用して、Facebookの投稿、ツイート、電子メール、またはその他のWebサイトで使用されているものを検索します。ブラウザでの検索はCtrl + Fとは異なります。. すべてのWebサイト用のテキスト編集キーボードショートカット テキスト編集のキーボードショートカットも重要です。これらはあなたのウェブブラウザでは動作しません - それらはあなたのコンピュータ上のテキストフィールドを持つほとんどすべてのアプリケーションで動作します。いいえ、通常のコピー＆ペーストキーボードショートカットについて話しているだけではありませんが、誰もがそれらに慣れているはずです。これらのキーボードショートカットは、あなたが入力することができるテキストボックスを持つ任意のウェブサイト上であなたを助けることができます. Google ChromeとMozilla Firefoxには、「プレーンテキストとして貼り付ける」キーボードショートカットもあります。これにより、クリップボードからテキストを貼り付けることができます。テキストだけを貼り付けることで、すべての書式設定をドラッグしなくてもテキストボックスにテキストを貼り付けることができます。押す Ctrl + Shift + V （または Command...

WebアプリケーションとWebサイトはすべてWeb 2.0になっています。あなたも流行に乗って行きたいのですが、あなたはあなたの製品/会社/ドメイン名にWeb 2.0の名前を持っていますか？ Web 2.0スタイルという名前で出てくるのに苦労しているのであれば、ここに1つか2つ手を差し伸べることができるWebサイトがあります。 - Web 2.0ネームジェネレータ. ジェネレータは、それがランダムに生成する名前が確実に利用可能であることをあなたに約束しませんが、そうであるべきです。あなたは本当にあなたが本当にひどく生成された名前が欲しい場合に備えてCheck Availabilityボタンを提供するのに十分親切です. Web 2.0 Name Generatorを使って自分でWeb 2.0の名前をつかむ.

ウェアラブルはCES 2015の至る所にありましたが、これは驚くことではありません - 「普通の人々」でさえすでに活動追跡バンドで歩き回っています。ウェアラブル製品の雪崩があなたの方法をやって来ています. 「ウェアラブル」という用語は確かに流行語です。しかしそれは単純なものです - それは単にウェアラブル技術を意味します。技術の進歩のおかげで、そのような製品は作成がより簡単になっています。. ウェアラブル101 「ウェアラブル」という言葉は、「ウェアラブルテクノロジ」の略で、非常に理解しやすいものです。ウェアラブルデバイスとは、机の上に座ったり、大きく押し込んだり、ポケットに入れたりするのではなく、体のどこかに装着するものです。それがすべて「ウェアラブル」という意味です。より具体的に言うと、ここであなたが今日手に入れることができるウェアラブルのいくつかの例があります： Fitbit、Jawbone、Runtastic、Mio、Basis、Misfit、Nike、Microsoft、Garminなどによるフィットネストラッキングバンド. Android Wear、近日発売のApple Watch、Pebbleウォッチを実行しているものを含むスマートウォッチ. Google Glassのような「スマートメガネ」やソニーのSmartEyeGlassのような同様の製品。これらは現実の世界ではそれほど普及していませんが、多くの人は確かにそれらについて聞いています. 全体として、フィットネストラッキングバンドとスマートウォッチは現時点ではるかに人気のあるタイプのウェアラブルテクノロジです。しかし、それ以外のウェアラブルと思われるものは、ウェアラブルテクノロジと見なすことができます。たとえば、CES 2015では、心拍数を監視してデータをスマートフォンに送信するための、「スマートバンドエイド」というAmpStripを胸に付けています。 LEDを内蔵したジャケットもウェアラブルと見なすことができます。バイタルサインを監視したり、認証トークンとして機能したりするリングもウェアラブルです。. 技術的には、謙虚な1組のヘッドフォンでさえ「ウェアラブル」と見なすことができます。それらは流行語のかなり前に登場したばかりなので、一般にこのカテゴリにはまとめられません。ただし、身に着けている間にフィットネスデータも監視する一対のワイヤレスBluetoothイヤホン、または一対の有線ヘッドフォンは、常にウェアラブルと見なされます。. ウェアラブルが今急上昇している理由 それで、なぜ私たちは今これらについて多くを聞いているのでしょうか？基礎となるコンピューティングテクノロジに関するすべてです。つまり、チップとセンサー、そしてそれらのサイズ、電力使用量、そして価格です。現代のコンピュータは、センサーとバッテリーを備えたフィットネスバンドにぎゅうぎゅう詰めすることができ、そしてあなたの健康データを監視するために一週間続くことができるようになりました。これは、小型で低電力のコンピュータを必要とするだけではありません - 環境から情報を取得しながら少量のバッテリーを飲むことができる特別な低電力センサーを必要とします。 Bluetooth Low Energyのような新しいワイヤレステクノロジによって、ウェアラブルデバイスはスマートフォンと通信することが可能になり、バッテリ消費量も大幅に削減されます。. これらの低電力センサーは、モトX、ネクサス5、ネクサス6など、現代のAndroid携帯に組み込まれているセンサーと同じ種類のセンサーで、画面が消えている間も常に「大丈夫なGoogle」と言うのを聞いています。彼らはまた、あなたの歩数とあなたが登ってきた階段の何便をカウントしている、iPhone 6に見られるのと同じタイプのセンサーです。これらの超低電力センサにより、デバイスは非常に少ないバッテリ消耗でデータを追跡することができます。ほとんどの人はバッテリーパックを持って歩きたくないので、これが重要です。. CES 2015で、Intelは「Curie」モジュール、つまりウェアラブルデバイス用に設計された小さなボタンのサイズのマイクロコンピュータを披露しました。クアルコムは、スマートフォンやその他のモバイル機器に搭載されているARMチップの多くを、ウェアラブル機器向けに独自のシステムオンチップで提供しています。これらのチップメーカーは、完全な小型コンピュータをウェアラブルメーカーに提供しています。ウェアラブルメーカーは、小型のコンピュータプラットフォームを最初から設計する必要なく、独自のものを追加することでウェアラブルを作成できます。これはおそらくウェアラブルの爆発につながるでしょう....