CREATOR BLOG

「CSS」の記事の一覧

サイトの高速化で行なっていること

2014/11/21
てっちゃん
  • このエントリーをはてなブックマークに追加

img

こんにちは、てっちゃんです。
最近、急な気温で体調を崩されてる方が多いのでは無いでしょうか?
僕も先週から本調子ではなく、鼻声で仕事しています。
みなさんも体調には気をつけましょう。

さて、今回はサイトの高速化について普段行っていることを書いていこうと思います。

背景としては、回線速度が向上してきたことで速度を気にせずWebサイトの閲覧が出来るようになってきましたがそれにともないディスプレイも進化したことで高解像度の画像を扱うことが出来ます。これにより画像の容量が増え、スマホやタブレットといったデバイスでも遅延なしに閲覧できるようにしないといけない状態になってきました。また、google analticsにもWebサイトの速度が閲覧できるようになり、ひとつの指標となっています。

っということで、まずはツールの診断結果を見てWebサイトの改善ポイントごとに作業していきます。 続きを読む

すごいサイトのテクニックを学ぼう!デベロッパーツールでソースを見る

2014/11/19
tan
  • このエントリーをはてなブックマークに追加

月曜に引き続きtanです。
今回はすごいサイトからテクニックを学ぶための方法をまとめてみました!

html/css/jsは、ブラウザ上でも簡単にソースを見ることができます。あたりまえですね。
逆に、ソースが見れないという例をあげると、画像です。
画像は保存することはできますが、専用ソフトで開いてもどのようなレイヤー構造をして、どのようなフィルターをかけているのか、どのようにマスクをかけているのかなどを知ることはできません。
ですがhtml/css/jsはソースを見ることができるんです!!

ogp_r2_c1

ソースを見れるということは恵まれた環境にあると思います。
私は定期的にすごいサイトを見てはデベロッパーツールを立ち上げて技術を学んでいます。
デベロッパーツールの紹介と、どのようなことをポイントとしてソースを見ているかをまとめました。

続きを読む

margin?padding?ボックスモデルを理解しよう!あとbox-sizingが便利だよ、って話

2014/10/17
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
先日marginとpaddingの関係やらボックスモデルやらの話をする機会があったので、ここでちょっとまとめておきたいと思います。

続きを読む

カラーネーム/RGB/HSL ウェブでのカラー指定いろいろ

2014/09/17
近藤
  • このエントリーをはてなブックマークに追加

こんにちは、近藤です。

WEBで利用される色指定フォーマットには、RGB・カラーネーム・HSLなど、様々な種類があります。
今回は、色指定フォーマットに関してのまとめをしたいと思います。

続きを読む

【CSS3】Firefoxでwriting-modeが使えなくて困ったのでどうにかした話

2014/09/08
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちはフロントエンドエンジニアのあつこです(ΦωΦ)
前回の記事の流れ的にAPIの話をするのかと思いきや、早速しません。
先日Firefoxでドはまりしたのでその時の対処方を備忘録的に。
(APIの話の続きは次に書きます、多分・・・)

ちなみに8月中に滑りこみでスイカを食べました。唯一の夏体験…

続きを読む

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

サイト内にうまくInstagramを取り入れてるサイト11選

Category

Archive