skillup

技術ブログ

「 まとめ 」 一覧

no image

CSSデザインネタリンク集

2018/06/11   -デザイン
 ,

デザインモックがないとき用のリンク集なもの 管理画面テンプレート 一般系 直接使うもよし、参考にするもよし 2016年最新 スタイリッシュな管理画面の無料&有料HTMLデザインテンプレート 19選 B …

no image

バッチスクリプトで気をつけたい点

実務でバッチ処理を作る際に気をつけるべきと思ったこと。 基本的にエラーをいかに捉えていかにログに吐くかを最初に考える。まずはエラーありき。失敗するもの、想定した値がこない、あるいは値がないを前提として …

no image

レスポンシブサイト作成に関して

2018/03/30   -デザイン
 ,

実務でレスポンシブを作ったので、そのまとめに関して。ちなみにPCのサイト自体も作ったことなかったのでそのまとめに関しても。 メインキャッチの処理は縦横の比率を変えない、常に要素を中央に配置するとなると …

no image

画像ネタまとめ(画像中央寄せ)

2018/03/17   -デザイン
 ,

ギャラリー的な画像を使ったときに思ったこと。下記が画像の標準的な扱い方かな・・・ 枠自体は高さも幅も決める(li要素のwidth,heightは決める) 基本は画像要素を中央揃え(positionの5 …

no image

Webの高速化に関して

Webの高速化に関してメモ。 高速化って言っても幅広いんですけどね。自分が行なっている対策に関して。 一応LAMP環境を前提にしてます。 一番大事なのは測定 まずどこが遅くてボトルネックになっているか …

no image

CSSネタに関して

2018/01/30   -デザイン
 ,

何回か書いてきたCSSのまとめネタ的なもの。 紙で印刷しておくと生産性が3倍ぐらいになる。思った以上にコーディングがしやすい。 良く使うユーティリティ系の操作をまとめる。ベンダープレフィックス以外にも …

no image

css tips display:table,marginの相殺,font-size指定,margin上下の%など

2017/12/30   -デザイン
 ,

昨日、喫茶店でみていた参考書でみたCSSのネタに関して忘れないようにメモ。 display:table table-layout: fixed;で均等幅になる。%指定しなくていいかも。 また間隔を開け …

no image

スマホサイト対策全般

2017/12/29   -デザイン
 ,

スマホ対策のデザインに関するチェックリスト。 viewport まずは横幅などがおかしくないかの確認

コピペで済ませていませんか?改め …

no image

css中央ぞろえ

2017/12/23   -デザイン
 ,

よく出る中央ぞろえテクに関して 横センタリング   [CSS]高さが分からない要素を天地・左右・天地左右の中央に配置するテクニックのまとめ 中央センタリング たった4行! CSS3 Flex …

no image

検索ページの遷移に関して

検索ページの遷移に関してメモ。 基礎だが実際全部完全に網羅できているかというと不安な部分が多い。 基本仕様: 以下のようなページ構成を想定 1ページ目は検索エリアと一覧が同時にでる 一覧情報からはリン …