Yoshida blog

GoogleMapだけじゃなくApple MAP（iPhoneの地図）もリンクする方法

2016.4.30 ◯◯の方法

今制作中のサイトからマップを使い分けしようと思っていました。フェイスブックで知った「アクセスマップに「Googleマップだけ」は、とてもとてもとても不親切です」というシェアが気になっていたので、手書きのマップを作成していましたが、ふと「アップルマップ」忘れていた！って。 調べたらとても簡単。 http://maps.apple.com/?q=北海道函館市 ピンクの文字 に住所を入れるだけ...

---

サイトリニューアルしました。

2016.3.24 お知らせ

リニューアルするのに二日間かかりましたが、アイコンはSVGにしてみたり、レスポンシブにしたりと少し手間暇かけました。 横幅を1280pxから1024pxへ縮めてしまったのですが、結果見やすくなりました。 アクセシビリティデザインのことを以前ちょっとメモりましたが、その観点からファーストビューを大切にしました。 具体的にはブラウザの高さでレイアウトを変更しています。 ファーストビュー...

---

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

2015.12.5 CSS HTML5 WEBデザイン

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

---

beautify｜「brackets」のExtensions（プラグイン）

2015.12.5 brackets

テーマ名：beautify ダウンロード先 Git：drewhamlett/brackets-beautify · GitHub 効果：誰でも必ず入れているコード整頓プラグインです。右クリックからいつでもコードを整頓してくれます。  ...

---

SFtpUpload(SFTP Upload) ｜「brackets」のExtensions（プラグイン）

2015.12.5 brackets

テーマ名： HSFtpUpload ダウンロード先 Git：SFtpUpload 効果：「brackets」からサーバーにアップロードするためのプラグイン。ただしダウンロードはできない。   インストールすると「Sarver Setup」のボタンがでてくるので、そこからFTPの設定をします。 ...

---

Highlight Multibyte Symbols｜「brackets」のExtensions（プラグイン）

2015.12.5 brackets

テーマ名： Highlight Multibyte Symbols ダウンロード先Git：Highlight Multibyte Symbols   効果：全角英数字・記号をハイライト表示します。※注意！「Show Whitespace」のプラグインが入っていると競合します。「Show Whitespace」をアンインストールしてからインストールを。 ...

---

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

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

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

---

DreamweaverでWordPressのコードヒントがでない時

2015.10.8 adobe dreamweaver ワードプレス

Dreamweaver CCを使っていますがyosemiteからコードヒントがでなくなりました。 というよりもこれまで通りに「Ctrl + スペースキー」を打つとSpotlightがでてしまう。。。 なので以下の設定で解除してあげるだけでおっけーです。 1.メニュ　＞　システム環境設定 2.メニュ　＞　システム環境設定　＞　ショートカット 3.メニュ　＞　...

---

OS X EI Capitanの日本語の自動変換 ライブ変換を停止する方法

2015.10.4 Mac

OS X EI Capitanにバージョンアップして登録していた変換機能が全て削除されて途方にくれてます。バージョンアップには気をつけてください。 あとライブ変換機能。私はどうも慣れない。。。 もっさりしている感じもあるし。 それで探してみたら停止するのは簡単です。 環境設定　＞　アクセシビリティ　＞　キーボード　＞　入力ソースチェックするを外すだけでした。 1....

---

世界初のwwwウェブサイトはこれ。

2015.9.26 ネット社会

このサイトは再公開されました。しかも同じドメインで登場です。 しかも見ていただければわかるように、文字だけ。 作ったのはTim Berners-Leeさん。（ティム・バーナーズ＝リー） イギリス人です。 ホームページの生みの親ですね。 サイトはこちらです。ソースコードもご覧ください。 The World Wide Web project http://info.cern....

---