Web技術 | ページ 6 | 56DOC BLOG

「 Web技術 」一覧

CSSのみ画像不要のドット柄背景の作り方を若干丁寧に説明してみる

CSSのみ画像不要のドット柄背景の作り方を若干丁寧に説明してみる

ドット柄を見ると職業柄ついパンチングメタル(等ピッチ穴明きの鉄板)を思い出すゴロドクさんです、どうも。 「CSSのみ画像不要のストライプ柄背景~」という記事に引き続き、CSSのみの背景パターンの作り方の解説です。今回はドット柄に挑戦です。

記事を読む

CSSのみ画像不要のストライプ背景の作り方を若干丁寧に解説してみる

CSSのみ画像不要のストライプ背景の作り方を若干丁寧に解説してみる

縦ボーダーのシャツを着ても縞のゆがみなんて全く気にならないガリのゴロドクさんです、どうも。 CSSで作る吹き出しの記事がなかなか評判良かった(WEBクリエイターボックスさんにツイとFBで拡散されて見たことのない時間PVになりました。ありがとうマナさん!)ので画像不要・CSSのみの定番演出シリーズ第2...

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

NO IMAGE

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

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

記事を読む

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

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

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

記事を読む

WEBデザインギャラリーのまとめ 57サイト 2012年9月版

WEBデザインギャラリーのまとめ 57サイト 2012年9月版

WEBデザイン時の参考にするのにサイトデザインのキャプチャをまとめたギャラリーサイト。その界隈の方が定期的にまとめ記事書いてますが2012年9月版ということでリンク切れチェック等兼ねて改めてまとめてみました。ちょっと数が多いので PC向けデザイン【36サイト】 モバイルデバイス向けデザイン【14サ...

記事を読む

2012年8月期 日本国内におけるブラウザシェア

2012年8月期 日本国内におけるブラウザシェア

アフィサイト作っててIE8ってRGBaに対応してないことに気が付きました。生まれて初めて「IE爆発しる!」って思いました、いつもは温和なゴロドクさんです、どうも。 そんなのキッカケでブラウザシェア調べたので現状こんな感じ…というかマメに更新されてるっぽいサイト見つけたのでご紹介。

記事を読む

Google web fonts APIで自由なテキストデザインを

Google web fonts APIで自由なテキストデザインを

お気づきの方もいらっしゃるかもしれませんが、当ブログの意匠をうっすら変えてみました。といっても全体構造は全くいじらず主に配色関係なのですが。 ついでにサイトロゴもなんがかイマイチ気に入らないので変更することにしたんですけど、またそのまま画像使うのも面白くないのでウェブフォントなどを使ってみることにし...

記事を読む

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

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

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

記事を読む

スポンサーリンク