コーディング - ページ 6

あなたはWeb開発者ですか、それともWebサイト所有者ですか？あなたのサイトは、WordPress、Drupal、Joomla、MagentoなどのPHP対応のCMS上で動作しますか？それから私はあなたのために良いニュースがあります：新機能の完全なベータ版 PHP 7が最近リリースされました. 7.0.0メジャーリリースには非常に多くの素晴らしい機能が含まれているので、投稿全体を捧げることにしました。しかし、最初に、私たちはいくつかの注意をスライドさせる必要があります. PHP 7はまだ開発段階にあるので注意してください。 本番では使用しないでください 11月まで 最終版 リリースされます。将来のユーザーとして開発プロセスから公正なシェアを得たい場合は、最新のベータ版をダウンロードし、テスト環境でそれを試して、テスト中に発見したバグを報告することで手助けすることができます。次のベータ版がいつ出るのかを知るために、これがプロジェクトの予定表です。. 邪魔にならないように、PHP 7をチェックしましょう。. 1.名前のPHP 7（6ではない） 現在の安定版リリースはバージョン番号PHP 5.6を使用しています。議論の末、開発チ​​ームは次のメジャーリリースではPHP 6の名前を省略することにしました。 PHP 6はすでに実験的プロジェクトとして過去に存在していましたが、実運用段階には達していません. ユーザーが以前の試みと最新の開発を混同しないようにするために、新しいメジャーリリースはPHP 7という名前で実行されます。. 画像：ソフトウェア開発時間2.ブランドスパンキングニューゼンドエンジン Zendエンジンは、当時の新しいPHP 4リリースで導入された1999年以来、PHPを強化してきました。 Zendは、Zend Frameworkと混同しないために、PHP言語を解釈するC言語で書かれたオープンソースの実行エンジンです。現在のPHP 5.Xシリーズの使用 Zend Engine II...

実際にはめったに使用されないと思われるCSSセレクターまたはプロパティがいくつかありますが、実際にはCSS 1の時代から存在していました。いくつかの彼らは含まれています ：一行目 そして ：最初の一文字 ペスド要素. 使い方? これらの擬似要素は基本的に、その兄弟、 - ：beforeと：after - に似た働きをします、そして私もそれらが非常に簡単であると思います。の ：最初の一文字 選択した要素の最初の文字または文字をターゲットにします。 疑似要素 ドロップキャップのような文字体裁効果を作成するためによく使用されます。これがどのように行われるかです。. p：最初の文字フォントサイズ：50ピクセル; このコードは次のようになります。. 注意すべき点がいくつかありますが、この効果は最初の文字の前に別の要素、たとえば画像がない場合にのみ適用されます。また、同じターゲット要素が連続している場合は、それらすべても影響を受けます。. さらに、 ：一行目, この 疑似要素 以下の例は、段落の最初の行を太字にする方法を示しています。. p：1行目フォントの太さ：太字。 の前置きコードのように ：最初の一文字, これは、ページ内にある段落要素の最初の行すべてにも影響します。. そのため、実際には、ドロップキャップを追加したり、最初の行を変更したりする場合が一般的です。 のみ...

プログラミング言語が オブジェクトについて, 最初に学ぶ必要があるのは オブジェクトを作成する方法. JavaScriptでオブジェクトを作成するのはとても簡単です。 一対の中括弧 仕事はしますが、それはです 唯一の方法でもない オブジェクトを作成する また唯一の方法 あなたが使う必要があるでしょう. JavaScriptでは、オブジェクトインスタンスは 組み込みオブジェクトから作成されたもの プログラムが実行されているときに存在するようになります。例えば, 日付 日付に関する情報を提供する組み込みオブジェクトです。現在の日付をページに表示したい場合は、 のランタイムインスタンスが必要 日付 それは現在の日付についての情報を運びます. JavaScriptはまた私達を可能にします 自分のオブジェクトを定義する 実行時に独自のオブジェクトインスタンスを生成できます。 JavaScriptで, すべてがオブジェクトです そしてすべてのオブジェクトは 究極の先祖 呼ばれる 対象. オブジェクトインスタンスの作成はと呼ばれます インスタンス化....

