コーディング - ページ 24

Microsoftは最初の安定版であるVisual Studio Codeをリリースしましたが、2016年3月までにその強力なコードエディタはほんの数ヶ月前になりましたが、すでにコーディング経験を次のレベルに引き上げることができる多くの拡張があります。の 公式のVisual Studioコード拡張 Visual Studio Code Marketplaceでホストされています。その多くは、Web開発者にとって大きな助けになります。. この記事では、フロントエンド開発に関連する一連のVS Code拡張機能をテストし、最も見つけたもののリストを作成しました。 直感的で使いやすく便利. それは究極のリストではありません。特に多くの優れた拡張機能がまだ登場していないため、自分自身で市場をブラウズして、他に何が提供できるかを調べてください. VS Code Extensionsをインストールする方法 拡張機能のインストールは、Visual Studio Codeでは非常に簡単です。 コードエディタ内で行います. VS Code Marketplaceでは、すべての拡張機能に独自のページがあります。このページの上に、指定した拡張機能をインストールできるコマンドがあります。. コマンドは常にで始まります。 extインストール 期間。拡張機能をインストールするには、 押す Ctrl + P...

Digg.comのモデル - ユーザーがコンテンツを投稿し、他のユーザーが投票した場合、そのコンテンツが流行している場合は、トップページにアクセスしてスポットライトの大部分を得ます。私たちのほとんどが良い投稿ストーリーに投票することを好むのと同じくらい、異なるニッチのこの種のサイトを作成することを楽しむ私達の何人かがあります. Diggのようなサイトを作成したい場合は、これを可能にする6つのスクリプト/プログラムがあります。. Pligg Pliggは最も有名なdiggクローンの1つです。これは、無料でPHP / MySQL上で動作し、現在はBeta 9.8上にあります。 Pliggについてもっと読む. PHPDug PHPDugはdigg.comと非常によく似ています。特にそのdigボタンです。 PHP / MySQL上で動作し、12の言語（英語、ドイツ語、フランス語、スペイン語、ポルトガル語、タイ語、中国語、アラビア語、オランダ語、インドネシア語、トルコ語、ペルシア語）をサポートします。. アップソース 上向きのソースをダウンロード もっと diggCLone - diggCLoneプロジェクトは、大人気のソーシャルブックマークサイトdigg.comの機能を再現するための取り組みです。. （製造中止） ラウドル - A “好きです” 業界標準のPHPおよびMySQLを使用して作成されたニュース投稿者/投票者（あなたのワードファイルのための非階層的編集コントロール）。 Loudleをダウンロード GrabTheMic -...

CSSでの垂直方向の配置について、またはそれを実行できないようにするためのより正確な方法について説明しましょう。 CSSは、コンテナー内でコンテンツを垂直方向に中央揃えするための正式な方法をまだ提供していません。それはおそらくどこでもWeb開発者をいらいらさせた問題です。しかし、この記事では、恐れないように、私たちはあなたを助けることができるいくつかのトリックをあなたによって実行するつもりです。 効果を真似る. ただし、これらのトリックには制限があります。 複数のトリックを使う 幻想を完成させる。あなたが他のトリックを知っているならば、コメントで私たちに知らせてください. 1.絶対位置を使用する ここで見る最初のトリックは、 ポジション 財産。 2つあります , 1つはコンテナ、もう1つはコンテンツを含む子要素です。. 最初にコンテナ要素の位置をrelativeに設定し、次に子要素の位置をに設定します。 絶対の. これにより、コンテナ全体に自由に配置できます。. 垂直方向に整列するには、子要素の位置を上からコンテナの高さの半分だけ移動し、子要素の幅の半分だけ引き上げます。これが出力です： このトリックは、子要素が1つしかない場合は完璧です。 絶対の 位置は同じコンテナ内の他の要素に影響します. 2. CSS3変換を使う CSS3変換 コンテンツを中央に配置するのが簡単になりました。 CSS3変換とは異なり、 ポジション プロパティ、同じコンテナ内の他の要素の位置には影響しません. 前のメソッドと同じHTML構造、つまり1つの親、1つの子要素があるとします。 - 50％...

CSS3は本当に強力です。単純なトランジション効果を得るには、画像やJavaScriptコードラインが必要になることがありました。今日ではCSS3だけで同じことができます. このチュートリアルでは、CSS3を使用してさまざまなトランジションを使用して画像キャプションを作成する方法を説明します。. デモ ソースをダウンロード ブラウザのサポート このキャプションは比較的新しい機能であるtransformプロパティとtransitionプロパティに大きく依存するので、キャプションをスムーズに実行するために必要なブラウザサポートに注意することが賢明です。. 以下は、すでに変換と移行をサポートしているブラウザです。 Internet Explorer 10以降（まだリリースされていません） Firefox 6+ クロム13+ サファリ3.2+ オペラ11+ それでは、チュートリアルを始めましょう。. HTMLの構造 6枚の画像があります。キャプションスタイルが異なる各画像. 簡単なキャプション フルキャプション Lorem ipsum dolor座ってamet、conctetuer adipiscing elit、sed diam nonummy nibh euismod tincidunt...

