Web制作技術

Design

2013年向け年賀状用フリー素材まとめ10サイト+3記事

年賀はがきも11月はじめから販売になっててまとめておこうと思って忘れてました年賀状向け素材です。 年賀状も毎年早め早めに作らなきゃ…と思いつつずるずると年末まで引っ張ってしまいます。ダメですね。週末の連休くらいで作業できると良いんですけど。...
Design

商用・無料で利用できる国内フリー写真素材24サイト 2012年10月版

定期的にチェックしてないとリンク切れとかあるんでその辺の確認かねて国内の無料画像素材まとめておきます。定番サイトも多いですが未読のものがあれば参考に。 利用条件の概要について併記しますが、実際に利用するにあたっては各サイトにていま一度確認し...
HTML/CSSコーディング

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

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

リッピングという言葉に対するミスリードが酷すぎる件

朝からTLが文化庁の違法ダウンロードの件で盛り上がっている。 何がしか製作や創作をすることに携わっている人間としては、こういう話題はやっぱり触れておかねばならんよね。
HTML/CSSコーディング

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

縦ボーダーのシャツを着ても縞のゆがみなんて全く気にならないガリのゴロドクさんです、どうも。 CSSで作る吹き出しの記事がなかなか評判良かった(WEBクリエイターボックスさんにツイとFBで拡散されて見たことのない時間PVになりました。ありがと...
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系ブログ読んで結構使ってる例...
Design

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

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