css– category –

「カラーピッカーを自分の作るサイトに付けるためにJSColorを使う」という記事を書いてFacebookにシェアしたときにHTML5だったらjsなしでとても簡単に実現できる、と教えてもらいました。HTML5は今時点ではまだどのブラウザでも使えるということでもなさそ...

ブラウザで表示するコンテンツのフォントはstyleシートなどで指定したfont-familyの中から「ユーザーのPCにあるどれかの」フォントで表示されることになっています。OSが同じだったらほぼ同じように表示されるはずですが、それでもそれぞれのPCのフォント...

サーバーにある複数のWordPressサイトをパソコン上のXAMPPで動かすための作業をしていました。データベースはサイトのURLに関する部分を修正しないとちゃんと動きません。UPDATE文自体は数行なのでテキストエディタで置換を繰り返せば済みますが、それを複...

Webサイトを作るときにどのフォントで表示するか、というのは大体定番が決まっていて、あまり新しいフォントを指定することはありません。というのもWebを見てもらう場合に使われるフォントはユーザーのPCに入っているフォントが利用されるので一般的なフ...

新幹線のドアの上にあるちょっとしたニュースのタイトルが出る電光掲示板が好きです。あれと同じようなモノをWebで作ってみたいな－、みんなの経済新聞のRSSから表示すれば面白いなーと思って、ちょっと作ってみたのでそれについて書きます。 みんなの経済...

「Windows7にSass環境を構築するのに色々あった件」でSassの環境を整えてみました。まだSassのコードを書いたことが無かったので「Sassはじめの一歩！」的にまっしろな状態からSassを勉強し始めました とりあえずSassってどういう風に便利なのかをWebで体...

先週末、XOOPS Cube勉強会に出席しかなり盛り上がりました(^^)/。詳細はきっと次のOSCあたりで明らかになると思いますが、なかなか楽しいことになりそうです。そういう気持ちが盛り上がったときに帰りに本屋さんに寄ったときに「Web制作者のためのSassの教...

私はRYUSの営業日は毎日blogを書いています。毎日書くのはそれなりに大変なのでいろいろ工夫をしていますが、今日はその中で秀丸マクロを使ってblogを書く時間を効率化していることについて書きます。 画像を貼り付けるときに分かりやすくしたい 画像を貼...

CSSで画像が丸く切り抜けるということを知ってちょっと試してみたくなりました。今のトップページは正方形に画像を切り抜いていますが、CSSで丸く切り抜いてみます。 丸く切り抜くCSSの指定 CSS - 画像を丸く切り取る こちらのサイトを参考にさせていただ...

Bootstrap3を使うと簡単にかっこいいフォームとかページができます。CMSではなくてちょっと自分用にphpで小さいプログラムを書いたり、あるいはちょっとしたhtmlを書いてみたいなと思ったときにBootstrap3を使うとよさそうです。 今まで何度か使ったことが...

Webサイトを見ているときに右下のあたりに　ポッ　と四角いエリアが浮き上がってきてメッセージが表示されて、クリックしたり数秒経つと消えているようなものを時々みかけます。 この四角いエリアのことをトーストというようです。ちょっと面白そうだった...

マニュアルや何かを教えるテキストを作ろうかなと思ったときにまず考えるのはWordで作ることかなぁと思うんですが、Wordは結構苦手で(^_^;)、読むことぐらいしかしていません。かといってDTPソフトでは大げさすぎるし、と考えたときに「慣れているWordPres...

吹き出しと顔を組み合わせて会話するようなコンテンツを うさぎにもできるXOOPS Cube入門　というサイトで作りました。当時はcssのこともよく分かっていなかったので、吹き出しも画像などを組み合わせて作ったのでだいぶ時間がかかりました。 他のサイトで...

Webサイトをいくつか作っていくうちに「こんな表現ができたらいいな」と思って検索したりすることでCSSをおぼえてきました。先日もあるサイトで「ここは太字とか色を付けるではなく、蛍光ペンで線を引いたように見せたい」と思うことがあり、検索したらす...

昨日の「CSSで蛍光ペンでラインを引いたように見せる表現をするには？」を書くために色を選んだり太さをあれこれ試したり、その結果をspanやClassにしたりするのが結構面倒くさい作業でした。そのため、蛍光ラインマーカーメーカーのようなものを作ろうと...

Webサイトを作るときにどのフォントで表示するか、というのは大体定番が決まっていて、あまり新しいフォントを指定することはありません。というのもWebを見てもらう場合に使われるフォントはユーザーのPCに入っているフォントが利用されるので一般的なフ...

小学校の教科書はその時点で習っていない漢字にはルビ（ふりがな）が振ってありました。HTMLでもルビを振るタグがあることは知っていたのですが、今まで作ったコンテンツで「ふりがなを振らないと」という機会がありませんでした。しかし、今やっているお...

新幹線のドアの上にあるちょっとしたニュースのタイトルが出る電光掲示板が好きです。あれと同じようなモノをWebで作ってみたいな－、みんなの経済新聞のRSSから表示すれば面白いなーと思って、ちょっと作ってみたのでそれについて書きます。 みんなの経済...

他のサイトの情報を見てblogに書くときなどは「引用」として、自分のサイトの情報ではないのですよ～、という感じにしないと、あれ、というかえーといけませんよね(>_<)！ blockquoteタグで囲む方法 で、そういうときは blockquoteタグ で囲むことに...

CSSフレームワークというとBootstrapが有名です。今までBootstrapしかCSSフレームワークを知らなかったのですがPureというCSSフレームワークをYahoo!が提供しているということを聞いて試してみました。 Pureは導入が簡単なことと、機能がシンプルなために...