css /css3

【JavaScript】webサイトのレスポンスが悪くなってしまう前に知っておきたかった記事まとめ。

webサイトにダイナミックな仕掛けを施したい!と思った時って、JavaScriptやjQueryを使って「scroll」や「resize」のイベントで発火する処理を書いたりしますよね。

それで、いくつかのエフェクトを実装した後に、「あれ、サイトがもっさりしてる」と感じた経験ありませんか。

続きを読む

【HTML/CSS】はじめてのHTML/CSSの勉強方法

一度もHTML/CSSに触れたことのない人向けに、爆速でHTML/CSSを身につけるための勉強法を紹介します。

まず、事前に伝えたいのは「HTML/CSS」を始めプログラミングの勉強は、取っ掛かりさえあればそんなに難しくないよ。ということです。何やらよくわからない文字や記号の羅列があって難しそう。と思われる方もいるかもしれませんが安心して気楽に勉強していきましょう!

続きを読む

【STAR WARS】CSSやJavaScriptで実装されたキャラクター達まとめ

「スター・ウォーズ/フォースの覚醒」がついに上映開始されましたね!
僕は、スターウォーズ見たことの無い人間なので、詳しいことはわからないのですが。。
最近、codepen.ioを利用して、jsの勉強に励んでいるのですが、ふとトップページの「Picked Pens(オススメの投稿)」を見ていたら、スターウォーズだらけになっていたので、せっかくなのでまとめてみましたw

続きを読む

【CSS】CSSのセレクターの指定方法について

こんにちは、中村です。「CSSのやり方教えて。あ、わかりやすくね!」と言われるのでCSSのセレクターの指定方法についてまとめました。あと、いまさらながら自分自身の体系的な勉強にもなればなと思い記します。少しでも需要があればよいかなと。

続きを読む

【WordPress/css3】コピペで使えるWebフォント[dashicons]まとめ

WordPressの管理画面で使用されているアイコンの数々、実はこれWEBフォントだって知っていました?意外と言われて気がついた方も多いのではないでしょうか。このアイコンセットは「dashicons」という名前のフォントです。そして実はこれ、ブログ上でも簡単に流用ができます。

続きを読む

【CSS】見出しデザインに使えるCSSの指定をまとめてみた

こんにちは、中村です。最近、WEB周りのところで自社のサイトだったり、お世話になっている方のお手伝いでサイト内のCSSの変更をさせていただく機会があるのですが、意外と見出しにこまることが多いので、デザインのテンプレートも兼ねてCSSでの見出しをいくつかご紹介します。

続きを読む

【CSS3 / Webフォント】コピペで使える見出し用Google Fontsまとめ

かっこいいデザインのサイトを作るときに、レイアウトや配色と同じくらい大事な「フォント」。Webフォントが普及していて、最近はもっぱらGoogle Fontsに依存しているのですが、その中で、僕が独断と偏見で「見出しに使える!」と感じたフォントをまとめました。

続きを読む