読者です 読者をやめる 読者になる 読者になる

つばさのーと

つばさの日常を綴るのーと

CSSで某ブログのプロフィール画像を真似てみたけど失敗したってはなし

こんにちは、つばさ(@tsubasa123)です。 最近、CSSだけで作れるグラデーションを利用した見出しデザインの作成に挑戦しております。色々と試行錯誤しているわけですが、今日は時間がかかった割りにあまりクオリティの高くない、どちらかというとコスパの…

無料で使えるWordPressテーマ 「yStandard」がカスタマイズフレンドリーでいい感じ

こんにちは、つばさ(@tsubasa123)です。 最近流行っているっぽいので、ちょろっとWordPress界隈の情報収集をしていたら新しいテーマを見つけたのでご紹介です。まだ公開されたばかりのようで、あまりメジャーじゃないかもしれませんが、個人的にはかなり…

CSSアニメーションを考える前に利用できるプロパティを予習する

こんにちは、つばさ(@tsubasa123)です。 WEBページにおいてアニメーションを考える時はついついJavaScriptを利用してしまいますが、CSS3全盛期の昨今はCSSのプロパティを利用するのが王道というものでしょうか。時代の流れを追うために私もちょっと試して…

CSSだけで三角形を作る仕組みを自分でしっかり考える

こんにちは、つばさ(@tsubasa123)です。 知っている人からしたら何年前だよ、って突っ込まれるようなネタですが、実は仕組みをちゃんと理解せずにコピペで使っていたのでこれを機に仕組みを整理します。意外と応用がききそうなので基本はしっかり押さえた…

WEBサイトで使われているフォントが簡単に確認できるChrome拡張の「WhatFont」が便利

こんにちは、つばさ(@tsubasa123)です。 最近、Chromeの拡張で遊ぶのがマイブームとなっておりまして、そのうち自分でも作ってみたいなと憧れを抱きながら色々なアドオンを試しています。で、タイトル通り、「WhatFont」ってアドオンがいい感じだったので…

CSSでテキストを垂直方向に中央揃えにする4つの方法

こんにちは、つばさ(@tsubasa123)です。 脱CSS初心者に向けて絶賛勉強中の私ですが、今日はタイトル通り、テキストを中央揃えにする方法を勉強しましたのでメモしておきます。これは意外とカスタマイズでも使う機会が多いのでしっかりと覚えておきたいと…

CSSでハンバーガーメニューのアニメーションを実装する方法

こんにちは、つばさ(@tsubasa123)です。 ハンバーガーメニューってご存知ですか?スマホサイトのページ上部にあるタップするとメニューがベロンってでてくる三本線のボタンのことをハンバーガーメニューと呼びます。「≡ 」こーゆーやつ、見たことあります…

WEBアクセシビリティから考える色の使い方

こんにちは、つばさ(@tsubasa123)です。 昨日、目次の必要性について考えましたが、今日はお色について少し調べたことをまとめておきます。浅い知識で調べたことのまとめになりますので、誤認・誤報があるやもしれません。有識の方、ご指摘いただけますと…

スマホサイトのカスタマイズ時に参考になるデザインギャラリーサイト10選

こんにちは、つばさ(@tsubasa123)です。 はてなPro契約が完了してからひたすらスマホサイトのデザインを研究しております。今までまじめにデザインに取り組んだ経験がないため大変苦戦しておりますが、少しずつでも自分の理想とするサイトに近づけていき…

CSS3でグラデーションの基本をおさらい、めんどくさい方はジェネレーターでどうぞ

こんにちは、つばさ(@tsubasa123)です。 最近、カエレバ・ヨメレバボタンのカスタマイズにはまっています。そのうちコピペコード第2弾をお届けしたいと思っていますのでよければご利用ください。 今回はボタンカスタマイズの過程でCSSのグラデーション指…