自分でできる簡単更新!オリジナルのホームページ制作ならkayokiseki-design
 

body内にstyleを書く

チップス系のブログを書いていると、「この一記事だけ定義したいスタイルがある!」というケースがあります。

今まではインラインスタイルで書いたり、他のページを作ってiframeで見せたり、cssにたった1記事分のstyleを加筆したり、色々な工夫をしていたのですが、正直とても面倒くさかったです(;´Д`)

今年の抱負「昨年は結婚や入院でちょっと疎かになってしまったブログを定期的に書く」。この野望?無謀?いえいえ出来ることからやってみよう!好奇心の形になったようなブログですが、今年もどうぞよろしくお願いいたします。

 

Bootstrap表示・非表示class

新年明けましておめでとうございます。今年はどんなHPトレンドが来るのでしょうか、楽しみですね!


栄枯盛衰、流行りは必ず廃るもの。わたしは服は数年着るので流行りのデザインは買わないのですが、アパレル同様Webデザインも流行ったものをいつまでも使用していると流行遅れに見えてしまいます(;´Д`)。ホームページの制作を検討されている方は、「2~3年は安定して使い続けられるデザイン」を提案してくれる制作会社さんを選ばれてくださいネ!

本日のエントリーはタイトルの通りですが、新年なのでまず昨年わたしが廃ったと感じているものをご紹介。

 

Bootstrapコードを速く書く

わたしはレスポンシブデザインに大事なグリッド構造を、Bootstrapを利用して組んでいます。

css・jsともにあらゆるデバイスにフィットするWebサイトを構築するのに必要なものがパッケージされたとても便利なフレームワークで、SoyCMSとの相性も最高にいいです!

今年最後のエントリーとして、Bootstrapの構造と、簡単に複雑なBootstrapのレイアウトコードが書ける便利なサイトをご紹介していきます。

 

画像はJPGですか?それともPNG?

画像のファイル形式はjpgがいいのかpngがいいのか…あなたはどうやって決めていますか?

なんとなく写真はJPG形式、透過ありのロゴやアイコンはPNG形式なんていう方は多いのではないでしょうか。あるいはWebセーフカラーならGIFにしている方もいるかもしれませんね。

今更な感じもしますが、モバイルファーストの時代、軽量化をポイントに保存形式について考えてみました。わたしが愛用している画像軽量化サイト「TinyPNG」も紹介します。

 

ホームページのページ数についての考察

ホームページのデザインを行う上で、わたしがもっとも重視するのがトップページデザインのほかに「ページ数」です。言い換えれば、グローバルメニューの項目数、いわゆるお知らせ個記事や商品詳細、ブログ個記事などの下層ページは除く大項目にあたるページです。

今回は、メガサイトでなく一般的な中小企業のホームページを想定して、主要ページ数はどの程度が適切なのか、あくまでもわたくし個人の考えですが考察してみました。

 

カードベースデザインとグリッドシステムとflexbox

冗長なタイトルになりました(笑)


カードベースデザインについては6 Web Design Trends for 2015 | TrackDuckの「Card-based design」の項目に詳しいです。

先日、このカードベースデザインの思わぬところでつまずきました。いろいろとやった揚げ句結局flexboxで書いたのですが、その際にいろいろと気づきがあったので備忘録的に書いていきたいと思います!


※flexboxの書き方については、よい記事を書かれているブログが多いので、そちらをご参照ください。

 

facebookシェアボタンが他SNSとずれてしまった

以前「SNSビッグ3のボタンをブログに置こう」を書きましたが、昨年のいつ頃だったかFacebookのボタンだけが2pxずれてしまっていたのですが、忙しさにかまけてずるずる先延ばしにしておりました。


SoyCMSはじめブログにはSNSボタンプラグインが必ずついているもので、自分でボタンを設置するニーズは低いと思ったのですが、やはりわたしであれば「いいね」をもらったり「+1」をもらったりするよりも、役に立つかもしれない記事が「シェア」されたり「共有」されたりしてほしいのです。ということで、以前の記事の続編として2016年現在のCSS加筆について書きたいと思います。

 

SoyInquiryのボタンの文字を変更する

SoyCMSのメールフォームアプリケーション「SoyInquiry」。非常に手軽に作成・設置・装飾できるすぐれものです!


もちろんわたしのこのホームページのお問い合わせフォームもSoyInquiryなのですが、このたび「送ったんだけれども…」と言われてしまいました。どこを確認しても届いていないので未送信の可能性が考えられました。そういえば、以前クライアントさんから「メールフォームに慣れていない人には紛らわしいのでは?」というお声をいただいた箇所がありました。


今回は、SoyInquiryのInputボタンのvalue値を変更する、について書きます。

 

Googleの無料ブログ「Blogger」

無料ブログはFC2ブログを推しているわたしですが、最近美しいデザインとカスタマイズのすばらしさで、目が離せないものがあります。インターネットワールドを牽引するGoogleの展開する「Blogger」です。


詳しくはmatome「もっと評価されていい最強ブログサービス Blogger」を見ていただくとして、簡単にすごいところをご紹介します。いまいち大手無料ブログのテンプレートに納得がいかないという方は、一度試してみてくださいね!

 

モバイルフレンドリーテストのリニューアル

「モバイルからもストレスなくウェブサイトは閲覧できるべきだ!」と強力にウェブサイトのモバイル対応を推進するGoogleの提供する「モバイルフレンドリーテスト」が出てから約2年。今夏リニューアル(正確には新しいツールが登場)されました。

Google検索結果の順位に影響を与えるモバイルフレンドリー。あなたのサイトは大丈夫?ぜひモバイルフレンドリーテストで、Googleのチェックを通過するか確認してみましょう!

ここは8ページ中2ページ目です

<< 1 2 3 4 5 >>
Hotentry
Blog Post
Archives
クリックして上に戻る