開発者になる しばらくの間トップキャリアの選択肢となっています、そしてこれはいつでも変わると想像するのは難しいです。始めたばかりか経験豊富なプログラマーであるかどうか よくある質問 になります 次に学ぶこと? Web業界は非常に速いペースで変化しているため、常に新しいことを学び、経験を積むことができます。 次の言語を選ぶ? あなたの興味、現在の知識, そして キャリア目標 良い出発点です。それからあります 人気のチャート表 うまくいかないJavaScriptやPythonなど。しかし、一般的ではない何かを試してみて 本当に 特定の知識 それは（なります） 需要が高い. あなたが答えを見つけるのを手助けするために、私たちはあなたに提示します 5つのプログラミング言語 それは今年学ぶ価値があるかもしれません. グルーヴィーな グルーヴィーな です オブジェクト指向スクリプト言語 それはApacheによって作成されました Javaプラットフォーム用. それは2003年に最初に登場しましたが、最初の安定版（Groovy 1.0）は2007年にのみ公開されました。それ以来、このような会社で使用されてきました。 Netflix、Linkedin、Airbus、およびMastercard. Groovyは...

私たちの時代のデジタル革命は止められないことが明らかになったので, 次世代にコードを教える 有利な産業に変わった。子供向けのプログラミングアプリ、知育玩具、ロボット、関連ハンドブック、テストブック、コンペティション、家庭教師、その他について考えるだけです。. それほど明白ではないもの 目標をどのように達成するか - または もし それはまったく達成される必要があります. どのプログラミング言語を最初に教えるべきかといった実用的な懸念は別として、それもまた コーディングが本当にすべての人にとって必要なスキルになるかどうかを議論しました. そしてもしそうなら、未来の世界で今日の子供たちを成功させるためにそれを教えるためのどの方法論で. コーディングを教える必要性を議論する 次のZuckerbergを育てる方法（Steve Jobsなど）について両親を教育しようとする記事もあれば、そうしないことを強く勧めている記事もあります。コーディングできない人々の将来の失業性への恐怖も同様に流行しています、そして我々はコーディングが全くユビキタスなスキルである必要があることを否定する記事に会うこともできます. これらの記事のほとんどは多くの有用な情報を含み、善意で書かれていますが, 全主題はまだ狂気としてやってくる. 世界は急速に変化しており、未来は予測不可能なので、何が最善なのかを推測するのは困難ですが、確かにあります。 頻繁に現れる誤解 子供たちにコードを教える方法についての議論で. 神話＃1 - プログラミングはスクリーンから始まる 非常に小さな子供をスクリーンに接着することは、常に最善の方法とは限りません。幸いなことに、プログラミング 必ずしもする必要はない コンピューターから始める. 若い年齢では、子供たちにとってより重要です 特別な考え方を選ぶ それはどんな職業でも成功するために必要です 複雑なロジックが必要...

背景画像、境界線画像、マスキング、クリッピングなどのCSSプロパティがあります。 直接画像を追加 Webページにアクセスし、それらの動作を制御します。ただし、あまり言及されていない画像関連のCSSプロパティもあります。 で追加された画像を処理する HTMLタグ, Webページに画像を追加するのに適した方法. これらの後者の特性の仕事の説明はから異なります 影をコントロールする に シャープネスを設定する, 画像の外観や位置を調整するのに役立ちます。 タグ。それらを一つずつ見てみましょう. 1.で画像をシャープにする 画像レンダリング 画像が拡大されると、ブラウザは 画像を滑らかにする, そのため、ピクセル化されているようには見えません。しかし、画像や画面の解像度によっては、これが常に最良とは限りません。このブラウザの動作は、 画像レンダリング 財産. このよくサポートされたプロパティ 画像の拡大縮小に使用されるアルゴリズムを制御します。. その2つの主な値は ぱりっとした縁 そして ピクセル化. の ぱりっとした縁 値 ピクセル間の色のコントラストを維持. 言い換えれば、画像にスムージングは​​行われません。...

のために とてもシンプルで覚えやすい言語, HTMLはきっと 予期しない量の便利な機能, その多くは私たちのほとんどが知らない。それは時間に追いつくのは難しいですし、あなたはすべてのことを考えるかもしれません “あなたは知らないかもしれません” 記事は最新のタグに関するものでなければならず、HTMLにもいくつかあります。 もうしばらくの間すでにある非常に役に立つ機能. この記事では、スペルチェックからキーボードショートカットの追加までを紹介します。 あまり知られていない5つのHTML機能. 1.入力中にスペルをチェックします の スペルチェック 属性 ユーザーが要素を入力している間、スペルチェックを行うようブラウザに要求します。この属性はグローバルです。, 任意のHTMLタグに追加できます. しかし、それはできる要素に対してのみ機能します。 テキスト入力をする. それがグローバルであることができるのでグローバルであることは有用です 子要素に継承. たとえば、 タグ そしてテキスト入力を受け取るすべての子要素はこの属性を継承します. スペルチェックが有効 全文 タイプ： テキスト, サーチ, URL, そして...