コーディング - ページ 3

この記事では見ていくつもりです CSSの作成方法は何ですか, いくつかのよく知られた方法論、そしてそれらが私たちのCSSコードを最適化するのに私たちにとってどのように役立つことができるか。ボールを転がすための最も簡単な質問から始めましょう。方法論とは? 方法論は 方法のシステム. 私たちが望む結果を達成するために物事を行うという事前設定された方法で、体系的に何かをする単純な方法として方法を考えてください。. より良い結果を得るために, 計画を立てることで方法を改善します, 順序を変更し、ステップを単純化する - うまくいくものは何でも もっと早く そしてもっと 効率的. CSSメソドロジー それではCSS方法論について話しましょう。 CSSを書く方法もあります。リセットCSSを最初に書くもの、レイアウトスタイルを最後に置くもの、要素のスタイルを設定するための2〜3クラスで始まるもの、またはCSSコードをすべて単一ファイル. 私たちの好ましい方法は、時間の経過とともに私たち自身で確立されているか、他の人によって影響されているか、あるいは私たちの職場で必要とされているか、または上記のすべてのためです。しかし時間が経つにつれて、CSSのベテランは定式化しました CSSを書くための方法論 それはもっと 柔軟、定義済み、再利用可能、わかりやすい そして 扱いやすい. これらの定式化された方法論を見ていきます。 OOCSS（オブジェクト指向CSS） BEM（ブロック、要素、修飾子） ACSS（アトミックCSS） SMACSS（CSS用のスケーラブルでモジュラーなアーキテクチャー） 注意以下の概念は、これらの方法論と同じ名前と概念を持つ可能性のあるフレームワーク、ライブラリ、またはツールと混同しないでください。この記事はCSSを書くための方法論についてだけです. 1....

オープンソース jQueryライブラリ 何年もの間Web開発を支配してきました。 JavaScriptの最も信頼できるリソースの1つですが、 町の新しい図書館 呼ばれる 傘JS. 傘も 完全オープンソース そして 同じ機能の多くを提供しています 要素セレクター、DOM操作、およびAJAX要求を含む. Umbrella JSは、以下を除いてjQueryとほとんど同じように機能します。 異なる構文と関数呼び出し. 傘がjQueryに近いのであれば, 利点は何ですか それを使用することの? えーと、アンブレラは jQueryよりずっと小さいライブラリ そしてそれは DOM操作のみ. そして正直なところ、このライブラリは 超コンパクト jQueryと比べると. 完全なUmbrella.jsライブラリは 約4KBの縮小されていない. jQueryの最新バージョン 合計250KB以上! あなたが探しているのであれば...

ゲッター そして セッター に使用される機能またはメソッドです。 取得する そして セット 変数の値. ゲッターセッターの概念は コンピュータプログラミングに共通：ほとんどすべての高級プログラミング言語には、JavaSciptを含む、ゲッターとセッターを実装するための一連の構文が付属しています。. この記事では、セッターとは何か、そしてどのようにするのかを見ていきます。 JavaScriptでそれらを作成して使用する. ゲッターセッターとカプセル化 ゲッターとセッターのアイデアは常に言及されています カプセル化と組み合わせて. カプセル化は 二つの方法で理解. まず、それはの設定です。 データゲッターセッター そのデータにアクセスして変更するトリオ。この定義は、検証などのいくつかの操作を実行する必要がある場合に役立ちます。 データに対して実行 それを保存または表示する前に - ゲッターとセッターはそれのための完全な家を提供します. 次に、どちらのカプセル化が行われるのかに応じて、より厳密な定義があります。 データを隠す, 他のコードからアクセスできないようにする, ゲッターとセッターを除く. このようにして私達は終わらない 誤って重要なデータを上書きする...

