検証端末の新調のため、スマートフォンやタブレットのデバイスのシェア率を調べていたのですが、よい情報がなかったので僕の付き合いのある方々のご協力のもと、データをいただいて計測してみました。 (だいたいサイトの合計で月平均150セッション(20[…]

webサイトにダイナミックな仕掛けを施したい!と思った時って、JavaScriptやjQueryを使って「scroll」や「resize」のイベントで発火する処理を書いたりしますよね。 それで、いくつかのエフェクトを実装した後に、「あれ、サ[…]

仕事の都合で必要になったので、スマホでよく見るハンバーガーメニューをLIGさんの記事を参考にして作りました。 要件としては、後々の汎用性も加味してjQueryは利用しない。JavaScriptで記述する。 bootstrapは入れる(nav[…]

一度もHTML/CSSに触れたことのない人向けに、爆速でHTML/CSSを身につけるための勉強法を紹介します。 まず、事前に伝えたいのは「HTML/CSS」を始めプログラミングの勉強は、取っ掛かりさえあればそんなに難しくないよ。ということで[…]

「スター・ウォーズ/フォースの覚醒」がついに上映開始されましたね! 僕は、スターウォーズ見たことの無い人間なので、詳しいことはわからないのですが。。 最近、codepen.ioを利用して、jsの勉強に励んでいるのですが、ふとトップページの「[…]

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

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

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

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