初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
ブログを始めてから変わった情報のインプット術とインターネットの楽しみ方
ブログを始めて半年がたって、もうすぐ今年も終わりです。 ちょっとこのタイミングで、ブログを始めてから変わった私のインターネットとの付き合い方、心境の変化みたいなものを、利用しているサービスとともにブログにしておこうかなと思いました。 半年前にブログを始めたことがきっかけで、私の生活が大きく変わってきました。特にコンセプトも持たず、何気なく始めたブログですが、今では自分の仕事にまで、いい意味で影響を与えてくれたり、ブログを中心にインターネットをもっと楽しめるようになるなど、いろいろ変化をもたらしてくれました。 私のブログってあんまり個人的な意見というか、考えとかを書いたことがないんですけど、今回はブログを始めたことをきっかけに、大きく変わった毎日（インプット法やアウトプット法）や、インターネットの楽しみ方、感じたことを、使っているサービスとともに書いてみようかなと思います。 1. アウトプッ
空いた時間でお小遣い稼ぎ！フリーランスWeb屋さんにおすすめのサブプロジェクト
2017年7月14日 フリーランス フリーランスWeb屋さんの皆さん、フリーランスの仕事はどうやって探していますか？また、依頼がない時のサブプロジェクトは持っていますか？会社をやめ、フリーランサーとして仕事を始めたばかりの頃は、多くの人が「依頼のない、空白の時間」を体験してしまいがちです。そんな期間を有効活用すれば、フリーランスとしての収入も増えると同時に自分のスキルを磨く事もできます。今回はフリーランサーさんの「サブプロジェクト」に焦点をあててみたいと思います。 ↑私が10年以上利用している会計ソフト！ まずはブログ・Twitterをはじめよう まだ自分のブログとTwitterアカウントを持っていない人は、今すぐはじめてください。なぜならこれらのツールは自分を宣伝する道具としてとても有効だからです。例えばサブプロジェクトとしてWebサイト用デザインテンプレートを作ったとしても、宣伝するツ
Webデザイナーが知っておく、DTPの基礎知識
Webデザイナーが知っておく、DTPの基礎知識 2011-05-08 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、キー・プレート（Key Plate）から成っており、シアン、マゼンタ、イエローの三色で理論上、黒も表現できますが、実際は強く表現されないためブラックを補ったCMYKが使用されています。 しかしCMYKの黒でも本当の黒には見えません。 そこで他の色も混ぜて、本当の黒に近づけることをリッチブラックといいます。 印刷会社によっては推奨されているリッチブラックの濃度もありますが、C30%＋M20%＋Y20%＋K100%で問題ないと思います。 入稿時にはCMYKの色指定を、5%刻みで指定する様にするよ
デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
GPLやMITやCCなど主要ライセンスの内容と意味のまとめ
ＷＥＢ制作者にとっての強力な手助けとなる「無料素材」や、ＰＣの作業効率を格段に向上させる「フリーソフト」。ＷＥＢの世界では、もはやタダで手に入らないものは無いんじゃないかとさえ思えるほど、さまざまなものが無料で配布・提供されています。 しかしそれらは「使用料金が無料なだけ」であって、「完全に自由に使用する事が可能ではない」のです。 世の中に無料で出回っている画像やプログラムソースやアプリケーションなども、そのほぼ全てが、なんらかのライセンス（使用許諾条件）に添った形で配布・提供されているのです。 著作権を有する制作者本人が示す使用許諾条件を守る事は、制作者への敬意であると同時に、意図しない「著作権の侵害」を未然に防ぐ手段でもあります。 しかし、このライセンスというのが、なかなかに分かり難い。コムズカシイ文言の洪水だったり、そもそも英文だったり、GPLとかLGPLとかCCとか略語まみれだった
商用OK・無料でクレジット表記もリンクも不要！日本人の人物写真素材サイト・モデルピース
これはかなり重宝するのではないでしょうか。 日本の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基本的にどれも有料か、 あっても日本人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日本人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日本的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日本人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思
ハンコでアソブ
ハンコでアソブは、フリーの透過PNG消しゴムハンコ素材サイトです。 リンク、使用報告、クレジット記載不要／商用利用可です。 © 2024 ハンコでアソブ. All rights reserved.
zen codingは超便利！Dreamweaverで使ってみました。 – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。 前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ！とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ！知らなかった！無知って怖い！＞＜ Dreamweaver用はこちらからダウンロードできます。 ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。 これだけでOK。 インストールが終わったら、早速何か入力してみましょう。 すごい！感動！ 展開はcontrolキーと,(カンマ)キ
中小企業のウェブサイトで陥りやすい5つの落とし穴とアドバイス
Top 5 Web Design Mistakes Small Businesses Make [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. 役に立たないナビゲーション 2. ゴールが不明瞭 3. カラーとコントラスト 4. 分かりにくいコンテンツ 5. 情報の詰め込み過ぎ はじめに もし、あなたが中小企業のオーナーであるなら、あなたのウェブサイトはあなたの会社の中枢であり、マーケティングとブランディングにおける極めて重要なパートでもあります。 見込みのある顧客がサイトのコンテンツを目的にあなたのサイトを訪問します、それはあなたの会社がどのように見えるかを意味しており、サイトのアピアランスとユーザビリティは成功への重要なポイントとなります。 しかしながら、サイトのデザインを間違ったものにしてしまうと、あなたのビジネスに悪影響を与えてしまうことになります。ここにあ
ユーザーにより多くクリックされる効果的なボタンを作成するポイント
ユーザーにより多くクリックされる効果的なボタンにするには、どのように手をいれたらよいのかをステップごとに紹介します。
Google Analyticsが携帯サイト解析に対応！さっそく導入してみました。 (treasuring misc.)
Google Analyticsといえば広く普及しているアクセス解析ツールですが、JavaScript型のビーコンを使用しているため、JavaScriptに対応していない携帯電話向けサイトでは正しく解析ができない、というのがこれまでの通説でした。 が！ Analyticsを携帯電話でも利用できるようにする、とGoogleがアナウンスしたのが先月のできごと。まずはパイロット版として特定のパートナーだけの限定スタートとなっていましたが、気がついたら自分のアカウントでも利用できるようになっていました！ さっそく自分のサイトに導入してみました。 導入方法がちょっとわかりづらかったので、以下手順を書いておきます。 まず、Google Analyticsにログインして、左上の「Analytics設定」をクリックします。 新しくプロファイルを追加する場合は、ページ下の「プロファイルの追加」へ、 既
[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法
CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど） 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
Web サイトのスマートフォン最適化: UA 判別篇
iPhone 買いました。iPhone 4。はじめてのスマートフォンですよ。 で、この機会にこのサイトのスマートフォン最適化を図ろうと考えたわけです。今までなにもしてなかったので。しかし恥ずかしながらスマートフォン向けのサイトを作った経験がなかったので、どこから手をつけたものかわからない。そこで、とりあえず参考になりそうなネタを探そうと「wordpress iphone 最適化」あたりでググってみたところ (このサイトは WordPress で作ってます)、どうも WPtouch iPhone Theme というプラグインが人気らしい。このプラグインは有効にするだけで WordPress サイトをスマートフォン向けに最適化してくれる便利なもので、採用してるサイトもよく見かけます。 でもプラグインをそのまま導入したんじゃ面白くない。やっぱテーマは自分でいじりたいし。となると、とりあえず知りた
[CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集
CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。 The Bright (Near) Future of CSS [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 はじめに Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transforms はじめに ここでフォーカスするのは、今、そして近い将来に使用するであろうスタイリングのテクニックです。HTML5の要素のスタイリング
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobileを使ったフリーのスマートフォン向けWordPressテーマ・Generic jQuery Mobile
YouTube人気急上昇
YUKI HARUYAMA Portfolio Site | 春山 有由希
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！
HTML5の勉強に役立つチートシートやリファレンスのまとめ