*WEBデザイン

SMACSS(スマックス)について自分なりのまとめ

SMACSS(スマックス)について自分なりのまとめ

2015.12.5 CSS HTML5 WEBデザイン

SMACSSとは、Scalable and Modular Architecture for CSSを略語して「スマックス」と読みます。 CSSには命名規則について悩んだりしますが、その対策のためOOCSSやBEMといったルール作りが定番でした。そのOOCSSやBEMをいいところを交えてできた新しいルールがSMACSSです。「ベース」・「レイアウト」・「モジュール」・「ステート」・「テーマ」...


アクセシビリティデザインを作ることのメモ-Web Accessibility Guide

アクセシビリティデザインを作ることのメモ-Web Accessibility Guide

2015.11.15 WEBデザイン アクセシビリティデザイン

今月はクライアントのターゲットユーザーが高齢者が多いウェブサイトを作ることになりました。 書籍と買ってきたり、図書館へ出向き高齢者(シニア)に向けての本の作り方など関係しそうな書籍類を借りてきて読んでおります。これから私もおじいちゃんになるわけで、おじいちゃんが作るホームページがおじいちゃんに使いにくいデザインになったら笑ってしまうのである程度基本的なことはわかっていないとね。。。 そんで...


ブログのフォントは游ゴシック体と游明朝体が見易い。

2015.9.4 WEBデザイン

Windows8.1およびOS X Mavericksのマシンから利用ができる游ゴシック体と游明朝体。 フォントを切り替えるだけでかなり読みやすいくなりました。 これまでの主なフォントはこちら。ヒラギノ角ゴも綺麗なんですけどね。 メイリオ あいうえお12345漢字ABCDE   ヒラギノ角ゴ あいうえお12345漢字ABCDE   ヒラギノ明朝...


レスポンシブWEBデザイン。スマホの時だけ画像へのリンクON!にするjquery

2015.1.13 jQuery WEBデザイン

最近はレスポンシブデザインを主流に制作すること多いです。やっぱり1人でクリエイターとして食べていくにはメンテナンスを軽量化することも重要なので。。。 そんでレスポンシブデザインの場合の弱点!画像も縮小されてしまう場合がある。切り替える事ができますが面倒です。画像を2枚用意しないといけないし修正するにも倍以上の時間がかかってしまう。 そんでjavascriptで切り替えることができるのでそれを利用し...


ウェブページをコピ魔からある程度防ぐための方法

2014.12.21 WEBデザイン

今週から少し本気でやりはじめているアフィリエイトサイトの構築。結構手間ひまかけて、それなりにデザインにも工夫をしましたし情報収集にも時間がかかっています。 ただ作ったはいいもの不安にもなる要素が、このままソースをコピーされたらどうしようって。   では以下いろいろ調べた結果をメモです。 ただ完璧に守ることはできない事は先に書いておきます。m(_ _)m   bodyの中には下記のスクリプトを記入す...


ワードプレスの管理画面ページのURLを変更する方法

ワードプレスの管理画面ページのURLを変更する方法

2014.8.27 WEBデザイン ◯◯の方法 ワードプレス

私はそのCMSのログイン画面の場所、知っているわよ。。。。     ワードプレスは便利なフリーCMSですが、その分みんなが同じディレクトリ名になっています。そのため管理画面などは簡単に見つけれてしまいます。   なんて思われていても、アカウントとパスワードを知らないと入れません。だけど、ワードプレスは需要があるせいかハックの対象になっているのも事実です。 私が作るとき、ワードプレスの管...


各ブラウザSSL通信画面。そして「鍵マーク」がちゃんと表示されない時の対処方法

2014.8.27 WEBデザイン ◯◯の方法

レンタルサーバーを利用していると、共有SSLを利用せざるえない時がある。そしてSSL通信中にブラウザ側でブロックされる事があるので、まずそれぞれのブラウザでブロックされた時とちゃんとSSLとして完璧なページになっているのを見分けてみました。   共有SSLがかっこ悪いという方は独自SSLを契約するしか方法はありませんが、SSLじゃない通常の通信方法でメールフォームを作成するよりマシです。マシという...


あとはこっちのビルダーで修正するからと言われた時の注意点。

2014.5.16 WEBデザイン

ホームページ製作をしている会社なら必ずある案件ですが、最初のマスターデータだけの依頼を受けて、あとは自分たちで管理をしたいクライアントも多いと思います。特にホームページビルダーで更新や修正をすると言うクライアント向けへ渡す際の注意点です。 さてさて、 ■まず、どんな人が修正するのか?そのスキルはどの程度なのか?更新も管理も外部に依頼するとお金がかかるから、育成も兼ねてプロに教えてもらいながら社員を...


まじかよー。Adobe Flash CCではactionscript2.0に変換できなくなっているアーンドバージョンダウン保存もできない。

2014.4.8 Adobe Flash WEBデザイン

うわー、ショックですね。ようやく修正し直したクライアントのフラッシュページを早速書き出そうとしたらアウトです。CS6のバージョンを追加でインストールするしかないな。うわー、なまらショックで書き込んだ。そうだ、バージョンダウンして保存してから、CS6で開いて保存し直せばいいじゃんか。・ ・ ・ ・ しばらくしAdobe flash cc はバージョンダウン保存ができない事を知った。これも注意喚起と言...


検索結果から突然ページが消えた。原因→さくらサーバーの国外IPアドレスフィルタ設定がやばかった、これは注意喚起とでも言っておこうかな。

2014.4.2 SEOやSEM WEBデザイン メモ レンタルサーバー

http://www.sakura.ad.jp/news/sakurainfo/newsentry.php?id=876 1週間前から突然管理外のクライアントのホームページが検索結果から消えました。制作だけで運営保守はしていないので、突然の連絡に対応したところ原因はこれに近いと思いまして書き残しておきます。まず、インデックスの状態をみたいので私のマスターツールを登録しようとしましたが、できません。...