フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 - YATのBlog

2012/04/20 1492 users Blog 商用利用OK 著作権表示 無料

商用利用可能で、著作権表記が出来るだけ不要のものをご紹介。フリー素材イラスト。CSS CSS HappyLife CSS Lecture CSS-EBLOG Design Dribble クリエイティブメモメモ EC関連 ドロップシッピング劇場 FLASH にゃあプロジェクト SEO・アクセス解析 GA フォーラム I love ブラックハットSEO SEMリサーチ SEO JAPAN SEOテン... 続きを読む

使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 - YATのBlog

2012/11/21 1297 users エディタ メインエディタ あたり プラグイン ショートカット

Sublime Textの使い方からプラグイン、カスタマイズ方法までを解説しています。最近流行ってるSublime Textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.Sublime Textとは 2.作業効... 続きを読む

和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション - YATのBlog

2011/06/22 904 users ブラシ テイストデザイン 規約 京都 実際

和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション以前書いた和のテイストデザインを京都を用いて考えるに関連しますが、実際に使えるPhotoshopのパターンやブラシをまとめました。ご利用の際には各サイトの規約を確認して下さい。 続きを読む

今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について - YATのBLOG

2013/01/09 875 users 当初 新年 ベース 目標 自身

自身が利用している有名なフォントや、フォントの基礎知識を紹介しています。新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いしま... 続きを読む

和紙のテクスチャやパターン113種類。商用OKのフリー素材。 - YATのBlog

2012/07/04 791 users ニュアンス パターン 規約 仕事 テクスチャ

和紙のテクスチャやパターンを商用OKのもののみ集めました。仕事で使う事が増えてきそうなので商用OKな和紙のテクスチャをまとめました。規約のニュアンスで使えなかったりもありえますので、念のためご自身で確認してからご利用下さいね。基本的にロイヤリティーフリーなものを掲載しています。 続きを読む

レイアウトが考えやすくなるデザインのルール - YATのBLOG

2013/03/27 746 users 沢山 デザイナー 記述 ルー webデザイン

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルー... 続きを読む

HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用まで - YATのBlog

2011/07/11 712 users Validator CSSジェネレーター 構築 ブックマーク

HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用まで現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思いま... 続きを読む

配色を考えやすくするための様々なルール - YATのBLOG

2014/01/20 648 users 配色 Blog ルール

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。0 色は、見た人に対して、そのものの意味を伝えることができます。そのため、色の選択を誤ると正しい意味を伝えることができません。 色とは、デザインを行う上で欠かすことのできない要素であり、プロジェクトの成功にも大きく関わっているため、デザイナーにとっては非常に気を使う要素といえます。 世の中には、何万... 続きを読む

GitHubを使ってみよう！導入と簡単な流れ、よく使うコマンドなど。 - YATのBLOG

2013/10/24 615 users Git 本腰 GitHub 記述 ソースファイル

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。0 GitHubを覚えよう覚えようと思ってなかなか手をつけてこなかったので、そろそろ本腰入れて使おうと色々やってみたのでまとめておきます。 1.GitHubとは？ 2.GitHubを使えるようにする 3.Git及びGitHubでよく使うコマンド一覧 GitHubとは？ ソースファイルのバージョン管理... 続きを読む

407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト - YATのBlog

2011/06/01 577 users website Name デザインテンプレート mail

407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイトコメントをお願いします Name（お名前） (必須項目) Mail（メールアドレス） (サイト上には記載されません) (必須項目) Website（サイトURL） YATのBlog　一言メッセージ デザインテンプレートをオジリナルで作成しました。申し訳ありませんがie6以下のブラウザはすでに古いブラウザとなるた... 続きを読む

Web制作における文章の可読性について考える - YATのBlog

2011/10/12 539 users 行間 ばつ 段落 フォント ブロック

WEBサイト制作における文章の可読性について。ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは？ 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは？ 当たり前なことですが文章の可読性とはつ... 続きを読む

制作会社、WEB担当者も知っておくべきSEO用語集 - YATのBlog

