「CSS」の検索結果
-
ちょっとしたデモに使える!JSを使わずにブラウザ上からスタイルをダイレクトに修正する方法
この記事でご紹介するのは CSS Talk vol.2 で会場を少しざわつかせることができたテクニックです。JSをつかわずに、HTMLとCSSのみでブラウザ上からスタイルをダイレクトに修正する方法をご紹介します。決して実務...
続きを読む
-
「数が増えてもこわくない!Quantity Queriesの紹介」というセッションでCSS Talk Vol2 で登壇しました
CSS Talk vol.2に登壇しました。とても雰囲気のいい勉強会で、話す側としてもとても楽しい時間を過ごせました。 今回は、CSSネタということで、私自身がCMSを作っている会社に所属しているので、自己紹介ついでに...
続きを読む
-
とってもシンプルなスライダーのjQueryプラグインを作りました
とってもシンプルなスライダーのjQueryプラグインを作りました。jQueyプラグイン自体を作ること自体が初めてでした。 制作したスライダーはCodepenにデモを公開しています。 Simple jQuery Plugin Slider Demo ...
続きを読む
-
「マークアップの最適解を見つけ出す方法」というセッションをDevLOVEにて発表しました
2016年9月23日(金)に、DevLOVEという勉強会に話し手として参加しました。今回は東京でしたが、DevLOVEは仙台や関西でも開催している勉強会です。なんと今回が198回目だそうです。 今回お話しした理由 今回の勉...
続きを読む
-
SVGのclipPath要素を使ってモーフィングアニメーションする
もしかしたら中には難しいことをせずに、画像でマスクしてトリミングしている方もいるかもしれませんが、今回は以下の理由があり、SVGのclipPath要素を使うことにしました。 デザイナーさんから手書き風に画像を...
続きを読む
-
WCAN mini 2016 Vol.2でSVG絵本「ピヨスケとたまごのぼうし」を発表しました
2016年8月20日(土)に開催された WCAN mini 2016 Vol.2 SVG Maniax in Nagoya で、制作したSVG絵本「ピヨスケとたまごのぼうし」についてライトニングトークとして発表しました。 もともと、私は学生時代は絵本...
続きを読む
-
CMSMix Sapporo でa-blog cmsセッションのスピーカーとして登壇しました
先日、2月27日(土)に行われた、CMSMix Sapporo 〜Web制作の幅が広がる!プロジェクトの傾向から考える、2つ目・3つ目のCMS選び〜 という5つのCMSのセッションが聞ける勉強会で、a-blog cms のセッションのスピ...
続きを読む
-
CSSセレクタで最後の要素が奇数だったときを指定する
デザイナーさんから、2カラムの要素が3つあったとき、最後の3つめは1カラムにしたいという要望があり、思いついた実装方法です。あまり更新しないコンテンツでしたが、要素が増えたときにCSSを書き直しが発生する...
続きを読む
-
a-blog cms の Unit_List のおすすめの使いかた
a-blog cms の Unit_List のおすすめの使いかたについて、a-blog cms DAY in Nagoya で紹介しました。今回はa-blog cms DAYの後に、a-blog cms Training Camp 2015 Autumn が開催され、私は事例紹介の枠で10分ほ...
続きを読む
-
「アクセシビリティからはじめる、WebサイトのUXデザイン」に参加しました
10月24日(土)に名古屋で開催された「アクセシビリティからはじめる、WebサイトのUXデザイン」に参加しました。講師は BA 太田良典さん、株式会社Gaji-Labo 山岸ひとみさんでした。 株式会社ボーンデジタルさん...
続きを読む
-
iOS9にてCSSの:hoverが1クリックでカウントされる問題が修正された件について
以前、結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも1クリックカウントっぽいSafari という記事があったのですが、どうやらiOS9では修正されて、CSSの:hoverは1クリックカウントではなくなったようです。...
続きを読む
-
「CSSでできるSVGアニメーション」HTML5NAGOYA #16でお話しました
HTML5NAGOYA #16ではテーマがSVGということで、「CSSでできるSVGアニメーション」というタイトルでお話ししてきました。 JSと比べるとCSSはブラウザ対応していないし、できるアニメーションも少ないのですが、 C...
続きを読む