商用でも無料でいいの?というくらい美しくデザインされたHTML5/CSS3のテンプレートを紹介します。 デザインだけでなく、ページ内に取り入れたエフェクトもなかなか面白いものが揃っていますよ。 Brushed デモ ミニマルなデザインが美しい1ページスクロール。パララックスの使い方、固定ヘッダの配置方法、ナビゲーションやパネルのエフェクトなど、随所にセンスが光ります。 個人・商用利用無料。
ちょっと遅くなりましたが皆様あけましておめでとうございます! さて、新年一発目は先日こそっとあけおめコンテンツとして公開させて頂いた『 バンクーバーな僕ら – 新年あけましておめでとう巨大4コマ』で遊びで作ったパララックスページの作り方に関するお話です。 このパララックス漫画作る事になった時、実は こんな状況だったのでとにかく完全に時間との勝負だったんですが、日々パララックスに関する情報には目を通すようにしてたおかげ?もあって、リソース関係には困らなかったのでなんとかギリギリ間に合わせる事が出来ました。 今日はそんなリソース集としてお世話になった作者の方々への感謝の気持ちと、このパララックスサイトってどうやって動いてんの?ってご質問もあったので、折角だしまずは簡単に今回パララックスページを作った手順と作り方のサンプルを全部ご紹介させて頂ければと思います! ぶっちゃけお客さんに出す内容でも、
社会人は絶対にマスターしたいパワポテク・ベスト10 資料作成やプレゼンなど、ビジネスシーンにおいて特に使用頻度が高いソフトのひとつPowerPoint(パワーポイント)。習熟度によって見栄えにも大きな差が出ることでも知られています。そこで今回は「PowerPointの使い方」ガイドが、社会人は絶対にマスターしたいパワポテクをベスト10形式でご紹介!
作成:2014/03/17 更新:2014/11/01 Webデザイン > クライアントさんの依頼やクラウドソーシングでもライティングや撮影依頼の需要が増えてきました。コンテンツファーストの時代になり、ライターだけじゃなく「コンテンツを作れる」デザイナーやエンジニアは、今後100%重宝されます。今回はフリーでも活躍できるように、ライバルのデザイナーさんと差別化できるように「コンテンツ作成」もできるデザイナーになるためのスキルをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コンテンツ設計 1.イラスト作成のスキル 2.写真の撮影技術と知識 3.動画編集の技術 4.コピーライティング 5.モーショングラフィック 6.電子書籍の作成 Webデザイナーの基本知識とスキル 7.UX・UI・IAの知識 8.レイアウト基本原則 9.配色+色彩計画 10.フ
作成:2014/01/6 更新:2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター 1.アクセシビリティ 2.ユーザビリティ 3.UX(ユーザーエクスペリエンス) 4.IA(情報アーキテクチャ) 5.画面設計(ワイヤーフレーム) 6.進行管理 Webデザイナー 7.レイアウト・フォントの知識 8.配色 9.Illustratorの使い方 10.Photoshopの使い方 11.バナー作成 12.ボタン作成 フロントエンドエンジニア 13.HTML5 14.CSS3/Sass 15.javascript 16.jQuery 17.WordPressテー
コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。 上は緑みの青(#0099CE)をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。
<登場人物> エリコちゃん 適当に生きている適当な女の子。 ミカ先輩 何かとエリコを目にかけるお節介な先輩OL。 落ちる外国人 絶対に落ちるらしい。 TwitterはSNSではない エリコちゃん、本当に書くことがないから、今回は読者から質問を受け付けるわよ。 いつの間に募集したんですか? スパスパスパ…私はトゥギャッチの読者だスパ。 いつもお2人の掛け合い、楽しく拝見しているだスパ。 最近、友だちにせがまれてFacebookを始めたのでスパが、 よく使い方がわからなくて、なかなか馴染めないだモク。 私はもともとTwitter派だったのですが、Facebookは Twitterとどう違うのでしょうか? モクモクモク…。 (トゥギャッチ読者・キヨミさんからの質問) なるほどね。まず定義上の大きな違いからいうと、Twitterはマイクロブログ、FacebookはSNS(ソーシャルネットワーキング
対角線 Divine Proportions Toolkitのインストールと使い方 Toolkitの対応バージョンはPhotoshop CS5, 6です。 インストール 下記ページのDownloadから「divine_proportions_toolkit_1_0_4.zip」をダウンロードし、解凍します。 Divine Proportions Toolkit 解凍したフォルダ内にCS5, CS6のフォルダがあるので、利用する環境に合わせて選択してください。 フォルダ内の「Divine Proportions Toolkit.zxp」をダブルクリックすると、Adobe Extension Managerが開きます。 指示にしたがって、インストールします。 インストールが完了したら、Photoshopを再起動します。 使い方 使い方は簡単です。 メニューバーの[ウインドウ]-[エクステンショ
Evernote、便利ですよね。私は公私共にフル活用していまして、Evernoteなしでは生きていけないレベルです。 自分では、そこそこフル活用している自負がありますが、そうはいっても我流です。なので、ときどき、「自分の使い方、これでいいのかな?もっと、上手な活用法があったりするのかな?」って思うんですよね。 なにしろ、取扱説明書はないし(書籍はありますが)、他人のEvernoteを見せてもらう機会もないですから、他人が何の目的でどう使っているのか、興味津々なわけですよ。 検索したり、人から話を聞いて調べてみた結果、「こんな使い方があるんだ」、「その手があったか」といろんな発見があったので、紹介しますね。 <目次> こんなかんじで、5つにカテゴライズしてみました。 (*^_^*) 定番 (´・ω・`) へぇ~ (・∀・) イイ!! (;^ω^) 私だけ? (・∀・)オススメ ■1.(*^_
半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を使う 透過するとテキストが読みやすくなるとは限らない 透過を使うのは少しのスペースに 激しいコントラストの画像には透過は置かない 透過をアートとして使う 透過を飾りとして使用しない 背景に透過を使う 同時に多くの透過のエフェクトは使わない 循環するイメージに透過を使用する おわりに はじめに 透過を使ったウェブデザインは非常に美しいですが、慎重にデザインする必要があります。透過はカラーのブロック・
ブログ移転のお知らせ! ▼当ブログは移転しました!新しいサイトは以下となります!! http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします!! http://feeds.feedburner.com/bamka Evernoteは自分の好きなことを入れていい。 それは分かっているのですが、いざ使ってみると何を入れていいのか分からない。そんなに記憶しておくことってあるんか?って疑問に思う日々がありました。 でも、いろんな人の使い方を見てきて「あぁ、こんなことでもいいんだ。」って最近思えるようになりました。自分でも無意識のうちにブレーキをかけていたんですね、きっと。 それからです。Evernoteが楽しいと思えるようになったのは。そのブレーキが外れて初めて、Evernoteを好きになれるんだと思います。 じゃあ、なにが私のブレーキを取ってくれたのか。それは、色
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く