すべての記事 - ページ 418

最新のWebは100％応答可能であるべきであり、より新しいライブラリはこれをますます可能にしている. のような無料のプラグイン付き ResponsifyJS, Webサイトをすべてのデバイスで機能させるのはさらに簡単です。この 無料のjQueryプラグイン 画像のコンテナを取ります 動的にそれらを並べ替える さまざまな画面サイズに基づく. 別の容器から イメージを異なる方法で保持する, 彼らは非常に奇妙な方法でサイズを変更することができます。時々、あなたは人々の写真を持っていて、モバイルでリサイズすると顔が途切れることがあります. Responsifyプラグインは、この問題を解決するために作成されました。自動的に機能しますが、本当の魔法は 自分のフォーカス領域を定義する 絵の上. それを使用します 10進表記の内部システム 画像の焦点がどこにあるべきかを見つけるため。たとえば、 位置を定義する といった データフォーカストップ どっち “ブロックイン” 画像の特定の部分. このデータを渡す必要があります 小数の形で, たとえば、10進数の0.5は、画像の50％（左/右または上/下）をターゲットにしています。当然、これは自分でやるのはかなり混乱します。しかし、あります 無料Responsifyアプリ それはあなたをすることができます 動的に位置を計算する あなたのブラウザで....

レスポンシブWebデザインの概念はWebに浸透しており、フロントエンド開発者にとっては定番となっています。現代の世界ではレスポンシブデザインの価値を否定することはできませんが、レスポンシブレイアウトを適切にデザインする方法を完全に理解することは困難です。. ウェブサイトには非常に多くのユニークな分野がありますが、個々の要素に焦点を当てることで、ユーザーの目標、およびレスポンシブデザインを使用してそれらの目標を達成する方法を理解しやすくなります。. カバーしたい ヘッダー、ロゴのデザインのヒント, そして ナビゲーションメニュー, レスポンシブデザインに関するものです。これらはあなた自身の仕事に当てはまるものであり、ユーザーの行動を念頭に置いてインターフェイスを設計するようにしてください。. シンナーナバーズ 大画面では、大きなヘッダーがあるのが普通です。おそらく、マルチレベルのリンク層を持つ特大サイズのヘッダーさえあります。しかし、小さい画面は同じスペースを持っていないので、必要に応じて制限する必要があります。. ネイティブのモバイルアプリは通常 固定ヘッダ, これはレスポンシブデザインでも一般的な方法です。固定ヘッダ また縮小する必要があります 小型デバイスの場合：これにより、コンテンツ用のスペースがより広くなりますが、それでも読者はヘッダーとナビゲーションに直接アクセスできます。. たとえば、フルサイズのモニターやモバイルデバイスでのCartoon Brewのレイアウトを考えてみましょう。. 600pxのブレークポイントでは、ナビゲーションはページ上の高さのほぼ半分に縮小されます。これにより、ロゴとクリック可能なナビゲーションメニューの両方が小さくなりますが、 もっと比例 相対画面スペースへ. また、Cartoon Brewにはモバイル画面のレスポンシブメニューとしてドロップダウンボックスがあることを検討してください。これはそれを意味します コンテンツをオーバーレイする 開いたときにページに表示されるので、このために十分なスペースを空けることが重要です。. 同様の例がJacksonville Art WalkのWebサイトにあります。スクロールしている間上部のナビゲーションバーは固定されたままですが 小型デバイスでは縮小. 細いナビゲーションバーがあるため、これはレスポンシブデザインに適しています。 コンテンツのためのより多くの余地を残す 小さな携帯画面で....