を使う CSSグリッドレイアウトモジュール Webデザインでは、より多くのブラウザが登場するにつれて、ますます実現可能になります。 それを支える. グリッドセルを埋めるレイアウトを作成している間に、もっと複雑なことを達成したい場合があるかもしれません。. たとえば、 少し動き回る いくつかのグリッド項目は、それらのグリッド領域で立ち往生していました。あなたもしたいかもしれません それらをグリッドコンテナから移動します （オーバーフロー）、または お互いに （オーバーラップ）、または単に...周りの空きスペースに. だから、この記事では、私はあなたができる方法を紹介します グリッド項目の移動、順序付け、オーバーフロー、オーバーラップ、およびサイズ変更 CSSグリッドレイアウトモジュールを使用するとき. CSSグリッドを作成する まず、簡単なCSSグリッドを作成しましょう。 1行3列. HTMLでは、グリッドコンテナが配置されたdivの束を作成します。 3つのグリッド項目を含みます. CSSでは、グリッドコンテナ 持っています 表示：グリッド。 財産 グリッド項目 持ってる グリッドエリア グリッド項目領域の名前を識別する. 私達も を追加...

以前のjQuery Mobileチュートリアルでは、基礎となるフレームワークの多くと最初のWebサイトの設定方法について紹介しました。 JSライブラリは軽量で、学習が難しいという点ではピックアップが簡単です。ファイルには汎用のCSSスタイルシートも含まれているので、レイアウト内の要素をさらにカスタマイズできます。. この2番目のセグメントでは、このjQuery Mobileテーマのアイデアをさらに深く掘り下げてみたいと思います。デザイン業界全体がjQMによって革命を起こし、モバイルテンプレートをゼロから構築するプロセスが大幅に改善されました。 jQuery Mobileは単なるスクリプトライブラリではなく、効率的なモバイルテンプレートを構築して作成するための完全な基盤となるフレームワークです。. デフォルトのスタイルシートの内容 どのタイプのCSSコードがデフォルトファイルに含まれているのかを明確にすることから始めます。 jQM 1.0のスタイルシートは2つの主なセグメントに分割されました - 構造 そして テーマ. 構造体コードは、ほとんど無視できるものです。これは、マージン、パディング、高さ/幅、フォントのバリエーション、および他の多くのブラウザのデフォルトを設定するために使用されます。内部テーマはA-Eから分割され、それぞれがデザインのさまざまな視覚効果を制御します。これには背景色、グラデーション、ドロップシャドウなどが含まれます。. これらの内部テーマ要素はそれぞれ、次のように表すこともできます。 見本. モバイルテンプレートを作成するとき、あなたは一般的に単一のテーマに固執するでしょう。しかし、ほとんどすべてのシナリオで、異なる配色でデザインを改良することができます。デフォルトのスタイルシートにはスウォッチA〜Eしか含まれていませんが、スウォッチF〜Zを作成してテーマライブラリにさらに21の選択肢を追加することができます。これらの用語をもう一度明確にするために テーマ 最大26種類の異なるCSSファイルを1つのCSSファイルとして扱うことができます。 見本 ラベルA-Z. スタイルを切り替える スウォッチを指定しない場合、jQuery MobileはデフォルトでスウォッチAを使います。あなたがまだjQuery Mobileのドキュメントが多くの内部関数のためにHTML5データ属性を利用していることに気づいていなかったなら。その1つに、data-theme属性を介してスウォッチを変更することが含まれています。以下の私のコード例をチェックして、私が何を意味するのかを確かめてください。. デフォルトのjQMページ ここにいくつかの内部コンテンツがあります. ルートページdivにdata-theme属性を配置したことに注目してください。これは、新しいスウォッチカラーが、ヘッダー領域とコンテンツ領域の両方を含む内部のすべてに影響を与えることを意味します。私はさらに含めることができます...

スマートフォンは現在、いくつかの非常に効率的なWebブラウザを装備しています。 JavaScriptはこれまで以上に強力であり、jQueryなどのコードライブラリを利用して拡張することができます。最新のHTML5 / CSS3仕様を追加すると、いくつかの基本的なフロントエンドコードを使って非常に見栄えのするモバイルWebアプリケーションを構築することができます。. このチュートリアルでは、モバイルベースのWebサイト/ Webアプリケーションを作成する方法を説明します。特定のデバイスと画面の解像度をターゲットにするためにCSS3メディアクエリを使用します。プラスjQueryの少しはメニューを活気づけ、Ajaxの呼出しを使用して外的なページの内容を荷を積むのを助ける。さらに良いことに、ChromeやFirefoxなどの通常のデスクトップブラウザではレイアウトが適切に表示されるように拡張することさえ可能です。. ライブデモ ソースコード ページ構造の定義 まずHTMLページを見て、CSSルールを使ってスタイルを設定しましょう。ヘッダー内の変わったメタタグは、Webアプリケーションには直接影響しないので、ほとんどスキップします。しかし、私が言及すべきことがいくつかあります。すなわち、以下のスニペットからです。 X-UA互換 特定のブラウザで文書をどのようにレンダリングするかを説明するために使用されます。 HTML5でコーディングするときはおもしろいシナリオなので、これについてあまり気にする必要はありません。しかしメタ ビューポート タグはとても重要です。標準のズーム効果ではなく、モバイルブラウザのウィンドウを100％に設定します。. content値でユーザーズームを無効にすることも可能です。 user-scalable = no. しかしこの場合、フルスクリーンの幅をデバイスの幅と同じにしたいだけです。アップルのWebアプリタグを使用すると、WebサイトをホームスクリーンのアイコンとしてiPhoneまたはiPod Touchに保存できます。必ずしも必要ではありませんが、確かに持つ価値があります. 内部の内容 bodyタグの内側にIDを持つラッパーdivを設定しました #w. 内部私はIDを使用してレイアウトをさらに2つのdivに分割しました #pagebody そして #navmenu. レイアウト全体が厳密な数になるように、ページ全体の幅は選択によって640ピクセルに制限されています。. 香港モバイル...

