Web制作 - BinaryDevelop

HTMLコンパスクロックの実装

コードブロックです。 import pandas as pd import sys input_file = sys.argv[1] output_file = sys.argv[2] data_frame = pd.read_excel(input_file, sheet_name='january_2013') writer = pd.ExcelWriter(ausgabe_datei

2022-01-21 15:51:44
[CSSチュートリアル】純粋なCSSでWebページの内容をコピーできないようにする方法

プリアンブル個人ブログを入力する際、ブログの詳細ページで内容によってコピーの仕方を変えたいと思いました。例えば、コードブロックについては、読者がローカルでデバッグしやすいように、ワンクリックでコピーできるようにしたかったし、テキストの説明部分については、読者がコピーできないようにしたかったのです。CSS never JSの確固たる過激派である私は、ついにCSS3でユーザーセレクトを発見し

2022-01-21 15:47:24
HTMLテーブルのクロスロー、クロスカラムの操作（rowspan、colspan）

一般に、セルスパンには <td> 要素の colspan 属性を、セルスパンには <td> 要素の rowspan 属性を使用します。 colspan属性は、セルがまたがることができる列の数を指定し、すべてのブラウザーでサポートされています。以下のように、数値の値をとります。例 <table border="1"> <tr

2022-01-21 15:32:20
html5フォームにおけるrequired属性の使用について

説明今日、フォームに空でない機能があることを知り、調べたところ、required属性はHTML5の新属性であることが判明しました定義と使用方法必須属性はブール値属性です required属性は、投稿前に入力フィールドが埋められなければならないことを指定します。この属性が使用されている場合、フィールドは必須（または必須）である。注：必須属性は、次のタイプに適

2022-01-21 15:15:47
[CSSチュートリアル】CSSアニメーション途中で止める方法とポーズを維持する方法

プリアンブル私はかつて、ある悩みを抱えていました。タワークレーンからスイングする家を落下させる必要があったのだが、落下の途中で、家は落下の瞬間のスイングの角度を維持する必要があったのだ。最初は、家の現在の振り角度を取得して、落下の瞬間に家のtransform:rotate()に代入しようと思ったのですが、それは面倒で最適とは言えませんでした。しかし、それは一つのプロパティで解決で

2022-01-21 15:07:33
純粋なhtml + cssで五輪を実現するサンプルコード

レンダリングコード - 青と黄のリングを例にして <div class="container"> <div class="ring blue"></div> <div class="ring yellow yellow1"></div> <div class="ring yellow

2022-01-21 15:01:43
HTML5セマンティックタグ（モバイル必須）

HTML5の標準仕様が策定・公開されてから数年が経過し、取材でも必然的にHTML5のセマンティクスの理解が求められるようになりました。しかし実際には、まだバージョンの低いブラウザを使っているユーザーがいることもあってか、HTML5のタグを開発に使っている人はあまりいないようです（追記：推論でいくつかの巨大企業のWebサイトを確認しました）。でも個人的には、いくつかのタグを選ぶと絡んでしま

2022-01-21 14:56:46
[CSSチュートリアル】 css border add four corners コード

1. html <div class="loginbody"> <div class="border_corner border_corner_left_top"></div> <div class="border_corner border_corner_right_top"></div

2022-01-21 14:55:44
タイピング効果を実現するピュアhtml+css

この記事では、特定の参照値と、タイピング効果を達成するために純粋なHTML + CSSを紹介し、知ることに興味がある効果分析このアニメーションは、3つのレベルに分けて見ることができます。最下層のテキストテキストをブロックしている中央の背景最上部のカーソルテキストは静的、中央の背景と最上部のカーソルは動的です。初期状態では、

2022-01-21 14:53:52
Html5は、同時に複数のsdkのヒントをサポートする

必要条件実際のプロジェクトでは、通常、いくつかのクロスプラットフォームのページを作成する必要があります。例えば、WeChatのアプレットや自社アプリ、Alipayなどのプラットフォームで表示する必要のあるイベントページなどです。今回はh5が非常にニーズに合っています。もし要件がもっと複雑で、例えばこの活動ページで何らかのスイープ機能を呼び出す必要があったり、決済機能を呼び出す必要があった

2022-01-21 14:49:30
HTML5ページオーディオの自動再生実装

最近、携帯電話でページを読み込むと、自動的に音楽リソースを再生する要件がありました。通常であれば解決するのですが、様々な携帯電話で安定したパフォーマンスを確保するのはなかなか大変というか、一工夫が必要です。自動再生オーディオ・オブジェクトを作成するには、一般的に3つの方法があります。 1つ目は、ページ内にaudioタグを作成し、autoplay='autoplay'などの関連属性を書き、通

2022-01-21 14:38:03
[CSSチュートリアル】CSSを解析して、画像のテーマカラー機能を抽出する（コツ）

背景 WeChatの技術グループで学生が「画像のメインカラーを出すのに一番いい方法は何ですか」と質問したのが始まりです。画像があって、その主色を取得するためにコンテナ内に画像があり、背景色を画像の原色と同じにしたい場合、このカラーバリューを使用します。 Canvasをコンピューティングに使っているという人から、専門のオープンソースライブラリを勧めてくれる人

2022-01-21 14:02:31
htmlページでギリシャ文字を使うには

ギリシャ文字は、特に数学や物理学などの科学分野で、特定の意味を持つ定数や変数を表すためによく使われる記号のシリーズです。ウェブページでギリシャ語を使用する方法は2つあります。1つは、"&str"という形式、つまり、"&"を接頭語として、対応する文字列をウェブページに出力することで、この文字列が英語Stringに対応するギリシャ文字であることを表します。 <テーブル

2022-01-21 13:47:20
ランダム・ネームドロッパーを実装するためのhtmlサンプルコード

この名前生成器は、自動停止の要件を考慮しないライト版であるため、点呼開始後に停止ボタンをクリックして点呼を終了させる必要があります。名前データは文字列で保存されるため、小規模な点呼には適していますが、需要が多い場合は改良してください。 <head> <meta charset="UTF-8"> <meta name="viewport" con

2022-01-21 13:47:01
ハートビート・エフェクトのためのHTML+CSS

今日は、多くのコードを必要とせず、ボックスを追加してCSSの表示を駆使するだけの簡単なハートビート効果を作ってみましょう。 1. まず、ページにビジュアルボックスを追加します ############################ # (1) Update D network: maximize D(x)-1-D(G(z)) #########

2022-01-21 13:40:42
[CSSチュートリアル]CSSは、2列のレイアウト、固定幅の左側、適応するためのさまざまな方法の右側を達成するために

左側が固定幅、右側が適応の7つの方法で2カラムのレイアウトを実現するためのCSSは、コードは以下のとおりです。  1、Calcの使用は、メソッドのCSSコードの幅を計算する。 .box>div{height: 100%;} #box1>div{float: left;} .left1{width: 100px;background: yellow;} .righ

2022-01-21 13:36:31
[css3]CSS3タブアニメーションの背景切り替えの動的効果例

CSS 3 アニメーション例 - タブの背景のトグル動的効果、コードは以下のとおりです。 <style type="text/css"> .slide-tabs { display:flex; position:relative; border:1px solid #3d3d3d; border-radius:10px; width:150px; overflow:hidden

2022-01-21 13:21:44
html+css+js ナビゲーションバー用スクロールグラデーション効果

最初に効果を見るインプリメンテーション 1. ナビゲーションバーのテキストラベルを定義する。 <div class="tou"> <sapn class="logo"> Northern Lights. </sapn> <ul class="biao"> <li&

2022-01-21 13:03:30
Html5で新しくなったこと

はじめに HTML5は、次世代のHTMLであり、HTML、XHTML、HTML DOMの新しい標準となるものです。はじめに HTML5は、W3CとWHATWGの共同作業によって生まれたものです。 HTML5で制定されたルールの一部をご紹介します。新機能は、HTML、CSS、DOM、JavaScriptをベースとしたものであるべきです。外部プラグイン（F

2022-01-21 13:03:26
[CSSチュートリアル】CSS たった1行のコードでアバターと国旗の一体化を実現

今日は建国記念の日、誰もが祖国の誕生日を祝おうと意気込んでいます。毎年この時期になると、アバターに国旗を飾るのが流行っていますが、今年も流行っていますね。 emm、とても素敵です。では、私たちのアバターで国旗の写真を撮り、目的のアバターを素早く手に入れるには、CSSを使うと簡単でしょうか？片方の画像の透明度を変えればいいと思っている人がいますが、そうではあり

2022-01-21 12:57:47

最新

おすすめ