css3

【CSS】入りきらない文字列を三点リーダ(…)にする方法 画面上に文字列を表示すると長文になってしまって2行になったりスクロールバーが表示されたりでデザイン上困ることがあります。 対処しようとして文字数で区切ってしまうと、半角、全角でとても面倒なことに・・・ これに簡単に対処する方法がCSSの「text-overflow」プロパティです。


2016/09/16
CSS
can_i_use

HTML5、CSS3のブラウザ毎の対応状況が確認できる「Can I use…」 HTML5、CSS3の技術って結構ブラウザ毎に対応状況が違うので困ることがあります。 一々ブラウザ毎にテストして確認やサイトで調べたりするのもとても手間です。 ですが、「Can I use…」を使えば指定のタグ等の対応状況をブラウザ毎に確認することが可能です。


css3

CSSのみで簡単に画像が上下に動くスライドショー CSSのみですごい簡単に動くスライドショーを実現しました。 現在は上下のみですが、これで簡単にスライドショーを実装することが出来そうです。


2014/12/15
CSS
css3

CSSで簡単IME制御【ime-mode】 入力項目時に最初からIMEを有効にしたい場合や全角文字禁止のためIMEを無効にしたい項目ってありますよね。 IMEはCSSから制御が可能なのです。


2014/12/10
CSS
css3

CSSでナンバリングを表示する方法 リスト表示しているものに順番を付けたいって時に使えるCSSだけでナンバリングを行う方法をご紹介。


2014/11/27
CSS
css3

CSS 画面上にメニューバー等コンテンツを固定する方法 Webページ上で指定したコンテンツを画面上に固定出来るCSSの方法。 画面上にメニューやツールバーにも使えますし、最近多いSNS系のボタンを画面に常に出すことも出来ます。


2014/11/21
CSS
jsdo.it

HTML,CSS,Javascriptのコード共有、投稿サイト「jsdo.it」 HTML,CSS,Javascriptのコードの共有と投稿が出来るWebサイト「jsdo.it」の紹介です。 このサイトはWebサイトのフロント側の技術を共有と投稿が出来、簡単に自分のWebサイトに埋め込むことが可能です。


google_tilt_turn_replay

Googleの斜めと一回転をJavascriptとCSSで再現してみました Googleでは「斜め」や「一回転」と検索すると検索結果のページが斜めになったり一回転するんです。 今回はGoogleを真似てみてCSSで斜めと一回転の再現をしてみました。 実行させる方法としてJavascriptを使用しています。


2014/06/02
CSS
css3

CSSで指定した要素を上下、左右、中央に配置する方法 縦、横の長さが不明なものや一定ではないものを要素の中央に配置することが出来ます。 コード自体もとても簡単です。


2014/05/28
CSS
css3

CSS テーブル、リストに特定行に効果を指定 テーブルやリストの特定行をハイライトにしたい。 CSSの疑似クラスを利用すれば、簡単に特定の行に色を付けたりが簡単にできます。


2014/05/26
CSS
css3

レスポンシブルデザインの作成 PCやスマートフォンでは画面サイズがことなるため、それぞれに最適化したHTML、CSSを別々に用意してユーザエージェントの判定を行い、リダイレクトさせるといった面倒な手法が多いです。ですがレスポンシブデザインは1つのHTML、CSSで画面サイズによってデザインを振り分けることが可能です。