hino

見やすさ&わかりやすさ、それにちょっぴり遊び心を加えたWebデザインを目指しています。

    CSSだけで作る王冠付きのランキングリスト

    CSSだけで作る王冠付きのランキングリスト

    2020/10/26  ,

    今回は、人気商品やアクセスの多い記事の表示に役立ちそうな、シンプルな王冠アイコン付きのランキングリストをCSSで装飾する方法をご紹介します。

    TypekitでモリサワとTypeBankのフォントが使えるようになりました

    2018/3/21  

    今月6日、Adobeが提供するフォントライブラリサービス「Typekit」にて、新たにモリサワとTypeBankのフォントが使えるようになりました。 今回追加されたフォントはモリサワ10書体、Type ...

    秋をイメージしたフリー写真素材11枚と、Photoshopアクション3種

    2018/3/21  

    今回は、これからの季節に使えそうな秋をイメージしたフリーの写真素材と、撮影した写真を手軽に秋の色合いに加工できるPhotoshopアクションをご紹介します。

    CSSでラジオボタンをタブメニューに変える

    2018/6/18  ,

    先日、ラジオボタンで実装済みのUIを急遽タブメニューにしたいというご要望をいただき、CSSを利用してタブメニュー風のデザインとして見せることにしました。ラジオボタンを元にCSSでタブメニューを作成する ...

    CSSで作るシンプルな矢印アイコン29個

    2023/3/2  ,

    最近ではCSS3の対応ブラウザが増えたおかげで、画像を使わずともサイト上で色々な表現ができるようになりました。CSSでデザインの実装を行う場合、「カスタマイズやメンテナンスが容易」「レスポンシブWeb ...

    HTML+CSSだけで作るエアメール封筒

    2020/10/26  ,

    前回、CSSで作る郵便切手と消印風スタンプをご紹介しましたので、今回はエアメール風の封筒デザインを同じくCSSだけで作ってみたいと思います。 せっかくですので、前回作った郵便切手やスタンプと一緒に合わ ...

    コピペで簡単!CSSだけで作れる郵便切手と消印風スタンプ

    2022/9/3  ,

    今月7月は別名「文月」と呼ばれ、特に23日には「文月ふみの日」として様々なイベントが行われます。 今回はそんなお手紙と関係の深い7月にちなんで、CSS3を使って画像を切手のように装飾したり、消印風のス ...

    好きな風景をパレットに!Adobe Color CCの使い方

    Webデザインを作り始めるときにいつも迷ってしまうのがサイトの配色です。 外出先で見かけた風景など、ふとした瞬間に「あ!この配色いいな。今度のWebサイトで使ってみよう」と思っても、その場ですぐ記録す ...

    6月23日に終了するFacebook Like BoxからPage Pluginへの移行で気をつけたい事

    ホームページなどに表示してFacebookページへの「いいね!」を促すソーシャルプラグイン「Like Box」ですが、このLike Boxは現在deprecated(非推奨)とされており、2015年6 ...

    無料でもOK!手軽に使えるTypekitの日本語Webフォント14個

    2015/10/9  

    源ノ角ゴシック・小塚ゴシック・小塚明朝など、AdobeのTypekitにて14種類の日本語Webフォントの提供が始まりました。今までTypekitの日本語フォントはアプリケーションでの利用に限定されて ...

    © 2024 PRESSMAN*Tech Powered by STINGER