[pear_error: message="Success" code=0 mode=return level=notice prefix="" info=""] HTML,XHTML、CSSのブログ記事をまとめ読み! 全158件の4ページ目 | JUGEMブログ

HTML,XHTML、CSS
  • JUGEMテーマ

ブログテーマ

ユーザーテーマ

HTML,XHTML、CSS

このテーマに投稿された記事:158件 | このテーマのURL:https://jugem.jp/theme/c91/5374/
HTML,XHTML、CSS
このテーマについて
HTML,XHTML、CSSに関する記事をアップさせましょう!!
このテーマの作成者
作者のブログへ:「oidyjf」さんのブログ
その他のテーマ:「oidyjf」さんが作成したテーマ一覧(5件)
このテーマで記事を投稿する
このテーマに投稿された記事
rss

< 1  2  3  4  5  6  7  8  9  10  11 >

HTMLタグ「ol」のリスト番号を、指定した数字から表示させる方法

サーティファイ主催の「Webクリエイター能力認定試験」に合格したのは約2年前。 それまでは「ol」のリスト番号について、「小さい順から以外にも表示方法はあるのか?」と漠然と考えておりましたが、恥ずかしながら実際に色々な表示のさせ方がある事を知ったのは、ごくごく最近の事でした。 そこで思い切って(?)、開始の数字を<ol>タグに指定する方法を記事にしたためたいと思います。 一例として、「13歳のハローワーク」公式サイトより人気職業ランキング(2016年4月1日〜4月30日)で7位〜10...

プログラボ 社会人を経て大学進学を目指す男のWebプログラミング奮闘記 | 2016.05.20 Fri 16:17

レスポンシブデザイン、基礎の基礎

今回はレスポンシブデザインについて(件名通り、基礎が分かっている方は読む価値はありません)。 IT用語辞典のe-Wordsによれば、レスポンシブデザインとは、 Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。 WebサイトやWebページをパソコンやスマートフォン、タブレット端末など複数の機器や画面サイズに対応させる際、内容が同じでデザインや動作をそれぞれに最適化した複数のHTMLファイルやCSSファイルを用意し、HTTPリダイレクトなどでアクセスを...

プログラボ 社会人を経て大学進学を目指す男のWebプログラミング奮闘記 | 2016.05.08 Sun 01:47

「Contact Form 7」の送信ボタンの画像カスタマイズ法

今回は、WordPressの問い合わせフォーム作成プラグイン「Contact Form 7」について、送信ボタンをカスタマイズする方法です。 ラベル(ボタン名)を「送信ボタン」にした場合、デフォルト(初期)状態では、送信ボタンはこのようにブラウザに表示されます。 (左からInternet Explore、Firefox、Google Chrome)    これでは余りにも味気無いですよね。 そこで、CSSを使って画像にカスタマイズを施します。慣れれば簡単です。 今回の記事に合わせて、WEBボタン素...

プログラボ 社会人を経て大学進学を目指す男のWebプログラミング奮闘記 | 2016.05.06 Fri 20:05

「Contact Form 7」のチェックボックスやラジオボタンの項目を縦に並べる方法

今回は、WordPressの問い合わせフォーム作成プラグイン「Contact Form 7」についてのお話です。 メールアドレスを直接Webサイト上に記載すると、スパムメールが来る確率が跳ね上がってしまいますので、ビジネス・個人用に限らず、問い合わせフォーム作成にContact Form 7を利用している方は多いでしょう。 だけど、ひとつ面倒な事が。 それは「チェックボックスやラジオボタンを追加した時に、デフォルト(初期状態)では項目ごとに改行されずに横並びになってしまう事」です。 画像例: ...

プログラボ 社会人を経て大学進学を目指す男のWebプログラミング奮闘記 | 2016.05.06 Fri 16:47

二行目以降を字下げして文章の見た目を整えたい場合に使えるCSSテクニック

