My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

※ 当サイトはアフィリエイト広告を利用しています

ソフトウェア

Koala 2.2.0にアップデートするとエラーが発生

以前ご紹介したSass編集用 GUIツール、Koala について、 ここ最近頻繁にアップデートを促すメッセージが表示されるようになったため、更新をしてみました。しかし、その結果、最新版 2.2.0 バージョンでエラーが続出することに。「一体どうなっているのか?…

【XAMPP】localhostでページ表示できない場合の原因・対処法

自宅環境でもXAMPPで問題発生。 localhostでページ表示ができなくなっているよう。ということで、 本記事では、この現象の原因確認・問題解決までの過程をシェアさせていただきます。 XAMPPでlocalhost表示できない場合の原因・対処法 1. エラーメッセージ確…

【XAMPP】Apacheが起動しなくなった 時の対処法

本記事では、当方環境でApacheが起動しなくなった際に行った原因調査と対処法についてシェアさせていただきます。 【XAMPP】Apacheが起動しなくなった時の原因・対処法 1) 調査範囲 2) 原因 3) エラー原因発見までの経緯 1. Apacheが起動しなくなった 2. XAM…

【Photoshop】Photoshop で枠線を描く

Photshopで枠線(塗りつぶしなし)図形を描く方法 マニュアルの説明書作成時など、 読み込んだ画像の一部に枠線でマーキングする際に使用する方法です。MSペイントでは難なくできるようなことが、慣れないと意外と分からなかったりします。「今さら?」という…

ファイルの更新状況を管理したい時に役立つサンプルマクロ

ファイルの更新状況を管理したい時に役立つExcel用マクロ 日々ファイルを作成・更新していると、フォルダ内のファイル更新日時を一覧化したいって思うことが度々あります。が、Windowsのエクスプローラー標準機能には、残念ながらそのような機能はありません…

Sass の編集にはこれがオススメ「Koala」

今日は、Sass編集時に役立つ、こちらのツールをご紹介させていただきます。 ダウンロード先: http://koala-app.com/ Sass (サス) とは Syntactically Awesome Stylesheets の略だそうです。 一言で言うと、拡張版CSSといったところでしょうか。 CSSが入れ子…

【現場テク】カンバスサイズから画像を指定サイズに加工(縮小)する方法

カンバスサイズから画像を指定サイズに加工(縮小) Photoshopの「イメージ」-「カンバスサイズ」から、画像を指定サイズに変更(縮小)する方法です。 【手順】準備: ※この作業時、「選択したレイヤーのバウンディングボックスを表示」はチェックしておいてく…

2015/02/24 Excelのセル内改行をいっぺんに取り除く方法は?

【本日のWeb制作 学習メモ】 ひとつ前の記事の関連となりますが、 phpMyAdmin で CSVインポートがうまく行かなかった原因の一つに、 元データとして受け取っていたExcelシートにセル内改行が含まれていたという問題がありました。 数百件に及ぶデータの中か…

2014/09/05 本日のWeb道 学習メモ

【本日のWeb制作 学習メモ】 MACを使いこなす(ファンクション編) jQueryを使ったWebページ制作 mysql 文字化け対応 1. MACを使いこなす(ファンクション編) WindowsからMACを使うようになって困ったこと Windowsでは普通に使えていた入力変換ができない!…

4/1 [Illustrator] 透過PNG画像作成 / [Photoshop] バナー作成

透過PNG画像作成 [Illustrator] バナー作成 [Photoshop] 透過PNG画像作成 [Illustrator] 昨日作成した以下ペンギン画像を透過PNG画像として保存します。透過PNGとは、 画像の背景が透明になっているPNG形式画像です。では、以下、その手順をご紹介しておきま…

3/17 [Photoshop] ポラロイド風画像

本日の授業テーマ ポラロイド風画像 (Photoshopで作成) ポラロイド風画像 (Photoshopで作成) 本日の演習は、Photoshopを使ったポラロイド写真風画像の作成です。詳しい作り方手順は、以下リンク先の解説の通りです。「ポラロイド風イメージ」の検索結果 - We…

3/3 リップル効果 / 課題

リップル効果 課題 【演習】リップル(さざなみ)効果 リップル効果を設定したこちらのFlashファイルを作成します。 作業手順は以下の指導要領に従います。 http://yahoo.jp/box/dRqSg4 (講師ブログ: 「Webデザインの勉強|Webサイト制作科補足と初心者の…

2/25 CSS基礎確認テスト / はじめてのFlash

本日の授業テーマ CSS基礎確認テスト Flashについて 本日の学習内容~まとめと感想~ CSS基礎確認テスト 基礎確認テストとして、以下の課題に取り組みました。[課題04] 素材: [HTML] <html lang="ja"> <head> <meta charset="utf-8"> <title>課題04 ナビボタン</title> <link rel="stylesheet" href="css/style4.css"> </head> <body> <div id="nav"> <ul> <li id="service"><a href="#">サ…</a></li></ul></div></body></html>

2/13 ①[CSS] ナビゲーションブロック / ②[Photoshop] 色調補正

CSS(ナビゲーションブロック) Photoshop(色調補正) CSS(ナビゲーションブロック) 縦並びボックス・横並びボックスの設定 li 文字だけ テキストリンクとして扱う li a 文字の上に面を構成 ボタンのように扱う li a link は文字の上だけ【縦並びメニュー…

2/3 ①[HTML] 文書構造の復習 / ②[Illustrator] ペンツールの復習

本日の授業テーマ HTML(文書構造の復習) Illustrator(ペンツールの復習) 本日の学習内容 HTML(文書構造の復習) セマンティックな言語 HTMLは、セマンティックな(意味をきちんと考えた)マークアップ言語(「見出し」なのか、「パラグラフ」なのかを意…

※ 当サイトはアフィリエイト広告を利用しています