スマホやタブレットからのフォーム送信
フォームを作成するとき、利用者には見えない部分での工夫がある。 …ちょっと大げさか? 以前はユーザーがキーボードで文字などを入力できるフィールドは、type=”text”としておけば大体はよかった
「スマホやタブレットからのフォーム送信」のつづきを読む »
ナビゲーションバー固定でシンプルなテンプレート
トップのナビゲーションバーをスクロールしても表示しているよう固定にしました。1カラムの可変レイアウトにしていますので、編集しやすいテンプレートとなっております。会社案内や小規模サイトにぴったりなデザインです。  
「ナビゲーションバー固定でシンプルなテンプレート」のつづきを読む »
tro-sukeブログをちょっと改良…
ホームページはリニューアルしたけれど、ブログは以前のままになっていました。 テーマを作り直したらいいのですが、とりあえずタブレットやスマートフォンでも閲覧できるように改良しました。 しばらくはこれでご覧いただきますよう、
「tro-sukeブログをちょっと改良…」のつづきを読む »
これからのレイアウトはFlexboxが便利!!
ブラウザの環境がどんどん進化しており、CSS3もベンダーフィックスなしでだいぶ使えるようになってきて、ようやく定着した感がありますね。今まではレイアウトを考える時、IEはどうしようかとか、見え方がちょっと違うのは変だとか
「これからのレイアウトはFlexboxが便利!!」のつづきを読む »
ホームページをリニューアル
しばらく更新も途絶えておりましたが、この度ホームページをリニューアルしました。 ユーザビリティやアクセシビリティを考慮し、文字を以前より大きめに設定し、メニューへのアクセスをシンプルにしました。特にパットやスマホでサイト
「ホームページをリニューアル」のつづきを読む »
sp-2bのシリーズをHTML5・CSS3でリニューアル
久しぶりにブログの更新です。もっと更新しないといけないのですが、ついつい後回しになってしまって…。訪問してくださった方も不安になってしまいますよね。 ホームページのテンプレートやWordPressのテーマは、作成したもの
「sp-2bのシリーズをHTML5・CSS3でリニューアル」のつづきを読む »
Internet Explorer でもOK!!「display: table」
まだスタイルシート(CSS)というものがなかった頃、tableを使ってレイアウトしていた時代がありました。その後CSSが確立されてくると、 “tableを使ってレイアウトするのはよくない!!”というのが当たり前になって、
「Internet Explorer でもOK!!「display: table」」のつづきを読む »
display: boxとdisplay: flex
先々月、サイドバー固定でメインカラムを可変のレイアウトで、3カラムのテンプレートを 作成するとき、「display: box」を使用していました。そこで便利だったのが「box-ordinal-group」というもの。ht
「display: boxとdisplay: flex」のつづきを読む »
HTML5・CSS3で作った3カラムテンプレート、バグあり…修正!!
ホームページのテンプレートやWordPressのテーマを作るとき、心がけているものの中にhtmlの構造があります。単に形を整えるのではなく、構造を記述する順番だったりするのです。SEO対策といったことからも重要なことです
「HTML5・CSS3で作った3カラムテンプレート、バグあり…修正!!」のつづきを読む »
不透明度 opacity とカラー指定 rgba
CSS3で新しく加わったプロパティの中に透過があります。以前は透明効果を使う場合は、透過のpng画像を使ったりしていました。 CSS3では上記のように記述すればdiv要素を80%に透過してくれます。とても便利ですね。 t
「不透明度 opacity とカラー指定 rgba」のつづきを読む »