2011/07/29 517 users Blog 制作会社 Web担当者

SEO業者の方々とやり取りをする際や、クライアントへの説明が必要な際に知っておくべき用語集SEO業者の方々とやり取りをする際や、クライアントへの説明が必要な際に知っておくべき用語をピックアップして意味を調べました。どの技術が有効で何がブラックなのかというのは基本的に記述していません。あくまで専門用語の解説として活用してください。関連する情報を解説しているサイトのリンクも付けていますので、詳しく知り... 続きを読む

女性らしいデザインに使える、エレガントな植物のphotoshopブラシ。つるを中心に花など70種・1141本。 - YATのBlog

2011/09/06 499 users 少し Photoshop はじめ ブラシ メイン

Photoshopのブラシで植物のつるを表現するものや花などを紹介植物のつるをメインにしたデザインを良く見かけるんですが、個人的にも好きでブラシを集めてみました。それに関連して花も少し。 はじめの頃「つる」って検索しても「弦」って検索してもなかなか検索出来なかったんですけど、「swirl」ってやれば検索できるって非常に感動した覚えがあります。 これらを利用したデザインはエレガントさ、女性らしさを表... 続きを読む

デザインする上で要素を目立たせるという事 - YATのBlog

2012/04/05 489 users 要素 Blog

デザインやコンテンツ制作の打ち合わせをしていると必ず出てくる「目立たせる」という行為。人によって「赤くして」とか「大きくして」と言った抽象的な言葉で表現されますが、我々はその言葉をそのままの意味で捉えるわけには行けません。CSS CSS HappyLife CSS Lecture CSS-EBLOG Design Dribble クリエイティブメモメモ EC関連 ドロップシッピング劇場 FLASH... 続きを読む

ブログを運営している上でインストールしている全プラグイン20個 - YATのBlog

2011/08/29 482 users 備忘録 WordPress 後々 アルファベット順 順番

wordpressにインストールしているプラグイン20個の備忘録を兼ねてシェア。ブログをリニューアルしました。それに伴ってプラグインを整理したのですが、「ん？これなんだっけ？」ってのが結構あったので、後々の事考えてインストールしているプラグインを書き留めておきます。結構便利なものも多いので今からwordpressをやろうと考えてる人には役に立つかと思います。 尚、紹介する順番はアルファベット順とな... 続きを読む

高速にWordPressを動作させる網元を使うべくAWSにブログを移転しました。その手順を備忘録として残します。 - YATのBlog

2012/12/06 442 users メリッ ロリポップ 前々 網元 備忘録

AWSにブログを移転しました。その手順を備忘録として残します。このブログをAWS(Amazon Web Services)で提供しているEC2に変更しました。前々からロリポップに対しての限界点がある程度見えていて、いずれ変更することになるけども、それならもうやっておこうかなと言う思いで変えちゃいました。今回はその備忘録として記事にしたいと思います。 1.AWSとは？EC2って？ 2.AWSのメリッ... 続きを読む

コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利 - YATのBlog

2012/10/31 437 users ベンダープレフィックス コーディング CSS SCSS 記述

Sass、Scssのフレームワーク「Compass」に関しての記事です。ベンダープレフィックスの記述が不要など、コーディングのスピードアップに最適なその秘密を紹介しています。CSSのメタ言語Sass（Scss）。これ使うと凄く便利でコーディングスピードが上がるんですが、これをより便利に使えるようにしたフレームワークのCompassがもの凄く便利なので記事にしました。赤い彗星みたいなタイトルになって... 続きを読む

カフェインの過剰摂取が危険な理由 - YATのBlog

2011/10/26 360 users 飲み過ぎ 休息 まつこさん 合間 コーヒー

制作中や合間、休息に飲んでるコーヒーの話です。過剰摂取の危険性や、摂取することでのメリットなどを解説。僕は普段作業中コーヒーを飲んでいて、一日の摂取量が結構な量なのですが、タイムラインを見てると僕以外にもそういう人が居るようですね。 つくしさん（@kokoro294） ですが、こういう意見を目にしました。 和田さん（@wada_1979） まつこさん（@apple_lomo） 「コーヒーを飲み過ぎ... 続きを読む

