Tags of tumblr.
Text: Tumblr で使えるタグ - 導入 2010-01-20 IntroductionDashboard で Customize をクリックして Theme タブを選択し、Use custom HTML ボタンをクリックすると tumblelog のテーマを自由に編集できるようになる。 この CustomHTML に {…} や {block:…}…{/block:…} 形式の要素を仕込むことで、それらが別の要素に置換される。 例えば <head><title>{Title}</title></head> と書けば、{Title} がページ作成者の設定したページタイトルに置換される。 マークアップに用いる {…} 形式の要素を「変数」、{block:…}…{/block:…} 形式の要素を「ブロック」と呼ぶ。また、ブロック要素に囲まれた部分を「内容」と呼ぶ。 例： <html>
CSSを外部ファイルにする方法－はてなブログ編 - 攻めは飛車角銀桂守りは金銀三枚
今日は実験ではてなブログのCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）を外部ファイルにして読み込んでみました。 はてなブログのCSSって設定しにくい 以前から感じていたのですが、はてなブログのCSSって設定しにくいですよね。 CSSを書いている途中で「ちょっと調べものを」と他の画面に行ったりすると編集用のボックスが消えてたり。 またCSS編集するの押してから書いて、他の画面に行くとボックス消える・・・これの繰り返し。 しかも、テーマ変えるとCSS無くなったり（最近テーマ変更してないので今もそうなるのかは不明）するし、簡単にはテーマ変更できないような気がしてました。 CSSは基本外部ファイルにできるはず そこで今回はCSSを外部ファイルにして、少しでもテーマの変更やCSSの変更の入力のしにくさを解消するために、別ファイルにして、それを読み込む方法
https化ではてなブログのブックマーク数が取得できなくなっていた件を対応 - 攻めは飛車角銀桂守りは金銀三枚
cropped-obake-profile.png 1月 13, 2021 — by white_obake cropped-obake-profile.png コメント コメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です コメント ※ 名前 ※ メール ※ サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。 上に表示された文字を入力してください。
HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」
まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。 スライド スライドは非常に丁寧な作りとなっておりますので、よく読みこめば初心者でもしっかりと理解をしながら学習することが出来ます。 矢印キーでページ送りができるのがCool。 1レッスンにつき数枚のスライドが表示されますので、見終わったらエディタ画面へとGO！ エディタ画面 こちらがブラウザ上で動作するエディタ画面。左側が問題文、真ん中がエディタ、右側がプレビュー画面となります。 もう一度スライ
はてなブログのカスタマイズをするときに見たいブログまとめ - やみつきうぇぶ
2013-11-09 はてなブログのカスタマイズをするときに見たいブログまとめ はてなブログカスタマイズ まとめ デザインの参考になるブログ テーマ ストア - はてなブログ デザイン変更するなら、他人の作ったテーマを参考にするのが一番！ テーマストア設立からだいぶ経って、素晴らしいテーマが増えてきました。 #ChiroruLab ミニマルなデザイン、細いフォントが美しいです。 FeedlyやTwitterなどのアイコンもデザインに合わせて作られています。 マウスオーバーするとわかりますが、ヌルヌルです。気持ちいい。 はぁはぁブログ はてなブログの限界を突破している、そんなデザイン。 はてなブログ内で一番カスタマイズされているブログなのでは？ TMD45INC!!! フラットなUIが美しい、リキッドデザインのオリジナルテーマ。 全画面で表示できるため、ソースコードが変なところで改行されませ
HTMLのイメージマップを簡単に作成できるジェネレーター『Image Map Creator』
HTMLのイメージマップを簡単に作成できるジェネレーター『Image Map Creator』 Image Map Creatorはステップバイステップで簡単にイメージマップのHTMLを作成できるジェネレーター。 先ずは目的の画像のURLを指定して画像をロードします。 画像が読み込まれたら、リンクを張るエリアをマウスを使って指定していき、その部分のリンク先や代替テキスト・開くウィンドウを指定します。 複数エリアを設定する場合は、同じことを複数回繰り返すだけです。 指定し終わったら下のボタンをクリックするとHTMLコードが作成されるので、あとはそれをコピーして貼り付ければOKです。 コードは2種類作成され『HTML Map Code』は通常のイメージマップで使う<map>タグを用いたもので、『CSS Map Code』は<div>タグを使って擬似イメージマップ化したものです。 下は今回作成さ
Safariでウェブページのソースコードを見る方法。（HTML ＆ CSS） – 和洋風KAI
Safariでソースコード（HTMLやCSS）をみる方法。 というわけで、Safariでソースコードを見る方法です。 SafariのメニューバーのSafariをクリックして「環境設定...」をクリックします。 詳細タブの一番下にある「メニューバーに”開発”メニューを表示」にチェックをいれます。 するとメニューバーに開発が追加され、ウェブページのソースが見ることが可能になります。 右クリックからも見れます。ちなみにソースコードをみるためのショートカットキーは「command + option + U」です。 こんな感じで。 ちなみに別ウィンドウアイコンをクリックすれば このように広々とソースコードを見ることも可能です。 要素の検証がとても便利。 便利なのが要素の検証です。 たとえば、イメージ画像のHTMLやCSSを知りたいときは、そのイメージを右クリックして要素の検証をクリックします。 する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-lecture.com
HTML,CSS カラーコード一覧表 ｜ 背景色や文字色の設定
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント