ホームページ » すべての記事 - ページ 1690

    すべての記事 - ページ 1690

    CSS3とHTML5を使ったスタイリッシュなレスポンシブフォームの作成
    CSS3を使用したコーディングは、フロントエンドWeb開発の状況を劇的に変えました。グラデーション、ドロップシャドウ、丸みを帯びた角を持つユニークなインターフェイスを構築する機会はもっとあります。これらすべての効果は、すべての主要Webブラウザで徐々に採用されつつあります。. このチュートリアルでは、これらの素晴らしいCSS3効果の多くを紹介します。私はいくつかの新しいHTML5入力タイプを使って簡単なWebフォームを作りました。レイアウト また敏感です;ウィンドウサイズが縮小されると適応します。この状況は、スマートフォンユーザーをサポートするWebフォームを構築するのに最適です。. ソースコードをチェックして、ファイル構造を順守できるかどうかを確認してください。また、これらの要素を自由にカスタマイズして自分のWebサイトにコピーしてください。. デモ ソースコードをダウンロードする フォーム構造を構築する はじめにメインファイルを作成しました index.html 2つの別々のスタイルシートと共に. style.css すべてのデフォルトセレクタを含みます。 respond.css さまざまなウィンドウサイズを処理します。私のDOCTYPEはHTML5で、フォーム全体をコンテナに包みました . この例は、CSS 3でコーディングしたときに現れる可能性がある効果のみを示しています。したがって、投稿用のスクリプトやユーザーをリダイレクトするための送信先はありません。以下の私のコードは最初のいくつかのフォーム要素のための開始入力タグを含みます. 最初のブロック領域はセクションタグで囲まれているので、レイアウトを並べて浮かべることができます。左側の列には、テキスト、電子メール、URL、電話番号のすべての入力が含まれています。携帯電話をタブで移動すると、モバイルキーボードの表示は入力タイプに応じて変わります。最近誰もが外出先で仕事をしているので、モバイル向けにこれらの機能をサポートするには十分な理由があります。. textarea要素はpageloadで定義されたプレースホルダーテキストを持つこともできます。これは、ユーザーがフィールドにテキストを入力すると消えるラベルと似ています。持ち越されていない属性は オートコンプリート テキストエリアは通常関連コンテンツを埋めないため. サイドバーコントロール ウィンドウ表示のサイズ変更に適切に対応できるようにこのフォームを作成したいと思いました。ウィンドウが一杯になると、両方の入力列が隣同士に移動します。しかし、幅を少し小さくすると、右側のサイドバーはメインコンテンツの下に落ちます。. これが私のサイドバー領域のHTMLです。 受取人: サイトスタッフ 編集長 技術部 広報 一般的なサポート...
    PDF(Portable Document Format)ファイルの作成 - 第1部
    PDFファイルを作成する方法はいくつかあります。このシリーズでは、それらを作成するための私のお気に入りの方法をいくつか説明します。私はまた、あなたがPDFを扱う方法でのあなたのフィードバックとそこにある多数のオフィスアプリケーション拡張を奨励します! OpenOfficeの最大の特徴は、ボタンをクリックするだけでWriter文書をPDF形式に変換できることでした。ただし、OpenOfficeをインストールしたくない場合は、オープンソースのPDF Creatorをインストールしてください。これは非常に便利なスタンドローンユーティリティです。. PDF Creatorを起動するだけでDocument Addに移動 エクスプローラが開いたら、「すべてのファイル」を探していることを確認してください。デフォルトはPostScriptファイルです。変換したい文書をダブルクリック. 次の確認ダイアログボックスが表示され、PDFCreatorをデフォルトプリンタとして一時的に設定する必要があることを確認します。もう一度確認しないようにチェックボックスをオンにし、[OK]をクリックします. 次に、文書に関する適切な情報を入力するためのダイアログボックスが表示されます。 PDFの結果をすぐに見たい場合は、チェックボックスをオンにしてデフォルトのPDFビューアを開きます。それからSaveをクリックします. 今すぐあなたがPDFとして文書を保存していることを確認してください そしてそれがあります。ご覧のとおり、デフォルトのビューアはFoxit Readerに設定されています。.
    カスタムMinecraftマップの作成
    シリーズの早い段階で、最初のクリエイティブモードとサバイバルモードのマップを作成しましたが、その後、バイオーム、クリーチャー、その他のMinecraftの経験のさまざまな側面について学ぶことにしました。今日は地図に戻ります。素晴らしいカスタムマップをシードして生成する方法を学びましょう. 学校のナビゲーションMinecraftをはじめよう新旧のコンピュータでMinecraftのパフォーマンスを向上させるMinecraftのバイオームに出会うMinecraftの構造を探るMinecraftの暴徒に会うMinecraftのゲームモードを探るサバイバルモードであなたの最初の夜を生き残るあなたの最初の地雷、装甲、そしてさらなる探査高度採鉱と魅惑の魔法私は農家です、あなたは農家です、私たちは農家ですすべてRedstoneによるエンジニアリングカスタムMinecraftマップの作成カスタムマップのダウンロードとインストールローカルマルチプレイヤースキンとカスタムプレイヤースキンの設定Minecraftマルチプレイヤーサーバーの探索 私たちの以前のレッスンでは、Minecraftがランダムにあなたのためにそれを生成することを可能にすることによってあなたに世界を創造させただけでした。この方法に問題はありませんが、作成プロセスを簡単に制御して、目的の機能を世界に含めることができます。. 個々のブロックはMinecraftの経験の最も基本的な要素であるかもしれませんがそれらのブロックがより大きな世界地図に集まる方法はあなたのプレイ経験を形作るものです。クリエイティブモードでは、プレイヤーは景観に触発されます。エクストリームヒルズバイオームの広大な山々が壮大な城の礎となり、森林が伐採キャンプを生み出し、砂漠の村を慎重に整形するとアラビアの物語からオアシスが生まれます。サバイバルモードでは、それらの同じバイオームは課題を提示し、すべて独自に報酬を与えます. ワールドジェネレータでサイコロを振るのは楽しいことですが、サイコロの世界で動けなくなるわけではありません。 Minecraftに組み込まれているツールだけを使用して、ゲーム内生成エンジンがどのような種類の世界を作成するかについて、かなりの量の制御を行うことができます。私たちが望む世界を創造するためにどのように種とプリセットを使うことができるかを見てみましょう。. 種子を使う あなたが世界の創造プロセスを指示することができる最初の方法は、地図の「種」の使用によるものです。あなたがあなたの種になりたいものを指定するためにゲーム内ツールを使うかどうかシードコード. Minecraftの世界は疑似乱数の種を使用して生成され、あなたが時間と欲求を持っていれば、同じ世界に二度遭遇することなくすべての生き生きとした長い一日の世界を創造することができます. 実際、面白いことに、シードを共有しなくても2人が同じ世界を持つことは偶然にも完全に同期されたコンピュータシステムのクロックを持っていて、まったく同じミリ秒で新しい世界を作成しようとしました。. Minecraftは、あなたがあなた自身のシードを提供しない場合、あなたのコンピュータのシステムクロックによって提供された時間を世界にシードするために使用します。これが、複製に遭遇することなく、あなたが世界を次々に世界を創造できる理由です(それぞれの世界を創造するためのタイムスタンプは異なるので)。世界のプールは無限に近いように見えますが、厳密に言えばシード長と生成アルゴリズムの限界により、可能な世界の合計は2 ^ 64乗(または18,446,744,073,709,551,616)に制限されます。本当に無限大ではありませんが、とても大きいので、新鮮な世界を使い果たすことを心配する必要はありません。. 膨大な数の可能な世界があるにもかかわらず、2人の人間がまったく同じ世界を持つことができないという意味ではありません。世界を生み出すために使用されたシードコードを共有すれば、彼らはできるのです。 「/」キーを押してコンソールメニューを表示し、「/ seed」と入力して次のような表示にすることで、あらゆる世界のシードを確認できます。 Minecraftの対応するバージョンで世界を創造し、その種を使用する他のプレイヤーは、私たちが立っているのとまったく同じ世界を持つことになります。洞窟、村、土、そしてすべて. その「対応するバージョン」ビットを強調してみましょう。 Minecraftのメジャーリリースには通常、世界世代のエンジンへの変更が含まれていますが、すべてのシードは常に動作しますが(それらはワールドを生成するという点で)、それらは生成しません。 同じ世界 バージョンが同じワールドジェネレーションアルゴリズムを使用しない限り。たとえば、Minecraft 1.6.2と1.6.4の間でシードを共有しても、通常はほぼ同じ結果が得られますが、1.6.2でクールなメガビレッジを生成したシードでは、再利用してもそのような結果は得られません。 1.7.9のためにそれ. シードシステムを使用すると、シードを友達と共有して楽しむことができ、またシードを共有することもできます。さらに、インターネット上で興味のある種​​を簡単に検索することもできます。. Minecraftのバージョン番号、「シード」という用語、および必要な機能を検索するだけで、通常はたくさんのシードが得られます。たとえば「Minecraft 1.7 Exposed Stronghold」を検索すると(表面近くにStrongholdがあり、探索する準備ができているマップが必要だったため)、Minecraftバージョン1.7.xで単純なシード「4」を使用するとすべてが得られることを示す複数の結果が得られました。私たちが切望する拠点の良さ. それではどのように我々は種子を適用しますか? 最初のレッスンと同じように、Minecraftのワールド作成画面を開きます。「Single...
    有益なオンラインマガジンの作成と運営、パートII
    この連載の第1回では、 オンラインマガジンの作成を始めるための基本的なアイデア. 含まれるトピックは以下のとおりです。 ニッチを選ぶ, 強力なブランドを築く, ライティングスキルの練習と 成長戦略を計画する. これからも続きますが、これから実行しなければならない管理活動のいくつかについてもう少し詳しく説明します。. 立ち上げ後、物事は速いペースでエキサイティングに思えるかもしれませんが、数週間以内に落ち着いて平凡になり始めます。, なぜ私も始めたのですか? これはこのプロセスの避けられない段階です。希望を失うことも、あなたの能力を疑うこともありません。起業家精神への情熱を握り、強力なブログ帝国を築くために突き進む! 書く、書く、書く! 書き出しは、発売後最初の数ヶ月の間に簡単に最も重要な作業です。雑誌の全体的な目的は、読者が興味を持つと思うコンテンツをホストすることであり、これは、コンテンツが少ない場合には困難になる可能性があります。. どんな仕事でも上達するための最善の方法は繰り返しです。. 楽しみのためだけに記事を書く練習をし、あなたの語彙や理解力を操作してください. それ以上の考えおよび参照のためのあなたの内容と関連しているポストが付いている同じようなブログか雑誌を点検しなさい。ドラフトをストレージに保存することの最もよい部分は、怠惰な日に遭遇したときに記事に頼ることができることです(そして私を信頼します, あなたはするであろう). 事前に5〜10の投稿を書くことで、予期しない事態が発生した場合に備えて、物資を補給することができます。これは家族の緊急事態、休日の休暇、または単に感じていない可能性があります “気分で” 書くために。ほとんどの出版物は時間枠を必要としないため、ブログのコンテンツは非常に拡張可能です。執筆のやり方で古くなることはないでしょう。 ではない ほとんどの産業の場合. 洞察力のあるメモを取ります 世界で最高の作家も素晴らしい読者です。結局、あなたが何も読んだことがない場合、どのようにあなたは何を書くべきか知っていますか?私は、過去の記事をオンラインで閲覧し、自分の知識の分野だけでなく、私の文章力も磨くことをポイントにしています。. あなたが読むのに1時間か2時間の休憩時間がかかる多くの場合、あなたは今まで見たことのない新しい単語やフレーズに出会うでしょう。これらは知恵の小さなナゲットであり、あなたはそれからあなた自身の芸術作品に渡すことができます. 私が特に有用な何かに遭遇したならば、私はそれを私のノートブックに書き留めておくことになるでしょう。これは多少創造性のキャッチャーなので採用するのに良い習慣です。あなたが思いついた良いアイデアや見出しは、将来の利用のために記録されるべきです。. 編集のための投資スペース あなたの書く作品は常に最高の口径にしてください。アイデアを作成して最終的に投稿を公開するまでのプロセスは長い道のりであり、2時間以内に行われるべきではありません。ですから、常に能力を高めるためにあなたの脳の活動をリフレッシュし、あなたのパフォーマンスを向上させるために休憩を取ってください。あなたがあなたの雑誌の編集長になったら、あらゆる種類の困難に遭遇することが期待されます。. あなたが毎日フォローできるライティングスケジュールを自分で設定してみてください。例えば、私は一般的に私が私の創造的なエネルギーの高さで振動している時から早朝に書くことを試みます。午後は休憩してリラックスしましょう。仕事関連の活動以外はほとんど何でも構いません。. 十分な休憩の後、私はその日のために私の作品に戻り、それらを全部全部読み直すつもりです。この間に、スペルミスの誤りを訂正し、不適切に構造化された文を変更します。一度記事を読み終えたら、もう一度読んでみましょう。すべてが上手くいったら、出版に移りましょう。....
    有益なオンラインマガジンの作成と運営、パートI
    デジタルテキストはインターネットメディアの未来です. 私たちは技術の進歩をさらに進めて新しい時代を迎えようとしています。今日の物理的な雑誌は、今後5 - 10年以内になくなるかもしれません。雑誌は急速に連続してオンラインで動いています. 私たちのすべての情報がデジタルで保存されている世界を想像するのは困難です。グリーンをリサイクルして節約するという考えは日によって強くなっています。これが、オンラインマガジンが完璧に理にかなっている理由です. この2部構成のシリーズでは、私たちはあなた自身のオンラインマガジンを立ち上げる際に取るためのベストアクションのいくつかを調べます。この最初のセクションでは、創造的なアイデアを表現する理由とデジタルコンテンツの基本的な構成要素について説明する方法について説明します。パートIIは雑誌のスタートアップのより重い責任に焦点を当てます。これには、一貫した記事の作成、マーケティング、およびスキルセットの大規模管理への拡張が含まれます。. 時間がかかり、汗と血がたくさんかかります。何ヶ月もの精神的労働の後の最終結果は、説明することが考えられない方法で成果を上げるでしょう. あなたの主な目標を揃える 雑誌を立ち上げることを検討する前に、目標を設定する必要があります。発売から何を達成したいですか?最終的な結果は一般的に平和に暮らすのに十分な大きさの利益ですが、もっと多くなければなりません。あなたの本当の情熱は何ですか?どのような活動において、あなたはあなたの興味と好奇心の大部分を引き出すのですか。? 難しいかもしれませんが、10分間座って、雑誌を起動した結果として何が起きるのかリストを作成します。多分あなたは単にあなたの仕事を辞めて自分のために働くことを望みます。もう一つの可能​​性はあなたの雑誌にあなたの雑誌の作品の簡単な説明を加えることです?????©sumÃ??? ???©または履歴書. あなたはお金に全く興味がないかもしれません。人気と経験は今日の世界ではるかに行くことができます。デジタル雑誌を経営している最も人気のある起業家は、彼らが重い利益を享受したいと思ったので始められませんでした。彼らは自分の名前を公開し、一般の人々によく知られた興味を引くという考えの下でブログを始めました。. あなたが「ニッチ」とも呼ばれるサイトの選択のトピックに一般的な関心を持っているという理由だけで書くために同じような目標を持っているかもしれません. あなたの雑誌のニッチを定義する 書くためのニッチを決定することは必ずしも簡単ではありませんが、それは一部の人にとっては簡単になるかもしれません。ニッチは単にあなたの雑誌が焦点を当てることになるトピックです。あなたは、ファッション、デジタルトレンド、ビジネス、ゲーム、またはその他のトピックについて書くことにするかもしれません。. あなたが雑誌を立ち上げてそれについての記事を書くのにトピックに十分な深い関心を抱いているならば、他の人々が読むことに興味を持っていることはオッズが良いことです。あなたの市場規模が小さすぎても大きすぎても心配しないでください。あなたの主な関心事はコンテンツにあります. 書くことをたくさんする ほとんどのデジタル雑誌の最も重要な問題は、コンテンツの不足です。多くの人が自分たちのサイトを立ち上げ、最終的にプロセスに飽きさせて完全にあきらめる前に3、4ヶ月間走ることを熱望するでしょう。. あなたがそのトピックについてすでに持っている知識の量は無関係です。ボタンをクリックするだけで1時間の時間で利用可能な非常に多くの情報であなたの知識を調査し、成長させるのに十分です。真の定義要因は、 情熱的な あなたはこれらのトピックを研究しそれらについて書くことです. あなたが情熱に欠けているならば、それはあなたの文章を通してそれ自身を照らすでしょう。長距離のためにそこにいるニッチを選ぶときそれがあなたが本当に興味を失っているのを見ることができないトピックであることを確認してください。始めるための良い方法はあなたのトップ2または3トピックにリストを限定することです. あなたが各トピックのために書くことができる20-40記事の見出しのサブリストを作成することによってこれをフォローしてください。あなたが確実に20の潜在的な見出しさえ見つけることができないならば、あなたはそれがあなたの最良の選択ではないと知っています。このアクティビティは、2つの要素で構成されています。ニッチを定義するのに役立つだけでなく、20以上の記事を書くための優れた出発点にもなります。. 成長戦略を計画する デジタルマガジンを立ち上げるのに不可欠なのは、どのように読者を獲得しているかを理解することです。 "それを構築し、彼らが来る"という古い格言は、この意味では本当にうまくいきません。小さなマーケティング戦略は、ほんの数ヶ月のうちに大いに役立ちます。. グーグルは始めるのに最適な場所です。あなたのニッチに関連する同様のコミュニティを調べて、彼らのユーザベースをチェックしてください。フォーラムやネットワークにアカウントを登録して、同じような興味を持つ新しい連絡先に会うことを検討することもできます。. これらのコミュニティは、ネットワーキングを始め、小さな支持者を輩出するのに最適な場所ですが、あなたの雑誌のために書いても構わないと思っている人々を見つけるかもしれません。それは毎日新しい記事に追いつくのに飽きることがあります。何日か記入するのに似たような興味のある他の人がいるのを知っていることはリラックスした心の安らぎを生み出すでしょう. ソーシャルメディアの活用 DiggやStumbleUponなどのWebサイトでは、こいつが簡単に売り込み、小さなフォロワーを増やすことができました。人気のあるソーシャルニュースや共有Webサイトのすべてに自分用のアカウントを作成します。テストを実施し、マーケティングの可能性に注目している人がいるかどうかを確認します....
    CSS3アニメーションを使った高度な「マーキー」の作成
    この記事は私たちの一部です 「HTML 5 / CSS 3チュートリアルシリーズ」 - あなたをより良いデザイナーや開発者にするためのお手伝いをします. ここをクリック 同じシリーズの他の記事を見る. 今日は見てみるつもりです “マーキー” もう一度。我々は実際にそれについての話をした前回の記事でそれについてカバーしてきました。 -ウェブキットマーキー しかし、今回はこの話題をもう少し詳しく説明します。. この記事では、 マーキー風 CSS3アニメーションを使用した効果。そのようにして私たちは、それだけでは達成できなかったより多くの機能を追加することができるでしょう。 -ウェブキットマーキー. CSS3 Animationモジュールに慣れていない限り、このドキュメントを読む前に次の参考文献を見ておくことをお勧めします。 CSS3アニメーション - W3School CSSアニメーション - Mozilla Dev。ネットワーク また、現時点では、CSS3アニメーションはFirefox 8以降、Chrome...
    jQuery UI Sliderを使ってボリュームコントローラを作成する
    あなたが景品ハンターなら、あなたはPSDユーザーインターフェース(UI)をたくさんダウンロードしている可能性があります。そのうちのいくつかは本当に素晴らしいですし、私たちが取り組んでいたデザインをプロトタイピングすることによって私たちの時間を節約することができます. この記事では、PSD UIをコーディングして、それをより機能的なものにします。次のPSD UI SliderをjQuery UI Sliderテーマとして適用するようにコーディングします。. しかしながら, 注意してください このチュートリアルは 中級 経験のそうは言っても、CSSとjQueryにかなり慣れている限り、それはまだ比較的従うのが簡単です。. それでは始めましょう. ステップ1:jQueryのUI 私たちは明らかにjQueryとjQuery UI Libraryを必要としており、それらを利用するには2つの選択肢があります。まず、Google Ajax API CDN、Microsoft CDN、およびjQuery CDNの2つのCDNからjQueryとjQuery UIを直接リンクできます。サイトをオンラインにするときにホスト型CDNファイルを使用することには多くの利点があります。. しかし、オフラインで作業するだけなので、 二番目 代わりに道. 公式ダウンロードページからjQuery UIライブラリをダウンロードしてカスタマイズします。 Sliderプラグインだけが必要なので、Sliderライブラリとその依存関係だけを選択し、他のものは残します。そうすれば、私たちが使用するファイルはずっとスリムになり、より速くロードすることができます。その後、できればページの一番下か、閉じる前に、それらすべてのライブラリをHTMLドキュメントにリンクしてください。 正確にタグ付け....
    段ボール効果ログインフォームを作成する
    この記事は私たちの一部です 「HTML 5 / CSS 3チュートリアルシリーズ」 - あなたをより良いデザイナーや開発者にするためのお手伝いをします. ここをクリック 同じシリーズの他の記事を見る. ログインフォームは、あらゆる動的Webサイトに不可欠な要素です。それらは、Webサイトユーザーが制限されたコンテンツにアクセスするためのメカニズムを提供します。このチュートリアルでは、テキストシャドウ、ボックスシャドウ、線形グラデーション、トランジションなど、CSS3の機能の多くを調べて、積み重ねた紙を使ったシンプルでエレガントなログインフォームを作成します。. 上の画像は、これから作成するログインフォームのプレビューを示しています。に飛び込む準備はできましたか?始めましょう! 1.基本的なHTMLマークアップ 使用するHTMLマークアップは非常に単純です。HTML5Doctype宣言の後、次のようになります。 そして タグ以内 タグ、我々は持っています 'stacked'のクラスを持つタグ。この tagは、コンテンツボックスの幅を定義し、それをページの中央に揃えるために使用されます。また、CSSを使用してこのタグをターゲットとするためにこのタグのクラス名を使用します。 A タグが続きます タグ。 formタグはデモンストレーションの目的でのみ使用されるため、 'action'属性には有効な値がありません。フォームフィールド内には、電子メールとパスワードのラベルの宣言と入力フィールドがあり、その後に送信ボタンが続きます。ここで注意すべき重要な点は、 'email'というタイプの入力フィールドを使用したということです。これはHTML5宣言によって私たちに提供されており、古いブラウザでは通常のテキスト入力フィールドに適切に低下します。. これがHTMLマークアップ全体です。 簡単なログインフォーム ログイン Eメール パスワード...