こんにちは、キャスレーコンサルティング CSVクリエーション部:平野です。
またまた一年ぶりにブログを書きます。よろしくお願いします。
今回はcssでエレベーターを作って、動くおじさんを乗せてみたいと思います。 (続きを読む…)


こんにちは。キャスレーコンサルティング システムデザイン部の阿部です。

今回は、CSSのtransformプロパティを活用し、HTMLとCSSのみによる三次元図形の作成とその操作を行ってみました。

まずは完成図です。
各Λをクリックすることでそれぞれの方向に動き、中央の○をクリックすることで初期表示に戻ります。

(続きを読む…)


こんにちは、キャスレーコンサルティングSD(システム・デザイン)部の青木です。
今回はFontAwesomeを使ってWebページにアイコンを表示してみようと思います。

FontAwesomeとは

FontAwesomeは商用でも無料で使用することができ、様々なユニークなアイコンを画像ではなく、
テキストとしてWebページ上に表示することができるWebアイコンフォントです。

テキストでの表示となるため、cssで自由に大きさや色を変更することができます。
また、FontAwesome自体に多数のアイコン表示機能が組み込まれており、
現時点で600種類以上のアイコンを簡単にWebページに表示することができます。

フォントのライセンスはSIL OFL 1.1、コードのライセンスはMIT Licenseとなっています。
http://scripts.sil.org/OFL
http://opensource.org/licenses/mit-license.html (続きを読む…)


はじめまして、技術ブログ初投稿のキャスレーコンサルティングのSD(システム・デザイン)部・瀬戸口です。
フロント技術とデザインが好きなエンジニアです。よろしくお願いします。

今回は、HTML5で新たに実装された機能「フォームバリデーション」について、少し触ってみたのでご紹介します。
長年HTML4に慣れ親しんだ身としては、HTML5でフォームバリデーションができる!と知った時、とても感動しました。
是非実務にも取り入れたいと思ったので、どういった使い方をすると良さそうか、また、何に注意すべきかを検証してみました。

(続きを読む…)


こんにちは、キャスレーコンサルティングのSD(システム・デザイン)部:平野です。

一年ぶりにブログを書きます。よろしくお願いします。
前回はCSSで遊ぼう「CSSで絵を描き、さらに動かしてみよう」-入門編-という内容でドット絵を再現して遊んでみました。
次回予告として「CSSで目玉描こうぜっ!の巻」と宣言していたため、今回は目玉を作っていきましょう。
(続きを読む…)


こんにちは、SD部の平野です。

今回は、CSSで遊ぼう「CSSで絵を描き、さらに動かしてみよう」をテーマに

  • 絵を描く&動かす為に抑えておきたいCSS
  • ドットっぽい絵を描いてみよう

の2点をご紹介させて頂きます。 (続きを読む…)



  • Profile
    キャスレーコンサルティングの技術ブログです。
    当社エンジニアが技術面でのTips、技術系イベント等についてご紹介いたします。
  • CSV社長ブログ
  • チーム・キャスレーブログ