Css | Select *
Web Webサービス Web制作

復習にもオススメ!ゲーム感覚でCSSのセレクタを学べる「CSS Diner」

css-diner3オハヨウゴザイマス!
Webアプリケーションエンジニアの@deepblue_willです。

Webと切っても切れないのがCSSです。CSSではセレクタと言われるものを記述してレイアウトやデザインをしていくわけなんですが、これが意外と曖昧に覚えている方もいるんではないでしょうか?そんなCSSのセレクタをゲーム感覚で力試しできるWebサービスがあるので紹介します。

Web Web制作

[CSS] 回り込み(float)を解除する3つの方法

clear-floatオハヨウゴザイマス!
Webエンジニアの@deepblue_willです。

たまにはWeb制作のことでも書きたくなったので、floatによる回り込みの解除について書こうかなと思います。
いろいろ方法があるので、それを紹介していきます。



Web Web制作

CSSの色指定はHEXよりもRGBよりもHSL指定がすごくいい!

オハヨウゴザイマス!
たまにはWeb系プログラマっぽいことでも書こうかなと思った@deepblue_willです。

さてさて、先日FeedlyのためのChrome拡張「Colorful List View For Feedly」をリリースしました。
そこで色の指定をhsl指定という方法を使用しました。
これがとてつもなくいいので紹介しちゃいます。

Web Web制作

少しのCSSでラベル付きの枠を作る方法

ラベル付き枠オハヨウゴザイマス!
今、仕事でWebデザイナーの真似事をしている@deepblue_willです。

Webデザインって本当に難しいですよね!
ここ1週間くらいいろいろ頭を悩ましてます。
その過程で←の画像のようなラベル付きの枠を簡単に作る方法を知りました。
多分、Webデザイナーにとっては当たり前すぎることなんでしょうでけど。。
個人的にあまりに衝撃だったので紹介しちゃいます。

Web Webサービス Web制作 まとめ

初心者必見!私がWordPressのテーマデザインでお世話になったジェネレーター系Webサービス

オハヨウゴザイマス!
WordPressテーマを自作してみた@deepblue_willです。

WordPressのテーマを作るにあたって、デザインのデの字のしらない私はデザインで苦労しました。
でもWebにはWebデザインに特化したWebサービスがいっぱいあります。
そこで、テーマづくりでお世話になったWebサービスを紹介したいと思います。

Categories

  • Lifehack (57)
  • Web (140)
  • まとめ (172)
  • コンピュータ (132)
  • 仕事 (10)
  • 趣味 (104)
  • 雑記 (88)
  • Popular Posts