近年、数多くの一般的なオープンソースプロジェクトがリリースされています。コンテンツ管理システムは、他のオープンソースソリューションよりもはるかに多くのものを提供できます。これらのプロジェクトは、平均的なウェブマスターに、ごくわずかな技術的なプログラミング知識で、自分のウェブサイトをインストールして立ち上げる能力を与えます。. この記事では、フォークCMSを介してあなたを連れて行きたいです。これはまだPHP / MySQL CMSアプリケーションの分野では新人です。しかし、私はフォークがWordPressが取り残したたくさんの弛みを取り上げると主張するでしょう。もちろん、WordPressも一連のメジャーアップデートを経て、巨大なWeb開発会社の後を追っています。しかし、代替のオープンソースPHPソリューションを探しているなら、Forkは間違いなく注目に値するでしょう。. フォークの紹介 インストールする前に、現在のバージョンのFork CMSとWordPressの違いをいくつか共有したいと思います。最も直接的な違いは、フォークはあなたのウェブサイト上のサブディレクトリ内にインストールすることができないということです。テストのためにはルートドメインかある種のサブドメインにインストールする必要があります（例：. forkcms.hongkiat.com）これは将来のリリースで更新されるかもしれませんが、この記事の時点では、サブドメインは立ち入り禁止です。. 考慮すべきもう1つの重要なアイデアは、Fork CMSが行うことです。 ではない WordPressの足跡をたどる。 WPはもともと主流のCMSとして支持を得たブログシステムとして作成されました。しかし、Forkは主に、ブログ、ページ、ユーザーなどの追加モジュールを含むCMSとして起動されました。. 経験は全く異なり、確かにシステムはWordPressほど厳格なテストを経ていません。初期の採用者は、私がこれまでに遭遇したことではなく、いくつかのバグをキャッチするかもしれません。あなたがオンラインウェブログのためだけにForkを使うことができるけれども、それが本当のCMSのようによりふるまうモジュールのコアのまわりで造られることをちょうど覚えておいてください. 最初のインストール それではスクリプトに飛び乗ってコピーをインストールしましょう。ダウンロードページにアクセスすると、.zipファイルが自動的に起動します。内容はWordPressのコアファイルよりも大きくない約10MBに抽出されます。. このインストールプロセスの爽快な部分の1つは、ファイルをサーバーにアップロードする前にファイルの名前を変更したり編集したりする必要がないということです。 Fork CMSのインストールプロセスはすべてバックエンドで行われます。あなたがする必要がある唯一の事はrootユーザーで接続されたMySQLデータベースをセットアップすることです。次に、すべてのコアファイルをあなたのサーバーにFTPで転送し、URLにアクセスしてインストールプロセスを開始します。. テスト用のサーバがない場合は、000Webhostが無料のサブドメインとPHP / MySQLホスティングを提供しますが、一般的にはサーバリソースとしては最高品質ではありません。したがって、自分のプライベートWebホスティングアカウントまたはローカルでテストできます。あなたのコンピュータ. 総括 すべてのファイルがアップロードされたら、ドメインに移動するとインストールページにリダイレクトされます。最初にスクリプトはサーバーの設定をチェックしてどの機能が利用できないかを判断します。これは基本的にファイルのパーミッションとあなたのphp.iniファイル内の設定をチェックします. いくつかの軽微なエラーがあっても “とにかくインストール” 最初のステージに移動するためのボタン。 Forkは多言語サポートと多種多様な翻訳オプションで有名です。 1つの言語パックのみでWebサイトを運営する予定の場合は、これらのオプションをすべてそのままにしておくことができます。....

JavaScriptのショートハンド コーディングプロセスをスピードアップするだけでなく、スクリプトを短くすることで、 より速いページロード. 速記コードは、その速記コードと同じくらい有効です。彼らは本質的に 同じことを表す-よりコンパクトなフォーマットでのみ。それらは最も単純なコード最適化手法の1つです。. JavaScriptの短所がいくつかありますが、それらは 公式のリファレンスガイドはありません. なかには単純なものもあれば、経験豊富な開発者にとっても非常に威圧的なものもあります。この記事では、見つけることができます 初心者のための10のJavaScriptショートハンド これでコードの最適化から始めて、より簡潔なコードを書くことができます。. 1. 10進数 定期的に 大きな小数を扱う あなたはもうすべてのゼロをタイプアウトする必要がないので、この速記は善意であることができます、ただそれらをそれらに取り替えてください e 表記法例えば, 1e8 の後に8個のゼロを追加することを意味します。 1 桁、それはに等しい 100000000. 手紙の後の数字 e ゼロの数を示します 前の数字の後に来る e. 同様に, 16e4 の省略形です...