過去2〜3年の間に、モバイルWebサイトに対するブラウザとOSのサポートが飛躍的に向上しました。最も注目に値するのは、AppleのiOSとGoogleのAndroidプラットフォームです。しかし、PalmOSやBlackberryなどの他の企業はまだ混在しています。最近まで、単一のモバイルテーマをこれらすべてのプラットフォームに合わせることは非常に困難でした。. JavaScriptが始まりましたが、これまで真に統一されたライブラリはありませんでした。 jQuery Mobileは、jQueryのすべての優れた機能を利用し、それらをモバイルベースのWebソースに移植します。このライブラリは、アニメーション、トランジション効果、および基本的なHTML要素の自動CSSスタイルを含むフレームワークのようなものです。このガイドでは、自分のjQueryモバイルアプリを快適に設計できるようにプラットフォームを紹介したいと思います。. 機能とOSサポート 私が他のどのフレームワークよりもjQuery Mobileを学ぶことを提案する理由は単純さです。コードはjQueryコア上に構築されており、開発者の活発なチームがスクリプトを書いてバグを編集しています。多くの機能のうち、HTML 5のサポート、Ajaxを利用したナビゲーションリンク、そしてタッチ/スワイプイベントハンドラ. サポートは電話によって異なり、A-Cの3つのカテゴリの表に分けられます。 AはjQuery Mobileのフルサポートを誇る最上位層です。BはAjaxを除くすべての機能を備えていますが、Cは基本的なHTMLでほとんどJavaScriptがないHTMLです。幸いなことに、人気のあるオペレーティングシステムのほとんどは完全にサポートされています - 私は以下にいくつかの例のリストを追加しました. アップルiOS 3-5 Android 2.1、2.2、2.3 Windows Phone 7 ブラックベリー6.0、ブラックベリー7 Palm WebOS 1.4-2.0、3.0 もっと学びたいのなら、公式文書ページを読んでみてください。それはちんぷんかんぷんと書かれていないし、実際に従うことは非常に簡単に感じる。それでは、jQueryモバイルページを作成するための基本と、小さなアプリケーションを作成する方法に注目しましょう。! 標準HTMLテンプレート あなたの最初のモバイルアプリを動かすためには、あなたが最初にすべきセットテンプレートがあります。これには、jQuery CDNから外部でホストされている、モバイルJSおよびCSSとともにjQueryベースコードが含まれます。下記の私の例のコードをチェックしてください. 基本的な携帯アプリ ここで唯一の外部要素は2つのメタタグであるべきです。トップ...

これまでになく簡単になりました 任意のWebサイトにAjaxを追加する. 実際、Webサイト全体を構築することはかなり一般的です Ajaxリクエストを基にしています 呼ばれる シングルページアプリ（またはSPA）. ただし、これには常に少しのjQueryといくつかの技術的な問題が必要でした。 ページコンテンツを更新する. いくつか必要なだけ 基本的なAjax機能 あなたが使用することができます intercooler.js これをHTMLに取り入れる. Intercoolerを使うと、以下のようなHTML属性を書くことができます。 AjaxリクエストURLをネイティブに含む. ユーザーが特定のリンクをクリックすると、あなたはそれを指示することができます Ajaxリクエストが実行されます 通常のクリック操作の代わりに. このすべて HTML5のdata- *属性に依存しています といった ic-post-to. この属性をボタンやアンカーリンクに追加すれば、 自動的にjQueryに接続する Ajax POSTリクエストの場合. 実際にページがあります これらの属性がいっぱい プラグインWebサイトで。これは少しです...