開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました - YATのBLOG

2015/09/10 335 users Gulp 記述 学習コスト 導入コスト タスクランナー

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。0 タスクランナーの一つであるgulp（ガルプ）。使い出すとすごく便利で今ちょっと手放せない開発ツールの一つなんですが、使ってない人からすると、導入コストとか学習コストが気になって、まだ手を出してないという方もいますよね。なので、今回導入用の記事を書いたので、ちょっと気になってるという方、試してみた... 続きを読む

さくらVPSで使うSSHコマンドリストとサーバーの初期設定 - YATのBlog

2012/07/20 323 users コマンドリスト SSH さくらVPS サーバー Blog

さくらVPSで主に使いそうなSSHのコマンドリストと、さくらVPSを契約してまず行う初期設定の手順書です。ユーザーの追加から認証方法の変更、システムの更新等を解説。さくらVPSを契約して色々サーバーを弄ってるんですが、今までSSHに触れて来なかったのでまずそこで四苦八苦してました。軽く覚えるためにもコマンドリストを作ったので公開しておきます。これで自分の見たい時に見れるし編集出来て便利ですね。 あ... 続きを読む

WordPressのテーマ開発を初めて行う人に向けての制作フロー – YATのBLOG

2017/10/13 301 users Wordpres フロー 記述 執筆時点 手順通り

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。WordPressでオリジナルのテーマを作成する際のフローをまとめました。 テーマ開発をやったことがない、それほどやってないという人でもなるべく分かるように書いていますので、手順通りにやっていただければ、テーマ開発をどうすれば良いのか？をわかってもらえると思います。 尚、執筆時点でのWordPres... 続きを読む

文章をデザインする – 段落や箇条書きをより読みやすくするために - YATのBLOG

2013/06/20 281 users 記述 一つ一つ webデザイン 知識 参考

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。文章を読み易くする為に段落を用いてレイアウトすることは非常に多く、いかに読みやすく、いかに見やすいかを考えて構成する必要がありますね。 1.段落の使い方 2.読みやすい改行位置 3.箇条書きについて 4.文章をデザインするという事 段落の使い方 このブログではある程度の長さで1段落を設定し、一つ一つ... 続きを読む

食品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 - YATのBlog

2012/10/19 268 users 解説 少し ブックマーク 飲食関係 食品関係

飲食関係のランディングページ最適化についての解説と、それに関する6サイトの紹介です。また、ランディングページまとめ系サイトも4つ紹介しています。飲食関係のランディングページを運用しないといけないので色々見ています。ブックマークにも少し溜まってきてるのでちょっとだけブログの方にも書いておこうと記事にしました。 1.ランディングページとは？ 2.食品関係のランディングページ 3.ランディングページまと... 続きを読む

デザイナーでも使うと便利なバージョン管理システムGitの勉強会に参加しました - YATのBLOG

2013/02/05 262 users Git msysGit 用語解説 ファイル タイミング

バージョン管理システムGitの初歩的な使い方を解説していますこの週末にGitの勉強会を開いてもらって基礎的なところから教えてもらいました。これまで興味はあったけど全く何も知らなかったので、いろいろ詳しく教えて頂きました。 1.Gitとは？ 2.用語解説 3.実際に使ってみる。msysgit 4.参考文献 Gitとは？ 分散型バージョン管理システムの一つです。ファイルの更新状態を好きなタイミングで保... 続きを読む

CSSのコーディング設計について考える事 – YATのBLOG

2017/01/19 255 users ドキュメ CSS 命名 重複 目次

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。CSSの設計は人によって様々で、これが正解というものは無いのですが、何も考えずに作っていくと命名の重複で悩んだり、定義したクラスの使い回しがしづらかったりといった悩みが多くなってきます。これらを防ぐためには、CSSの設計を考えながらコーディングすることが大切です。 目次 CSSで大切なこと ドキュメ... 続きを読む