Yoshida blog

ADOBE Creative Cloudを学生割引で安く使用する方法

2016.5.15 Adobe Creative Cloud adobe dreamweaver Adobe Illustrator Adobe Photoshop ◯◯の方法

まずはじめに、以下の方法は2016年5月31日まで期間限定のやり方なので日付が過ぎている場合はご注意を！ 個人でも法人でも問題のないやり方です。もちろん裏技でもなく正規のやり方で、とても簡単でしたでのメモっておきます。 もちろん私も申し込みましたよ！ はたしてどんだけ〜変わるのか！？ 法人の場合は6,980円なので１年間で合計83,760円！ それが今回の方法でなんと！32,...

---

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....

---