サイト制作をやり直すお役立ち

サイトの制作で助けられる・・・サイト HTML CSS 使えるタグの種類と利用方法で繰り返し訪れるところ www.htmq.comHTMLテンプレートはどれをつかえばいいか、CSSリセットについて、WebFontについて調べたところ coliss.com サイトの制作で助けられた・・・こ…

サイトのテーマカラーを決める

今回は自分のイラストサイトで、温めていたものを送るような絵を見て欲しい気持ちで選びたいと思いました。 好きな色で選ぶ 主要な色を選ぶのは、理論的なことからはずれて、好きな色を選びました。 さらに色名から検索してHex変換しました。選んだのはコー…

CSSってなんだっけ

見た目の設定をする 設定できるものには、主に文字、背景、余白のサイズ、色、並び方、追加効果がある 独自設定をリセットする これらにはブラウザ独自の設定があるので、それらを消去する。 これをしなければ、それなりに、見えたりします。 ブラウザによっ…

htmlエディタをインストールする

HTMLを書くエディタすらなかったので、旧耳かきエディット、現在のmiをダウンロードしました。 なんと2021最新版でした。更新を続けられている制作の方、まこと尊敬です。 dmgをダウンロード、おなじみフォルダにドラッグしてインストールです

HTMLのテンプレートをさがす

私の勉強していた頃は、HTML4からXHTML、HTML5が出てきたころでした。 今何から書きだしたらよいかは、こちらを参考にすることにしました。 colissさんのサイトcoliss.com 引用 <html lang="ja" class="no-js"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>ページのタイトル</title> <script type="module"> document.documentElement…</meta></meta></head></html>

Instagram投稿についての覚書

アカウントで伝えたいもの・見せたいものを見せる この投稿をInstagramで見る Uokichi Naho Kawaharada(@uokichi_naho_k)がシェアした投稿 - 2020年 6月月24日午後9時39分PDT 投稿に統一感を持たせる キャプションはテンプレ化 改行は無視される。 空白行を…

mampのバージョンをアップデート

wordpressのphpのバージョンが変わったので、mampも新しいバージョンにアップデートしました。 2019年4月からWordPressのphpバージョンは5.6以上が必要になるよ! | WEBマスターの手帳MAMP をアップデートする方法 - PC設定のカルマ

wordpressをローカル環境にインストールする

MAMPを使ってローカル環境にWordPressをインストールする方法

google フォームの更新通知

Googleフォームから送信された時に、メールで通知が来るようにする。 通知を受け取るアカウントでログイン ※共有相手の設定まではすることができない。 googleのスプレッドシートから設定する。スプレッドシート、ツールメニューから 通知ルールを選択する …

画像の埋込

