HTML 入門 - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
【超入門】初心者向け Bootstrapの基本的な使い方 - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに こんにちは。itoken1013です！ 度々お送りしています超入門シリーズ、今回ご紹介するのはBootstrapの使い方です！ Bootstrapを利用することで、簡単にページデザインを仕上げることができます。 HTML/CSSは分かるけどBootstrapには触れたことのない方、今まで体系的には理解せずにBootstrapを利用していた方にオススメの内容です。 それでは解説していきたいと思います！ はじめに Bootstrapとは まず、フロントエンドとは？ では、Bootstrapとは？ Bootstrapを使うことによるメリット レスポンシブWebデザインに対応している 導入のしやすさ、汎用性 コンポーネントが多数用意されている Bootstrapのセットアップ グリッドシステム よく使うコンポーネント フォーム ボタン テーブル 画像 おわりに Bootstrapとは ま
Web 制作を楽にしてくれる Bootstrap Studio
Bootstrap は最も人気のある CSSフレームワークです。 Twitter 社により開発されたという安心感があり、慣れている方も多いかと思います。私のようにデザインセンスのないプログラマーにとっても、それっぽい画面ができるのも嬉しいです。 しかしゼロから UI を作ろうと思うと、荷が重い作業になります。そんなとき、手っ取り早くベースになるものがあれば助かります。また HTML をガリガリと書くのではなく、 GUI ベースのエディタがあると作業が捗るでしょう。 今回は、 Bootstrap を用いた UI を簡単に作ることができる GUI エディタである Bootstrap Studio をプログラマー目線で紹介します。 Boottstrap Studio は Bootstrap フレームワークを使用してレスポンシブ Web サイトを作成するためのデスクトップアプリになります。 Boo
【Python Flask入門】CSSとBootstrapの使い方と適用方法｜エンジニアライフスタイルブログ
エンジニアライフスタイルブログを運営しているミウラ(@miumiu06171)です。 普段はフリーランスでシステムエンジニアをしております。 今回は、こちらの記事に続いてPythonのFlaskで作成したWebアプリケーションに対してcssやbootstrapを適用する方法を紹介します。 FlaskでWebアプリを作成するためにVisual Studio Code (VS Code) を使用しているため、同様に確認したい方は、こちらの記事でVS CodeでPythonの開発環境を構築してみてください。 PythonのFlaskでcssを使う方法 ここでは、前回の記事で作成したFlaskのブログWebアプリケーションの以下のログイン画面を例にcssを適用する方法を紹介してきます。 static/cssフォルダ作成 FlaskのWebアプリでcssやjavascriptなど静的ファイルを扱う場
【Python】SeleniumのCSSセレクターの使い方
SeleniumでHTMLの要素を特定するCSSセレクターのサンプルです。ID名やClass名で要素を取得するメソッドがありますが、WEBページのデザイン変更時の変更が厄介です。コード量の増加は、不具合が入り込む可能性が高くなるからです。そこで、できるだけCSSセレクターで制御して備えようという主旨のサンプルです。 スクレイピングにおいて、HTMLの要素特定は厳密した方が、WEBページのデザイン変更をいち早く知ることができます。要素特定は、XPathやPyQueryが使われますが、XPathは複雑になる傾向があるため、CSSセレクターがしばしば推奨されます。WEBデザイナーが使うため情報量が豊富で、GoogleChromeの機能で要素を特定しやすいのがメリットです。 CSSセレクターによる要素取得のサンプル 下の「～」に設定する文字列で、欲しい要素を特定します。 driver = webd
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[初級]FlaskでCSSを使用する方法
