デザイン

デザイン

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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