常に新しい技術とWebデザインの最新動向に遅れないようにすることは、Webデザイナーとデザイン会社の最大の関心事です。ストック画像、フォント、その他のデザイン要素に関するリソースは 絶えず拡大および改善されている, 設計ツールは継続的にアップグレードされ、新しい生産性向上ツールがほぼ毎日市場に登場します。. このリストから1つ以上のリソースとツールを選択すると、以下のようなメリットが得られます。 彼らはすることができます 生産性を向上させる. 彼らはあなたを助けることができます あなたのスキルを向上させる. 彼ら もっと時間を空ける 他の方法で実行しなければならない可能性があるタスクを引き受けることによってあなたのために. 成果物の品質を向上させるためにリソースやツールを適用できる場合は、 もっとチャージする 同じ金額で. これらの理由のいずれかまたはすべてが、このリストに載っているときに考えることの価値があります。製品および設計支援は手頃な価格または無料です。専門的なものもあれば、汎用的なものもあります。すべてが上質なアイテムであり、そしてすべてが彼らのクラスで最高の中にあります。機会が待っています. 電子ブック UDXブック - あなたがUXデザインで仕事を探しているなら、または必要性を感じるならば あなたのキャリアを後押しする, UDXの本は実用的な情報の貴重な情報源です。あなたは先を見越す必要があることを教室で教えられていない、実社会のスキルについて読むことができます - 採用予定の雇用主が抵抗できない履歴書やポートフォリオを準備する方法を含む. 適応Webデザイン - プログレッシブエンハンスメントは、の哲学としてまとめることができます。 技術的な制約を受けることなくユーザーにコンテンツへのアクセスを許可する - つまり、あなたはブラウザではなくユーザーにサービスを提供しています。この本はあなたのウェブデザインにこの哲学を取り入れて、そして結果としてより良いウェブサイトかアプリを（ユーザーの観点から）築く方法を詳細に説明します. 景品...

私達の読者の間で最も人気のあるトピックの一つはあなたの新しいWindows VistaコンピュータにWindows XPをインストールすることです - 時々互換性の理由のために、しかしまた多くの人がVistaをあまり好きではないので. 人々が左右に走り続ける問題は、XPがインストールを開始し、「セットアップはあなたのコンピュータにハードディスクドライブがインストールされていることを見つけられなかった」というメッセージを受け取ることです。このエラーは、新しいコンピュータには、XPでは本来サポートされていないストレージコントローラ、通常はSATA（Serial ATA）コントローラが搭載されているために発生します。. あなたのコンピュータにフロッピードライブがない場合（もうこれはしていません）、スリップストリーミングと呼ばれるプロセスを使用してストレージドライバをXPインストールCDに統合する必要があります。. 言うまでもなく、これは高度なトピックですので、注意して進んでください。. カスタムXPインストールの作成 新しいXPインストールCDを作成するためにnLiteと呼ばれるソフトウェアを使用するので、まずそれをダウンロードしてインストールする必要があります。起動すると、Windowsのインストールを促されるので、[参照]ボタンをクリックします。. 最初に「Windowsインストール」のプロンプトが表示されます。これは実際にはXPインストールCDを意味します。それを見つけてインストールのルートを選択してから、「OK」をクリックして次のダイアログに進みます。. 次に、スリップストリーミングプロセス中に使用される一時ファイルを保存する場所を尋ねられます。私は新しいディレクトリを作成し、それをXPISOと名付けましたが、好きな場所にそれを置くことができます。新しいディレクトリを使うことをお勧めします。. nLiteは必要なファイルをすべてXPインストールから一時フォルダにコピーします。それが終わったら、あなたはそれがどのバージョンであるかについてのすべての情報を見るでしょう. この画面が表示されるまで[次へ]ボタンを押します。ここで、必要なオプションを選択できます。 「ドライバ」、「ブータブルISO」の順に選択します。. サイドノート：必要に応じて他のオプションを選択できます。 nLiteを使用すると、アップデートのバンドル、微調整の設定、またはインストールからのコンポーネントの自動削除が可能になりますが、これはすべてこの記事の範囲外です. ドライバを選択するための画面が表示されるまで、次のボタンを押します。 [挿入]ボタンをクリックすると、単一のドライバを追加するか、ドライバのフォルダを追加するかを選択できます。私たちはただ一つのドライバをロードすることになるので、あなたはそのオプションを選ぶことができます、しかしあなたは最初にXPのためのドライバを見つけることについて以下のセクションを読んだほうがいいかもしれません. ドライバファイルを抽出したディレクトリを参照して、[開く]を選択します。どちらの* .infファイルを選択してもかまいません。フォルダ内のすべてのファイルが選択されます。. nLiteはドライバの選択を促します。正確なモデルがわからない場合は、Vistaのデバイスマネージャを使用して正確なモデルを見つけることも、すべて選択することもできます。 32ビットを使用している場合、または間違ったOSバージョンを使用している場合は、64ビットドライバを選択しないように注意してください。. これらはXPに欠けている最も一般的なドライバなので、私はストレージとネットワークの両方のドライバを含めることをお勧めします. 次の画面に進んだら、ついにプロセスを終了できます。ここで直接CDを焼くか、あなたが持っているどんな焼くツールを使ってもCDに焼くことができるISOファイルを作成するためにCreate Imageを選ぶことができます. 注：ISOを作成することを選択した場合は、[次へ]をクリックする前に必ず[ISOの作成]ボタンを使用してください。. この時点でISOイメージをCDに焼き付けてから、XPのインストールプロセスを開始できます。. XP用のドライバの検索...

