HTML/CSSコーディング

HTML/CSSコーディング

CSSのみ画像不要の吹き出しの作り方を若干丁寧に解説してみる

WEBページの演出で吹き出しの中にテキストが入ってるのをよく見かけますが、あれのやり方をかなり最近まで知らなかったゴロドクさんです、どうも。 CSSのbefore/after擬似要素の説明で吹き出しのサンプル紹介してるんですけど、今回はそれ...
HTML/CSSコーディング

RSSフィード指定するだけ!たった10分でアンテナサイトを作る方法

最近流行ってる(のかどうか分からないけど)アンテナサイトみたいなものを自分で作れんかなとここ数日試行錯誤してました。 普段ブログネタの収集にはもっぱらGoogleリーダーで用が足りてるんですが、どうせならウェブクラスタの皆さんのブログをまと...
HTML/CSSコーディング

CSSプロパティ backgrouond-size で背景画像のサイズ調整をする方法

とあるページのコーディングをしていて演出部分でやりたいことを実現する方法がわからず調べてみたら、知らなかったCSSプロパティを見つけました。 ウェブ界隈一般では周知されてるかもしれませんが自分用のメモということで。
HTML/CSSコーディング

劇的!(でもない)before after 擬似要素の使い方まとめ

自宅を匠にまかせて改造するほどの資金力なんてとうてい捻出できないゴロドクです、どうも。 普段コーディングするのにbefore/after擬似要素ってほとんど使ったことないんですけど、最近あちこちのCSSのTIPS系ブログ読んで結構使ってる例...
HTML/CSSコーディング

初心者でも空き時間で少しずつ学べる プログラミング学習動画サイト『ドットインストール』

ウェブ界隈のツイッタラーさんには今さらな話のような気もするけど、多分世の中にはこれ知らない人たくさんいると思うのでぜひ知っていただきたいと思いご紹介。 プログラミングやwebコーディングに興味あるけど敷居が高そうで二の足を踏んでいる…という...
HTML/CSSコーディング

ウェブ上で数学的表現を実現するもうひとつの解法『MathML』

前のエントリ「ウェブページで数式を表現するための1つの解決法」でGoogle Chart APIを用いた数式表現を実現する方法を紹介しました。 この方法の欠点(かつ長所でもあるが)は実際に生成されるデータはあくまで画像イメージであることで、...
HTML/CSSコーディング

ウェブページで数式を表現するための1つの解決法

あまり一般的には見かけないかもしれないですけど、数学・物理学等、理数系の解説ページや技術系のページなんかでは数式表現を用いなければならない場面ってありますよね。 ワープロソフト付属の数式エディタで数式作成して、その画面をキャプチャして画像化...
HTML/CSSコーディング

ファビコン付けるにあたってコーディングで困ったことのメモ

コンテンツと関係ないから後回しでいいや、と思ってずっと放置しておいたファビコンをとりあえず付けてみました。 画像作ってiconファイルに変換してメタタグ1行コード付け足せばいいや…と簡単に考えてたんですが、なぜか上手く表示されない。その辺の...
HTML/CSSコーディング

CSS3による画像を使わないリンクボタン作成チュートリアル・サンプル・ジェネレーターまとめ

最近のモダンブラウザではHTML5とCSS3の対応も全部じゃないですけどだいぶ普及が進んでいるような気がする今日この頃。 先日の当ブログのデザイン変更でも一部使いましたが、リンクボタンの表現も画像を使わずにCSSのみで結構いろんなことが...
HTML/CSSコーディング

[いまからHTML5]本文で使っちゃいけない文字のこと

今回はちょっとHTMLタグの説明をはなれて、文書の本文を書くときに気をつけなきゃいけないことについて。HTML5だけでなく以前のバージョンでも同じ話ではあるのですが。特殊な文字を表示する場合にはどうしなければならないか、という話です。
タイトルとURLをコピーしました