手順 リンクパネル→リンクオプション→画像の埋め込み 画像埋込のメリットデメリット 配置する画像ファイルの管理しなくていい Aiファイル自体は重くなる 作業中はリンク配置にして、ファイルサイズを軽くしたい。(最初から配置する画像を埋め込むこともでき…

わかち書きとは何か

分かち書きの一例 文節で区切ること にほんごを ひらがなで ひょうきすると どこで くぎるのか わかりにくい。主に日本語初学者むけ、子供向けの文章を考える。 平仮名が続くと意味の区切りがわかりにくい にほんごをひらがなでひょうきするとどこでくぎるの…

新着記事をPHPとjQueryで表示する

PHP 2行目 $url="ここをRSSのURLにする" javascript 3行目 url:'ここを先ほどのPHPファイルのパスにする' var output = $('#rss');の#以降がid名で吐き出される $(function() { $.ajax({ url: 'rs…

英文の半角スペースを詰める・広げる

段落パネル→ジャスティフィケーション設定単語の間隔で設定していくことができる。

アウトライン化したら一部の文字が太く表示される

イラストレーターで、PDFに出力する前フォントをアウトライン化し、画面で表示すると一部の文字が太くなったり潰れたりする。 結論:PCなどのディスプレイの解像度の低いことが原因で、データ上では変形していない。 ディスプレイが原因で表示が変化するのを…

jQuery FOTORAMA

久しぶりにjqueryでスライドショーの導入です。おさらいしながら入れてみました。 jquery 導入のおさらい プラグインをダウンロードする FOTORAMAからプラグインをダウンロード jquery本体とプラグイン一式をHEAD内で呼びだす このFOTORAMAに関しては、fotor…

中国語入力をする(mac yosemite)

MacもWindowsもPCの設定だけで、中国語を入力することができます。 Windowsはこのサイトが親切です。 Vistaでも入力は可能でしたので、諸外国語の入力対応は早くからの装備だったのですね。 以下はmac yosemiteでの手順です。 中国語(簡体字) ピンイン入力に…

エクセルのセル内に文字を収める

自由に改行 Alt+ctrl+Enter セルのオプションからセルの中に収める 書式→セル...→配置から「縮小して全体を表示」にチェックを入れる

エクセルのセルに斜線やバツを入れる

罫線オプションから斜め罫線(右下がり・右上がり) どちらも選択でセル内に×の罫線も入る

スキャナに取りこまれたノイズ・紙質を消す

シワや消しゴム跡程度を消し、描画を保存したい。 スキャナの調整を使わず、Photoshopで加工する。 Photoshopのレベル補正 一番右側のハイライトを左の任意の位置へ(初期255) おおよそこれで消える

photoshopからFlashへ 3

タイミングをずらす タイムライン レイヤー名を選択。 ドラッグして、「sora」の終わるあたりに、「clover」の始まりを持ってくる。 「tanpopo」の先頭も「clover」の終わるあたりまでずらす。 アクションを記述 タイムライン 一番最初にactionに書き換えた…

photoshopからFlashへ 2

キーフレームの挿入 タイムライン タイムラインの四角いのをドラッグ選択。 control クリックでキーフレームを挿入。 同じく60と90にも挿入する。 これでキーフレームができた。 クラシックトゥイーンの挿入 タイムライン 30の位置を選択。 同じく60にも ク…

PhotoshopからFlashへ

Photoshopファイル作成 クロスフェードに使いたい写真を、同じサイズでレイヤー構成にする 読み込み 新規作成 ActionScript2.0 読み込み Photoshop形式ファイルを、ステージに読み込み 読み込み画面 Psのレイヤー構成 シンボルに変換 タイムラインでの作業先…

ポスターなどの色の劣化の理由

日差しにさらされた、印刷物の青白く色あせるのは。 色の持つ性質による劣化 赤より"青"が強い 赤系は劣化しやすい・青系は劣化しにくい 窓先に見かける、"青白く色あせた"ポスター。こらは赤が劣化して青色が残った状態。 赤は青い光や紫外線を吸収し、赤を…

Macで使える 録音した会話を編集するフリーソフト

音声編集に必要な機能 CDの録音時間は約80分である。(700MB)。 伺ったお話の録音音声をCDに保存する作業をするソフトを比較しました。 必要だったのは、CDに収まりきらない長さを、分割をすること。 編集としては、無音部分や関係ない部分をカットしトリミン…

3D機能を使わないでロゴを作る

文字をアウトラインしてコピー、ずらして底面とする。 側面は底面のオブジェクトを土台に、ペンツールでアンカーを足す。 色は、明るい色と暗い色を決め、側面はそれらのグラデーションとする。

印刷用画像をブラウザで表示すると色が変わる点への留意

印刷用画像をサイトに使ったところ、全く色が変わってみえることがあった。 埋め込みカラープロファイルの指定がsRGB以外になっていると、ブラウザの解釈が変わることがある。ex.サファリでは問題なくても、Firefoxでは同じ画像が違う色になる 対処:Photosh…

Google ウェブマスターツールにサイトマップを登録する

サイトマップとは サイト中にあるファイルの構成を、googlebotに伝え、 クロール時に取り残しがないようにさせるためのファイル。 XMLで書かれている。このファイルをディレクトリの一番上層にアップロードし、ウェブマスターツールで登録する。文章はこんな…

エクセルのデータからhtmlのテーブルに変換する

2018現在、Webのページ上で変換することができる。参照 エクセルからcsvのデータで保存し、Dreamweaverで読み込む。 その手順の説明。エクセルでの作成画面 Excelデータをcsv形式で書き出す 1シートずつ別名で保存する。 1シートが一つのテーブルに変換され…

色覚障害への配慮

色覚障害での見え方・色による区別と濃淡による区別 制作画面での見え方 料理カードに入れる挿絵を制作 色の違いでどんな料理か区別をつけている Photoshopの色校正によるチェック Photoshopの色校正で、色覚1もしくは2型で校正表示する左2マイは、黄緑い山…

macのFinderでマイドキュメントが開かないようにする

DockのFinderは、初期設定ではマイドキュメントが開きます。 これを別のフォルダに変更できます。 Finderの環境設定 Finderの環境設定から マイファイル以外を選ぶ