ホームページ » コーディング

    コーディング

    Scalable Vector Graphics(SVG)でテキストを処理する
    前回の投稿では、SVGを使用して図形を作成しました。この記事では、タイトルが言ったように、私達はに調べます SVGでテキストを作成する. プレーンテキストのHTMLテキストでできること以外に、テキストでできることはたくさんあります。. それでは、チェックしましょう. 基本的な実装 しかし、先に進む前に、 SVGのテキスト 非常に基本的なレベルで形成されています: これはScalable Vector Graphic(SVG)テキストです。 SVGのテキストは、上記のコードスニペットからわかるように、十分に論理的なタグで定義されています。, . この要素は基本的に必要なだけです バツ そして よ ベースライン座標を指定するための属性. 画像ソース: Wikipedia.org そして、これがテキストがどのように見えるかです。今のところ、HTMLの通常のテキストと違いはないようです. 基本テキストスタイル テキストは以下のようなCSSプロパティでスタイル化することもできます。 フォントの太さ, フォントスタイル, そして テキスト装飾 どちらでも実装できます。 インラインスタイル、内部スタイル または...
    LESSのヒントとツールを使った効果的な作業
    前回のチュートリアルでは、ChrunchAppなどのアプリケーションを使用してコードをコンパイルすることによって、LESSを実用的な方法で使用する方法を学びました。今回は、LESS構文をコンパイルするときにパフォーマンスと生産性を向上させることができる便利なヒントをいくつか紹介します。現在のエディタで構文の強調表示を有効にし、自動コンパイラツールを使用してプリセットMixinを使用し、それらをすべて同期させることでデスクトップ/作業環境を設定します。. さて、準備ができたら、始めましょう. 免責事項: 以下に説明するヒントは、Webデザイナーとしての私の日々の経験から得られたものです。そのため、さらに詳しく説明する前に、ヒントは一部のデザイナーには適しているが他のデザイナーには適していないことを説明します。 Web上で見つけた他のヒントと同じように。それにもかかわらず、私はあなたが以下の助言から役に立つ何かを享受することができると思います. 1.コードハイライト 前述のとおり、ChrunchAppを紹介しました。ただし、このアプリはすべてのWebデザイナーの好みではないかもしれません。それぞれのデザイナーは、自分が選んだコードエディタを含め、それぞれ独自の作業環境を持っているからです。. 別のコードエディタをインストールするのではなく、実際に現在のものを使用して構文の強調表示を有効にすることができます。そこで、この記事では、2つの有名なテキストエディタにLESSコードの強調表示を追加するためのヒントをいくつか紹介します。 崇高なテキスト2 そして メモ帳++. 崇高なテキスト2 このエディタは私がコードを作成するのを手助けするための現在の私の選択です。このアプリはWindows、Linux、およびOSXで利用可能ですので、あなたのOSが何であれ、あなたはまだこのヒントに従うことができるでしょう. それでは、公式Webサイトからダウンロードして、このエディタを試してみましょう。次に、以下の指示を読んで、LESSカラーハイライトを有効にします。. 注意: 無料版は評価のみを目的としているため、ダウンロードする前にライセンスを読んでいることを確認してください. パッケージコンソールをインストールする まず、Sublime Text 2を開き、このメニューからコンソールを表示します。 表示>コンソールを表示 次に、次のコマンドラインをコピーしてコンソールに貼り付け、Enterキーを押してwBond.netからパッケージコントロールをインストールします。 urllib2、osをインポートします。 pf = "Package Control.sublime-package"; ipp = sublime.installed_pa​​ckages_path();...
    初心者のためのWordPressコンディショナルタグ(およびスニペット)
    WordPressの最も優れた機能の1つは、コンディショナルタグです。それはあなたがすることができます 特定の状況では異なる動作をするようにコードに指示する. たとえば、ユーザーがWindowsとMacのどちらを使用しているかを確認し、システムに基づいて異なるコンテンツを表示できます。検索クエリが単一の結果のみを返す場合は、投稿にリダイレクトすることもできます。状況に名前を付けると、コンディショナルタグはそれらすべてを認識できます。! さまざまな状況に基づいて行動を決定する柔軟性にもかかわらず、それはまた非常に 簡単に学べる, そしてあなたが実際にそれを習得するためにWeb上に広がるチュートリアルとリソースさえあります。とは言っても、この記事では、コンディショナルタグ、それらがどのように機能するのか、そしていつ実際にそれらを使用するのかについての詳細な紹介を行います。. 記事の最後のセクションでは、コンディショナルタグを最大限に活用するための10個の便利なスニペットも紹介します。したがって、WordPressサイトが特定の状況に対してよりインテリジェントに機能するようにこれらすべてを入手してください。! If(ステートメント) PHPを使って もし 何かがあるかどうかを尋ねることができる文 本当の または 偽, 1 または 0. あなたの文が真であれば、あなたのコードは実行され、偽であれば、コンディショナルタグ内のアクションをどのように決定するかによって、何も起こりません。例をチェックしてください、そして私はあなたが私が話していることを理解するでしょう. また使用することができます elseif 別のステートメントを追加することができます それ以外の あなたの最初のステートメントが偽であればそれが実行されます. あなたが知る必要があるのはそれだけです もし 今のところステートメントは、WordPressのコンディショナルタグに入りましょう!しかし、もしあなたがPHPのifステートメントをもっと深く知りたいのであれば、参考のためにphp.netに進んでください。. コンディショナルタグの仕組み? ネイティブのWordPress機能を使う場合 家にいる(), ユーザーが現在ホームページにいるかどうかWordPressに尋ねるだけです。...
    Web開発にコードスニファが必要な理由
    コードの最適化は執筆の編集段階に匹敵します。最初に自分のアイデアをコードにまとめる必要があるかもしれませんが、あなたのコードは次のようなツールで最適化されるべきです。 コードスニファ 最良の製品を製造する. コードスニッフィングとは、 規制基準への準拠を確認するコード. これらの規則は、字下げに使用するスペースの数、中括弧の配置、または変数の命名方法を指定します。標準はWebアプリケーションを構築するために不可欠ではありませんが、標準は重要です 内部の一貫性とコード管理のため. これが、すべての開発者にとってフロントエンドからバックエンドまでのコードスニッフィングが役立つ場所です。そうしたいです コードスニッフィングのプロセスを調べる そしていくつかを提供します コード標準の分析に役立つユーティリティ. コードスニッフィングとは? コードスニッフィングの動作は通常、自動化されています。 時間を節約し、エラーを減らす. コードスニファは 標準への準拠についてソースコードをチェックする 社内開発チームまたは規制機関により設定. コードスニッフィングは、コードリンティングに似ていますが、よりペダリティがあります。主にリンティング バグや構文エラーをチェックする スニッフィングで問題を探している間 コードの書き方. PHPファイルはまだ適切に機能しますが、変数名が標準に準拠していないとコードスニッフィングテストに失敗します(例:. $ myVariable vs $ my_variable). 同様の用語はコードのにおいです。 デザイン欠陥をチェック 大きなバグにつながる可能性のあるコードで。これはコード標準に関連しますが、以下も含みます。...
    2020年までにおばあちゃんがアプリを作れるようになる理由
    (編集者注: このゲスト投稿の貢献は ヨアブヴィルナー.) 今までにありますか 今日のデジタル世界を1990年代のそれと比較した? その時代の技術オタクが私たちが現在使っている技術を垣間見ることができたとしても、彼が小説の中で読んだだけの未来的なサイエンスフィクションの世界と同じように考えるのは間違いないでしょう。. 年々、テクノロジーエリートの手の届くところにあったテクノロジーだけが 技術的なスキルが限られている人にとって利用しやすくなる. ほんの数年で、基本的なモバイルアプリの開発が数時間でアイデアを得て誰にでも利用可能になるのを見ることができます. そのため、この記事では、アプリケーション開発を成功させる理由を説明します。 祖母でもアプリを作成できるようになるほど一般的なスキル 近い将来に。読みましょう. 技術とアクセシビリティ の中に 1990年代、彼自身のウェブサイトを構築する10歳 技術的な偉大さの予感として見られました。彼の両親はおそらく彼をビル・ゲイツと比較し、彼らの億万長者の息子が彼らの快適な退職金の支払いをするまでその日を密かにカウントダウンしていたでしょう. でも今日は? A ウェブサイトを構築する小学校の学生 いくつかの団塊の世代の首を向けるかもしれませんが、それは千年分隊を感動させることはありません。どなたでもアカウントを作成できます。 何百ものドラッグアンドドロップWYSIWYGウェブサイトビルダー そして1日か2日で彼ら自身のウェブサイトを稼働させる. 同様に、予算内でアプリを作成するのに役立つプラットフォームは多数あります - 迅速に、コーディングの知識も不要です。. これはより大きな真実を浮上させます。 10年前に私たちを驚かせた技術 それは、ますます身近なものになりつつあります。 - あなたの祖母でさえそれを使うことができます....
    jQuery 3の新機能 - 10クールな機能
    jQueryの新しいメジャーリリースであるjQuery 3.0がついにリリースされました。 Web開発者コミュニティは、2014年10月、jQueryチームが新しいメジャーバージョンの開発を開始した2016年6月から、この重要なステップを待っていました。 最終リリース 留守. リリースノートは、 よりスリムで速い とjQuery、 後方互換性 念頭に置いて。この記事では、jQuery 3.0の新機能のいくつかを見て、JavaScriptのランドスケープがどのように変わるのかについて概要を説明します。. どこから始めれば jQuery 3.0をダウンロードして試してみたい場合は、ダウンロードページに直接アクセスしてください。アップグレードガイドやソースコードを見てみる価値もあります. 既存のプロジェクトがjQuery 3.0でどのように機能するかをテストしたい場合は、コードの互換性の問題を特定するjQuery Migrateプラグインを試してみることができます。また、将来のマイルストーンを覗くこともできます. この記事はカバーしていません すべて jQuery 3.0の新機能、よりおもしろいものだけ:コード品質の向上、新しいECMAScript 6機能の統合、アニメーションのための新しいAPI、文字列をエスケープするための新しい方法、SVGサポートの向上、非同期コールバックの改善、レスポンシブサイトとのより良い互換性そしてセキュリティの向上. 1.削除された古いIEの回避策 新しいメジャーリリースの主な目的の1つは、それを作ることでした。 速くてなめらか, したがって、IE9に関連する古いハックと回避策- 削除されました. つまり、IE6-8をサポートしたい、またはサポートする必要があるなら、最新のものを使い続けなければなりません。 1.12 としても、リリース...
    CSSでのマージン率の計算についてあなたが知らないこと
    ほとんどのWebデザイナーはCSSをかなりよく知っていると思います。結局のところ、それほど大したことはありません - いくつかのセレクタータイプ、数十のプロパティー、および常識にまとめられているので覚えておく必要がないいくつかのカスケード規則。しかし、ざらざらしたレベルに陥ると、真に理解しているデザイナーはほとんどいないという不明瞭な点がたくさんあります。. 私が過去6ヶ月間オンラインで提供していた無料のCSSテストの結果を調べたとき、私は発見しました 1つの質問 誰も 正しくなった. テストを受けた何千人もの人々の, 正解率は14%未満. 質問はこれにまとまります: マージン率の計算方法? 質問 あなたのサイトにコンテナがあるとしましょう div, そしてその中に、コンテンツ div: それでは、そのコンテンツをあげましょう div 上余白: .内容マージントップ:10%; わかりました、それでそれは10%です…しかし10% 何? それが問題です 正しく答えることができるのは13.8%の人々だけです. そして覚えておいてください:これらの人々はGoogleにアクセスすることができます! 私がこの質問について好きなのはそれです 答えは明白なはずです. それほど多く、私はほとんどの人がただ推測をしている(そして間違っていると推測している)と疑っています。しかし多分それ しない あなたには明白に見えます。あなたが本当にあなたの想像力を使うのであれば、ブラウザがこのようにマージンを計算することができると考えられる多くの方法があります。....
    Web開発あなたが避けなければならない10のコーディングアンチパターン
    Webサイトやアプリケーションのアーキテクチャを設計したり、効果的なコーディングワークフローを設定したりすると、頻繁に発生する問題に対処することがよくあります。我々は必ずしもこれらのソフトウェア設計の問題を最初から解決する必要はない。 アーキテクチャレベルのソリューションは再利用可能 と同じように マイクロレベルでのコードスニペット. デザインパターンは一般的に 再利用可能なソリューション 特定のシナリオでは、 よく発生する問題を解決するのに役立ちます, そして私達が私達のコードを最適化するのを大いに助けることができます. デザインパターンは、よくテストされた式を使用して開発プロセスを改善するための優れた手段ですが、ときどき間違ってしまうこともあります。これらはアンチパターンと呼ばれます. アンチパターンとは? 用語 “反パターン” 1998年にAntiPatternsという本で造られました。 最初は役に立つと思われたソリューションを再利用, しかし後で判明 善よりも害を及ぼすために. これはさまざまな理由で起こる可能性があります。たとえば、正しいコンテキスト、設定、または時間でパターンを使用しない場合(過去に効果的だった解決策が現在では必ずしもうまくいくとは限りません)。最初からちょうど悪かった. アンチパターンはまた頻繁に呼ばれます 失敗のパターン. 良いニュースは、それが それらを認識し、回避することが可能. この記事では、Web開発における10の一般的なコーディングの逆パターンについて説明します。これらのコードは、最適化されたコードであると考えることを妨げる可能性があります。 (この記事に掲載されているアンチパターンは、必ずしも上記の本に掲載されているものと同じではありません。) 1.時期尚早の最適化 適切なタイミングは、コードの最適化において重要な要素です。逆パターンを簡単に再現できます “時期尚早の最適化”, 自分が何をしたいのかを正確に知る前に、小さな効率に注意を払い、開発プロセスの早すぎる段階でそれらを最適化する場合. Donald Knuthの有名な引用によると...