Design

Design

キャッシュを使わず最新状態をサーバーから取得するリロードはウェブクリエイターには嬉しい♪

ウェブクリエイターにとってCSSやscriptのカスタマイズ後の確認は必須。 そんな必須の確認作業もページを早く表示させるための機能であるキャッシュが残っていると古いCSSやスクリプトの状態で表示されて確認するのに時間が要してしまう。...
Design

ホームページが文字化けする原因と対処

Wordpressカスタマイズやhtmlサイトを作り始めたときにしてしまうミスに文字化けがあります。最近、文字化けの話題があったので原因と対策を書いていきます。 ポイントは文字コード。これだけです。 原因 ホームページが文字化...
Design

viewportの挙動不審を改善した話

上記のようにviewportを設定してデバイス幅にフィットするように記述したがChromeデベロッパーツールで確認するとdeviceがiphoneのとき、表示が拡大されてしまうことがある。 原因はわからないがググっ...
Design

CSSの変更が反映されない理由

CSSを変更したのにサイトデザインが変更されない。 変更がされない大抵の理由はブラウザのキャッシュが古いため。 キャッシュとは IEやchromeなどのブラウザアプリは一度アクセスをしたサイトのページ表示を早く行うためにキャッ...
Design

レスポンシブWebデザインで覚えておきたいCSS6選+4

最近ではレスポンシブデザインのHTMLテンプレートやワードプレステーマが標準になったと思います。 一気にレスポンシブデザイン化が進んだ理由はGoogleが推奨したからと言えるでしょう。 Googleがレスポンシブデザインを推奨す...
Design

【bootstrap ジェネレーター】無料・会員登録なし・ドラッグアンドドロップで直観的に作れるlayoutit!

bootstrapジェネレーター いくつかのbootstrapジェネレーターサイトを使ってみて一番使いやすかったのがlayoutitです。大まかなレイアウトをジェネレーターで作ることができます。 layout...
Design

FaceBookのlikeボックス風デザインでfeedlyの購読ボックスをデザインしてみた。

有名ブログで見かけるFaceBookのlikeを促すデザインボックスを作って実装したい!!ということで作ってみました。 FaceBookのいいね!の代わりにFeedlyのFollowを実装。 このブログで使わせて頂いてい...