テキストが二行以上になる場合、二行目からは一字分インデントを下げて見た目を整えたい場合に使えるCSSテクニックを紹介します。 CSS .sample {   padding-left: 1em;   text-indent: -1em; } ※class名は適宜変更を! HTML <div class="sample">※テキストが二行以上になる場合、二行目からは一字分インデントを下げて見た目を整えたい場合に使えるCSSテクニックを紹介します。 </div> 順序立てて解説をするため、最初.sampleのプロパティは ...

プログラボ 社会人を経て大学進学を目指す男のWebプログラミング奮闘記 | 2016.04.23 Sat 14:07

訓練生時代に考案! HTMLやCSSのプロパティ等を手早く入力できる「ショートカット変換法」

「Webの仕事に就きたいなら、サーティファイのWebクリエイター能力認定試験の受験を」 そう職業訓練所の職員に勧められ、合格を目指して自分が最初にやった事は下記の通り。 公式ページから「受験者用リファレンスの全印刷 ⇒ 初見で読めようが読めまいが、HTMLのタグ名やCSSのプロパティ名全てに読み仮名を付ける ⇒ ストップウォッチで時間を計りながら公認テキスト&問題集を反復練習。 これでHTML4.01(旧規格)上級に一発合格でき、ほっとしつつも 「試験合格がゴ...

プログラボ 社会人を経て大学進学を目指す男のWebプログラミング奮闘記 | 2016.04.17 Sun 02:17

複数人のコーダーから見ても修正しやすいプロパティ記述の考え方

例えば、Webサイトのロゴ画像をページヘッダーの左端に設置したいとする。 .topLogo {       margin-top: 25px;       margin-right: 10px;      margin-left: 10px;        margin-bottom: 15px; } .topLogoというclassとプロパティがあった場合、ショートハンドでの記述なら、 .topLogo {       margin : 25px 10px 15px 10px;   } ...

プログラボ 社会人を経て大学進学を目指す男のWebプログラミング奮闘記 | 2016.04.15 Fri 01:23

ボタンがCSSでこんなにもおしゃれに出来るなんて。

JUGEMテーマ:HTML,XHTML、CSS http://touch-slide.jp/column/304/ ※ボタンというのは、ホームページとかで見かけるクリックボタンのことですw 凄すぎる。。。。 HTMLでひーひーしている私には考えもしないデザインです。 スタイルシートもある程度操作できるようにならないとサイトを作っていけないよなーと、勉強中です。 ★おススメ書籍 世界一やさしい アフィリエイトの教科書 1年生 posted with ヨメレバ 染谷 昌利,イケダ ハヤト ソーテック社 2015-01-17 Amazon...

若手俳優オタクがアフィリエイトでオタク代稼ぎ。 | 2015.10.11 Sun 10:21

テスト

JUGEMテーマ:HTML,XHTML、CSS テスト

Let me output, please. | 2015.09.08 Tue 22:25

石田卓馬 自分で更新できる最短ホームページテンプレート 体験談と口コミ 評判

ネットで見つけた 石田卓馬さんの「自分で更新できる最短ホームページテンプレート」って 本当に効果あるのかな? すべて動画で解説しているため 分かりやすく、パーツを貼り付けるだけで 簡単にオリジナルなホームページが出来る 4万人以上が体験したホームページの作り方って言うのは 嘘なのかな?それとも本当のこと? Yahoo!知恵袋や教えてGooなんかに 口コミってないのかなぁ。 ⇒実際の体験者のレビュー・口コミ 打った文字がHTMLファイルで WEBページの形態をなしていくのが、 魔法みたいでした。 色...

リサの眠気覚まし | 2015.07.13 Mon 20:27

このテーマに記事を投稿する"

< 1  2  3  4  5  6  7  8  9  10  11 >

全158件中 31 - 40 件表示 (4/16 ページ)

[PR] レンタルサーバー heteml [ヘテムル]
あなたのクリエイティブを刺激する、
200.71GBの大容量と便利な高機能!