- 2012年7月25日
- 2021年9月8日
- 0件
Inkscapeでブタを描く
画像編集に、PhotoShopは高価なので、現在フリーソフトのGIMPを使用中。 イラスト制作には、Illustratorと同機能のフリーソフト「Inkscape」が有望らしい。 Inkscapeの現在のバージョンは、0.48。 ブタのワッペンをトレースして描いてみました。 Inkscapeのダウンロードはこちらから 今回は、元となる画像をトレースしますので、まずは、その画像をInkscapeにコ […]
- 2012年7月24日
- 2013年11月6日
- 0件
意外と奥が深いレスポンシブ・デザインかな
横幅1920ピクセルでの表示です。 サムネイル画像の数が少ないので、下部に空間が出来てしまいます。 サムネイル画像のサイズを少し大きくすると、さらに良いのかも知れませんが、・・・そうすると、さらに複雑に・・・。 ブラウザの幅を狭めて行くと、サムネイル画像が自動的に移動して、表示がかわります。 実際は、画像移動がアニメーション表示されます。 jQuery Masonry（メイスンリー）による可変グリ […]
- 2012年7月17日
- 2013年10月12日
- 0件
Firefoxアドオン「Tilt」 で３D表示
ブラウザFireFoxでWebサイトを３D表示できます。 「Tilt 3D」と言うアドオンを組み込んで機能を拡張する必要があります。 「Tilt 3D」のダウンロードはこちらから ３D表示したいページをFirefoxで開き、メニュー「Web 開発」から「Tilt」を選択するだけです。 後は、マウスでドラッグすればグリグリ回転できます。マウスのスクロールで拡大縮小。右ボタンを押してドラッグすると上下 […]
- 2012年7月14日
- 2013年10月12日
- 0件
沢田内科医院ＨＰを更新
ニュースレター第７０号の内容を盛り込みました。 １２日夜に原稿と写真をもらい、その日は3時間程作業、次の日（13日）は帰宅後に、続きを8時間程作業してニュースレターを完成。 本日、帰宅後HP掲載作業を4時間ほど実施。 なんとも、時間に追われて、慌ただしい感じです。 ニュースレター制作には、CorelDRAW Essentials X5 を使用していますが、大サイズの写真画像を、複数枚、原寸大のまま […]
- 2012年7月13日
- 2014年9月16日
- 0件
ニュースレター第７０号完成
沢田内科医院ニュースレター第７０号を制作しました。 ニュースレターＰＤＦファイルは、エンジェル２１ホームページで先行公開しています。 沢田内科医院ホームページ更新作業（ローカル環境での事前作業）はまだ、これからです。 沢田内科医院ホームページ更新分のアップロードは７月１４日の夜を予定しています。
- 2012年7月3日
- 2013年10月12日
- 0件
ACER Aspire AS5750
ノートPCを衝動買いしました。 Acer Aspire AS5750 です。 ケーズデンキに行き、適当な格安ノートPCを物色してたら、ワゴンに展示処分品が一台。 Core i5 CPU搭載（ただしオフィス系ソフトは無し）が、展示処分品で39,800円。 店員に聞いたら、「まだ倉庫にも在庫がある筈なので少し待って下さい」とのこと。 その間にマウスを物色。・・・マウスは置き忘れ防止のため派手目の色にし […]
- 2012年6月27日
- 2013年11月7日
- 0件
Canvasで折れ線グラフ IE8対応
円グラフを描いた際は、IE8対応に、Google謹製のexcanvas.js を使用しました。 今回は文字を描く関数fillText()を使ったのですが、excanvas.jsが対応しておらず、そこでエラーを吐き動作停止。 Web検索したら、文字も書けるJavaScriptライブラリ「uupaa-excanvas.js」があると言うことで、それを組み込んでみました。 このライブラリは、マイクロソフ […]
- 2012年6月26日
- 2013年10月25日
- 0件
体調万全ではなかったが・・・
ことしも献血するぞ！！！ってことで行ってまいりました。 成分献血「血小板」です。 今日は血小板の数が多かったようで、久しぶりの3サイクル（採血～戻し）。 45分程で終わりました。 これで通算１９回（成分１５回＋全血４回）です。 本日は献血ポイントが貯まったので、いつもの「ホタテ醤油」をゲット。 他に、ビニール製の小物入れ（？）をもらいました。 例によってナースキティとけんけつちゃんのイラスト付き。 […]
- 2012年6月25日
- 2013年10月25日
- 0件
Canvasで折れ線グラフを描いてみた
初めてcanvasタグを使って折れ線グラフを描いてみました。 これまでなら、エクセル等の表計算ソフトでグラフを作って、それをキャプチャーして画像にしていた訳ですが、そんな必要もなくなったので試してみました。 エクセルのように、なにも考えずに生成させることはできませんが、JavaScriptの配列変数にデータを入れ、なんとか描画できました。 グラフの下のデータ表（テーブル）もJavaScriptで生 […]
- 2012年6月24日
- 2013年11月7日
- 0件
excanvas.js では表示が違う？
昨日はCanvasで初めて円グラフを表示させて見ました。 サンプルソースを見ていて、ふと、「進捗率を100%、あるいは0%にしても問題無いかな？」と思い、試してみました。 最初の画像は、6%,10%,5%を指定しており、全てのバージョンで問題なく同様の表示でした。 次の（2番目と3番目の）画像は、共に100%,0%,5%を指定しています。 IE9では問題なく表示しました。 画像の掲載は省略しますが […]
- 2012年6月23日
- 2013年11月7日
- 0件
Canvas で 円グラフを描く
画像を使わず、JavaScriptで図形が描けると言う＜canvas＞タグを使って、リニューアル作業の進捗状況を円グラフにしてみました。 これなら進捗状況が進んでも、値を変えるだけで、画像を作る必要がないので楽チンです。 ただし、IE７、IE8はCanvasに対応していないようなので、Googleが提供のExplorerCanvasというJavaScriptライブラリ（excanvas.js）を組 […]
- 2012年6月22日
- 2013年11月7日
- 0件
SassでCSS記述の効率アップ
SassではCSSでは書けない変数や関数を使ったプログラム的な記述が可能です。あまり、複雑な事をやると後々何をやったんだっけ？？？状態になるので凝り過ぎてもいけませんが・・・。 これまでメディアクエリーを使い、ウィンドウ幅が639px以下なら、CSSの記述で画像サイズを縮小させていました。 CSS（style.css）ファイルの中身（概略） ここでは img を原寸大の指示 （HTML側のサイズ指 […]
- 2012年6月21日
- 2013年11月7日
- 0件
IE9 開発者ツールで IE8、IE7表示
現在メインの閲覧環境はWin7のIE9です。 前回、Win8CP（on仮想PC）のIE10を用意しました。 まだしばらくは現役であると思われるIE8の環境を用意したかったのですが、IE9（IE10も同様）の右上の歯車アイコン（ツール）をクリックし、メニューから「F12 開発者ツール」を選ぶと、画面下部にツールが表示され、閲覧環境を変更して表示できるようです。 「ブラウザモード」と「ドキュメントモー […]
- 2012年6月20日
- 2013年11月7日
- 0件
LAWSON Wi-Fi で無料ネット接続
昨日の午後のことですが、遅ればせながら、屋外で、スマートフォンをWi-Fi接続してみました。 3G回線でもネット接続はできますが、あっと言う間に料金が上限に達しますので、なるべく室内の無線LAN（Wi-Fi）に接続するようにしていました。 弘前市内で無線LANに無料接続できるところは、ドコモ店内やマクドナルドなど探せばいつくかあるようですが、個人的にあまり足が向く場所ではありません。 そんな中、だ […]
- 2012年6月19日
- 2015年7月4日
- 0件
SCOUT導入時の注意
CSSの記述で多少なりとも楽ができそうなので、Sassを利用してみたいなあと思う今日この頃。 Sass文法のテキストファイル（拡張子：．scss）を、コンパイラにかけると、CSS文法のテキストファイル（拡張子：.css）を生成します。 そのコンパイラは元来コマンドラインで実行するような物だったようですが、最近ではウィンドウアプリとして実行してくれる「SCOUT」と言うコンパイラがあるようです。 S […]
- 2012年6月18日
- 2013年11月7日
- 0件
IE9でも角丸のグラデーションを実現
IE9では、CSSだけで背景画像にグラデーションの記述を指定した綺麗なボタンが表示できませんでした。 しかし、同じような問題は誰かが解決策を見い出している事が多いので、Webで検索。 以下のブログに解決策がありました。ありがとうございます。＾＾ 参考にさせていただいたブログはこちら。 (･･･知らぬ間に、リンク切れになってしまいました。） こちらも御参照下さい。 IE9で背景画像にグラデーションを […]
- 2012年6月17日
- 2013年11月7日
- 0件
仮想PCでWin8を動かす
WebブラウザのCSS3対応はまちまち。 Win7のIE9では角丸ボタンをCSSで記述しても、背景カラーが角からハミ出して表示されてしまうようです。 Firefox、Chrome、Safari、Operaでは、多少の表示の違いがあるものの、大きな問題は無いので、IE9も早く対応してほしいものです。 Win8CP版のIE10は大分対応が進んでいるようなので、こちらでも表示具合を確認していましたが、別 […]
- 2012年6月16日
- 2013年11月7日
- 0件
BlueGriffonのWrap機能は無効に
HTML5＋CSS３対応のエディタとしてBlueGriffonを使用しています。 フリーソフトで、現在 version 1.5.2 です。 ダウンロードはこちらから。 起動すると、エディタの下部に「プレビュー」と「ソース」のボタンがあり、WYSIWYG表示とソース表示が簡単に切り替えられて便利です。 しかし、使っていて、少しだけ問題がありました。 文章の途中に半角スペースが挿入されてしまう現象が・ […]
- 2012年6月15日
- 2013年11月7日
- 0件
GIMP2.8 使用開始
これまではGIMP2.6を使っていました。 2.8では「シングルウィンドウモード」が搭載されたようなので早速試してみました。 初回起動では、これまでと同じ、マルチウィンドウモードです。 「ウィンドウ」メニューの最下部に「シングルウィンドウモード」があるので、これを選択します。 左のツールボタンやオプション関係のウィンドウ、右のレイヤー等の関係のウィンドウも合体して、一つのウィンドウになります。 こ […]