The Polaris Dawn crew is back on Earth after a historic mission
The Polaris Dawn crew is back on Earth after a historic mission
以前私は、デザインの勉強を一切したことの無いデザイナー志望の新入社員に、webデザインを教える教育係を任されたことがあります。 教育なんて簡単なんじゃないの？と安易に考えた私は、案の定痛い目を見たわけです。この日から1ヶ月間、私は毎日3時間残業する羽目になってしまいました。 人に教えるのは意外と難しく、何から教えたら良いのかすらわかりませんでした。ただやはり最初なんで基本が大事だろうと思い、先輩達のアドバイスを受けながら、【デザインの基本原則】を教えることになったわけです！ 今まさに新人教育に困っている人がいれば、まずこの記事を読んでもらって見てください！新人デザイナーに教える手間が1.2時間はぶけるかもしれません！(記事がわかりにくければ読ませないでください。その時はごめんなさい) では、早速本題に入りたいと思いますが、まずは私が新人デザイナーに初めに教えることにした【レイアウトデザイン
2012年 04月 20日 フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 カテゴリ： フリー素材 タグ：イラストフリー素材まとめ作成支援ツール 会社内の資料を作成する際やブログを書く際にイラストが欲しい！と思うことは多々あるんですが、ひとつひとつイラストを書いてると膨大な時間が掛かってしまいあまり現実的では無いかなと思います。 なので、ちょっとフリー素材として使えるイラストを公開してくれているサイトをご紹介すると共に、シェアさせて頂こうと思います。 こういったものをフリーで公開していただけるのは非常に有難く頭が上がりませんね。尚、商用利用可能で、著作権表記が出来るだけ不要のものをご紹介させて頂きますがWeb上で公開したりする際は念の為、各サイトのポリシーや利用規約をご確認下さい。
こんにちは、はやちです。 今回はcss3を使って簡単に作れる吹き出しを紹介したいと思います。 HTML 土台はこんな感じ <div id="textarea"> <div class="textinner"> <p>css3</p> </div> <!--/textinner--> <div class="triangle"></div> </div> <!--/textarea--> textinnerがボックス部分でtriangleが矢印部分になります。 ボックスを作る グラデーションの調整をcss上でやるのは面倒なので、ジェネレーターでちょちょいっとつくっちゃいます。 今回使用したジェネレーターはこちら □Grad3 http://grad3.ecoloniq.jp/ ブラウザ上でグラデーションとシャドーを細かく指定できるのですごく便利です＾＾ 自動生成されたソースをはっつけます。
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ
紅茶に興味があるけど、紅茶教室に行く時間がないあなた。 紅茶を入れることに興味はないけど、店で手軽においしい紅茶を飲みたいあなた。 そんな時、ネットで「ここだけを見ておけば、おいしい紅茶が飲める！」なんてリンク集があったら便利だよね。 というわけで、私の経験から「最低限ここだけを見ておけば、おいしい紅茶が飲める」なサイトをまとめてみた。 これで、今日からあなたにも楽しい紅茶生活が！ ●紅茶はどうやって入れたらいいの？ 以下がまとまっていておすすめ。 意外と手順がすくないけど、書かれていないことが実はたくさんあったりする。 ・日本紅茶協会による紅茶（リーフティー）の入れ方 （上記で書かれていないことについて、私が補足したものがこちら） ・ティーバッグでいつもより美味しい紅茶をいれるためのゴールデン・ルール ●必要な道具は何？ 全部持っていればそれに越したことはないけど、最初はティーポット（鉄
うっわー、これ欲しいっス！ MacBook/Pro/Airを立てると、簡単にモニタやUSBの接続ができてしまう「Henge Docks」です。 これは何より、立てることで省スペースになるのが良いですね。 「Henge Docks」に立てることで、各種コネクタが接続された状態になり、裏側から伸ばしたケーブルでモニタやUSBが使えるようになります。 現在、4種類の「Henge Docks」が購入可能です。しかも、意外にお安いのですよ。 ・MacBook $59.95, $64.95 ・MacBook Pro 13インチ $64.95 ・MacBook Pro 15インチ $69.95 ・MacBook Pro 17インチ $74.95 どのように使うかは、動画も参考にして下さい。 気になるのは「MacBook Air」のことだと思いますが、ただいま予約受付中となっています！ こちらも価格は11
MacBookAirを充分に使いこなせていなくても心配入りません。また、これから買おうと思っている人も大丈夫です(´∀｀) シゴトにも使えて、ブログを書いたり、絵を描いたり、どんな趣味にも活躍してくれるMacBookAirは、その使い方によってあなたの人生で強力なサポーターになってくれるはずです。 この記事では、これからMacBookAirを買おうと思っている人、持っているけどなかなか使いこなせていない人のために、毎日Macアプリを買いあさっている@torizoが自信を持って、オススメできる実用性の高い厳選アプリを紹介したいと思います。 もし、使えそうなアプリがあったら参考にしてください。あなただけのMacBookAirにカスタマイズし、素敵なMacライフを送っていただければ幸いです。
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
What is HTML5? HTML5 is the fifth version of HyperText Markup Language, which is also known as HTML. It is not only the fifth version, but it is also the latest version of this crucial for all web projects out there programming language. Much like the predecessors, it provides developers with tools to create solid structures, present content, and build web pages and web applications. It works perf
ADWLauncher EX 非公式マニュアル目次 I. ADWLauncher EX の設定方法や便利な使い方を本気でまとめてみたよ II. ADWLauncher EX の基本操作 III. ADWLauncher EX の設定 1 ～Presets～ IV. ADWLauncher EX の設定 2 ～UI Settings（ユーザーインターフェース設定） 前編～ V. ADWLauncher EX の設定 3 ～UI Settings（ユーザーインターフェース設定） 後編～ VI. ADWLauncher EX の設定 4 ～General Behavior（挙動設定）～ VII. ADWLauncher EX の設定 5 ～その他の設定～ VIII. ADWLauncher EX の設定 6 ～ドロワー内の使い勝手向上～ ドックにアプリを追加したり入れ替えたりしよう これは通常ホ
手元やオンラインの画像からカラーパレットを1クリックですぐ簡単に作成でき、共有もできるオンラインサービスを紹介します。 もちろん、他の人が作成したカラーパレットをダウンロードすることもできます。 Colorpilgrim [ad#ad-2] Colorpilgrimでカラーパレットを見る Colorpilgrimでカラーパレットを作る Colorpilgrimでカラーパレットを見る Colorpilgrimでは数多くのカラーパレットがカテゴリごとに登録されています。 これらを見るのに登録は不要です。 ※カラーパレットのダウンロードには、登録が必要です。 下記にいくつかご紹介。
Responsive Web Design用に表示サイズの複数のブレイクポイントを定義し、異なるイベントを設定できるjQueryのプラグインを紹介します。 デモページ：幅640pxで表示 デモページで設定されているブレイクポイントは下記の4つです。 1024px 768px 480px 320px [ad#ad-2] Breakpoints.jsの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="http://xoxco.com/projects/code/b
How to Create a Perfect Color Scheme [Infographic] DesignDiana Valeanu • March 02, 2017 • 2 minutes READ Nothing can make a project stand out or identify your brand or business like color. Just think: What would the “Golden Arches” of McDonald’s be without the signature red and gold? When it comes to creating the perfect color scheme, there are plenty of things to consider. Established branding is
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く