skillup

技術ブログ

「 月別アーカイブ:2017年10月 」 一覧

no image

スマホサイトの横ぐらつき ~border-size:border-boxigについて

2017/10/31   -デザイン
 

スマホサイトをつくっていたところ、横幅がぐらつくというあり得ない事態に・・・ どうやら内部の幅が100%を超えるときにこの現象が起きてしまうようです。 対策1 コンテンツの幅が100%を超えている部分 …

no image

cssでのmax,minや画像の配置に関して

2017/10/31   -デザイン
 

主に画像なんかで使われるんですが、max(min)-width(height)などの使い方に関して。 えーmax(min)はどういうときに使われるかというとまず可変な要素に対して使われることが多いです …

no image

SSHの鍵認証に関して

SSHの鍵認証についてやり方自体は流れ作業でできていましたが、根本的なところが理解していないので復習。 まずは通常の流れを。 1 クライアント(自分のPC)で公開鍵・秘密鍵を作成。ssh-keygen …

no image

vagrant share

実はvagrantを使って仮想環境を一時的ではありますが、webから見ることができます。 1 まずはhttps://atlas.hashicorp.com/account/newにてアカウント登録。そ …

no image

エディタatomについて

今までのエディタですが、 gvim eclipse をメインに使ってました(PHPでは)。 エディタとか一旦なれるとなかなか変えにくいのでずっと上記のままでいこうと思ったんですが、今の現場でatomを …

no image

checkboxのカスタマイズ

2017/10/15   -デザイン
 

ブラウザのディフォルトではなくcheckboxをカスタマイズしたいとき。 やったことなかったんですが、やってみると結構面白い。 ソース まずはソースを。 html [crayon-5a3120329f …

no image

メニュー系のCSS

よく迷うのでこれを機にまとめておこうかと。 通常時のメニュー html

css [crayon-5a312032a0412517396 …

no image

ワンポイント画像系のcssでの実装

2017/10/09   -デザイン
 

主にリストやリンクなどのワンポイントアイコン系の画像をどう実装するかについて。 list-style list系ならばもっとも簡単に実装。 html [crayon-5a312032a1afc7788 …

no image

backgroundやbox系のプロパティ

2017/10/09   -デザイン
 

cssのbackground-imageについてちょっとまとめ。urlとかrepeatとかはとりあえずぬきで 背景画像の位置 background-postion いわゆるどの位置で画像を表記するか。 …

no image

lessサンプル

2017/10/08   -デザイン
 

lessのサンプル lessファイル構成 header,footer sytle 変数 lib 関数 common headerなどの共通部分を@importで読み込む共通モジュール top ページ自 …