このヒントは誰にとっても役立つものではありませんが、専用サーバーを使用しているユーザーにとっては、サーバー上のセキュリティスキャナーから毎週送信されるこのエラーメッセージに精通しているでしょう。. 私が週に一度「ウォッチドッグ」から受け取るエラーEメールはこのように見えます： セキュリティスキャンによって次の警告が生成されました（フルスキャンログ）/var/log/rkhunter.logにあります。 [01:01:51] - セキュリティ勧告 --[01:01:52]警告：SSHバージョン1は許可されています! この問題を解決するには、sshdサービスのメイン設定ファイルであるsshd_configファイルを編集する必要があります。場所は異なる場合がありますが、通常は/ etc / ssh /にあります。 rootとしてログオンしている間にファイルを開く. 注意：注意してください、これを台無しにすると、もうサーバにSSH接続できなくなります… vi / etc / ssh / sshd_config ファイル内でこのセクションを見つけ、その中に「プロトコル」と書かれている行を含めます。問題は次のとおりです。sshdサービスにバージョン2のみを使用するように明示的に指示する必要があります。. #Port 22＃プロトコル2,1#ListenAddress 0.0.0.0#ListenAddress :: その行がコメントアウトされているか、その両方に2,1が含まれている場合は、次のようにする必要があります（他の行はそのままにします）。 プロトコル2 今度はsshdサービスを再起動する必要があります。 /etc/init.d/sshd...

写真のサイズ変更したコピーを作成するための優れたプログラムをお探しですか？それならEasy Thumbnailsはあなたがよく見るべきプログラムです。. セットアップ インストールはすばやく簡単です…最終インストールウィンドウでは、必要に応じてWindowsエクスプローラに「サムネイルの作成」ショートカットを追加することができます。. インストールが完了してEasy Thumbnailsを起動すると、これが表示されます。心配する必要のあるメニューやオプションはありません。ソフトウェアを使用するために必要なものはすべて、最初の2つのタブ領域にあります（非常に素晴らしい!）元の画像とプレビュー出力タブはいつでもアクセス可能です. [ファイル]タブを使用して、作業するファイルを選択します。新しく作成した写真をオリジナルと同じフォルダ/領域に配置したくない場合は、別の場所を指定することもできます. [設定]タブでは、作成するサイズ変更後の写真のサイズを指定します。ドロップダウンメニュー、JPEG画質の選択、写真補正の調整、写真の回転機能にも注目してください。. [バージョン情報]タブには、プログラムに関する基本情報、ヘルプファイルへのアクセス、簡単なクリックアンドゴーWebサイトボタンがあります。. NewsタブはFookes Softwareにニュースの更新を提供します… 設定を詳しく見る これがSettingsタブで利用可能なドロップダウンメニューのより詳細で詳細な外観です… サイズ変更メニューでは、「サイズ変更なし」、「最適」、「縮小」、「拡大」、「拡大」の中から選択できます。. アルゴリズムメニューには、選択可能な多くの選択肢があります。ニーズに最も適したアルゴリズムを選択してください。. [新しい名前]メニューでは、新しく作成した写真に使用する名前の変更方法を決定できます。 「自動検出」、「何も追加しない」、「プレフィックスを追加」、「サフィックスを追加」、および「名前の変更」から選択します。. 注意：元のファイルが上書きされないように、サフィックス、プレフィックス、または名前の変更を使用することをお勧めします。. 簡単に使えるサムネイル 物事を試してみる時間！この例では、非常に大きいアニメ画像を選択しました。ファイル名、ピクセル単位の画像サイズ、およびファイルサイズはすべてタイトルバーに表示されています。現時点では[元の画像]タブも表示されています…使用したいファイルをクリックして選択します. すぐに新しい画像を表示するために希望のサイズで入力した[設定]タブに移動します。 [プレビュー出力]タブには、元の画像のかなり小さいバージョンが表示されます。. 注意：写真の新しいサイズを計算する必要があります。. 新しい写真を作成するには、「作成」をクリックしてください。簡単サムネイルが終了すると、次のメッセージウィンドウが表示されます。それだけです。! 注意：バッチ処理を使用したい場合で、すべての写真が同じサイズの場合は、「すべて作成ボタン」を使用すると、短く簡単に作業できます。. デスクトップファイルの表示に戻って確認すると、サイズが縮小された新しい画像が表示されていることがわかります。. 結論 簡単なサムネイルはあなたの写真アプリのコレクションに素晴らしい追加をするでしょう良い信頼できる写真のサイズ変更プログラムです。. リンク集 簡単サムネイルをダウンロードする（バージョン3.0）...