Dreamweaver、Coda、Textmateなどのプロフェッショナルなコードエディタでは、Windowのメモ帳のようなより単純なコードエディタを忘れている人が増えているのも当然のことです。私たちは、より単純であることが最善の選択肢を意味するわけではないことを理解しています、しかしあなたが必要とするものにちょうど合うかもしれないより単純でプロフェッショナルなコードエディタがあります! これらは私が（追加のボーナスで）ゼロドルのための最高の強打であるとわかったものです。あなたの個人的なお気に入りをコメント欄にシェアしてください。. 1.メモ帳 ++ Notepad ++はオリジナルのNotepadプログラム（Windowsに付属）のオープンソースに代わるもので、いくつかの言語をサポートしています。 Microsoft Windows用に構築されていますが、Linux、Unix、BSD、およびMac OS X（Wineを使用）上でも実行できます。 Notepad ++を起動するとすぐに、元のNotepadとの違いに気付くでしょう。プラグインのサポート、タブ編集、ドラッグアンドドロップ、画面分割編集、同期スクロール、スペルチェッカー（含まれているプラ​​グインによる）、複数のドキュメントの検索と置換、ファイル比較、ズームなどの追加のボタンや機能がたくさんあります。 「Notepadd ++は、48のプログラミング言語、スクリプティング言語、およびマークアップ言語のための構文強調表示および構文折りたたみをサポートしています」（ソース）. ウェブサイトが説明しているように、プログラムはC ++で書かれており、より速い実行速度とより小さいプログラムサイズを保証する純粋なWin32 APIとSTLを使用しています。 Notepadd ++をデフォルトのテキストエディタにする方法を学びたい場合は、ここに説明があります。. 長所 軽量ですぐに発売 タブ付き編集インターフェース プラグインサポートとマクロ ブックマークを追加する機能 ドラッグアンドドロップのサポート 複数の文書にわたる検索と置換 フルスクリーンモード システムトレイに最小化 カスタマイズ可能なインターフェース用のスタイルコンフィギュレータ 構文と中括弧の強調表示...

HTML文書をその場で作成する, JavaScriptの有無にかかわらず、時には必要です。確認ページまたはページ全体を含むiframeを表示することが目的であるかどうか。文書が非常に単純であれば、簡単に表示できます。 データURLまたはJavaScriptのいずれかを組み合わせて配信する. しかし、あなたはそれについてどう思いますか？ JavaScriptを使ってHTMLをドキュメントに追加する方法はすでに知っていると思いますが、 HTML文書全体を作成する? 私が以下に示すいくつかの方法に興味があるかもしれません。そのうちの最初のものはJavaScriptさえ必要としません。! 新しく作成したすべての文書を表示します iframe内 あなたはそれらがレンダリングされるのを見ることができるように。しかし、あなたは適切だと思うけれどもあなたは文書を使うことができます。例えば、 データベースに保存 または Webサービスを介して送信される 他の場所にレンダリングされる. 1.データURL データURL にシンプルで効果的な方法を提供します Webページにドキュメントを配信する. あなたがそれに慣れていないならば、彼らがどのように働くかに関する我々の前の記事を読んで. 基本的に、データURL で始まる データ： URLスキーム. それは続きます 提供されるコンテンツ, その前にあなたは任意に言及することができます メディアタイプ そしてその コンテンツのエンコーディング. 画像がこのように配信されるのを見たことがあるかもしれません。...

の オープンソースの動き 何千もの新しいプロジェクトとチームがミックスに追加されることで、年々大きくなっています。この動きはとても大きいので、 アメリカ政府 に参加しました Code.gov. 最終的に、このサイトは2つの面で役立ちます。それは技術の世界を助けます オープンで自由にコードを共有する 今後の開発者に、プロジェクトがどのように構築されているかを研究する機会を与えるため。そしてそれはまた政府に彼らのコードを改善する機会を与えます。 開発者との共同作業. あなたは利用可能なすべてを閲覧することができます ページを探索 個々のプロジェクトに基づいてコードをソートします。あなたはからプロジェクトを見つけることができます 農業エネルギー省財務省, そして 関連政府機関 NASAなど. あなたが調べているほとんどすべてのプロジェクト ソースコードはGitHubにあります。. これはOctocatのオープンソースの第一の目的地としての遺産を固めます. たとえば、消費者金融保護局には、住宅所有者が住宅ローンのコストとその管理方法を比較検討するのに役立つ住宅を所有するためのプロジェクトがあります。このページ GitHubのカスタムレポジトリに直接つながる ツールで利用可能なすべてのソースコード. そのレポの中には、Owning A HomeのWebページから、以下を含むすべてのコードがあります。 JavaScriptツール 金利、クレジットレポート、および典型的な住宅価格を計算するための. これらのツールは特別なもののようには思えないかもしれず、それらは確かに現代の技術の最前線ではありません。しかし、これはオープンソースの動きに 膨大な信頼性....