ウェブサイトの所有者として、私はサイトが少なくとも誰にとっても許容できるように見えるようにするために、さまざまなブラウザをさまざまな解像度でチェックしています。私は本当にあまり良いWebデザイナーではないので、これは私にとって特に重要です。だから私はすべてをトリプルチェックしなければなりません. Sizerと呼ばれる小さなユーティリティがあります。これは私がこのタスクを簡単に達成するのを助け、そしてうまくいけば他の誰かを助けることができます. アプリケーションをダウンロードしてインストールして実行すると、ウィンドウのサイズを変更したときにツールチップが表示され、現在のサイズがわかります。. ウィンドウの隅を右クリックすると、ウィンドウをあらかじめ定義されたサイズにサイズ変更するオプションを簡単に選択できます。. ウィンドウが現在最大化されている場合は、最大化/復元ボタンを右クリックして同じメニューをポップアップ表示できます。 これらのサイズが私がしたようにやや制限していると感じた場合は、システムトレイのアイコンから設定を開き、必要なプリセットサイズを作成することができます。. 定義済みのサイズのいずれかを選択した後でウィンドウを画面の中央に配置する場合は、[移動先]ドロップダウンを[中央]に変更します。設定はプリセットごとに異なります。. これを使用してウィンドウを移動して場所を設定することもできます。たとえば、ウィンドウのサイズを一定の大きさに設定してから画面の一番右に移動するプリセットを1つ設定します。. このユーティリティはあまりメモリを消費しません。私のシステムでは1204 KBしかありません。. ちょっと便利なちょっとしたユーティリティ…チェックする価値がある. Sizerをbrianapps.netからダウンロードする

ハードドライブの容量が足りない場合は、ごみ箱のサイズを小さくすることを検討してください。デフォルトでは、Windows XPはご使用のハードドライブの10％をビン用に予約しています。 40GBのハードドライブでビンのサイズを1％に変更すると、最大3GBのスペースを節約できます。個々のドライブまたはそれらすべてをグローバルにサイズ変更できます。. 始める前に、まずビンを空にすることをお勧めします。 （もちろん、最初に何を空にしているのかを確認する必要があります。）これを適用する前、またはシステムの変更を適用する前に、復元ポイントを作成することもできます. ごみ箱アイコンを右クリックし、[プロパティ]を選択します。. ごみ箱のプロパティ画面から、すべてのドライブに同じサイズを設定して、ドライブを個別に設定するか、グローバルに設定するかを選択できます。ここでファイルをすぐに削除し、それらをごみ箱にまったく入れないように選択することもできます。私はそのオプションをお勧めしません. この例では、さまざまなサイズのドライブを複数持っているので、各ドライブを別々に設定することにします。各ドライブのタブを選択して、使用するスペースの割合に合わせてスライダを動かすだけです。. サイズ変更が終わったら、[適用]をクリックしてから[OK]をクリックします。. 選択したサイズはユーザー固有のものです。あなたはごみ箱のサイズを増やすか、それを完全にオフにすることができます。. 職場では、5ヶ月後に上司が必要とする重要なレポートを誤ってリサイクルしてしまった場合に備えて、設定をそのままにしておくことをお勧めします。あなたのファイルがまだごみ箱に残っているのであれば、あなたは簡単にそれを復元することができます。.