Windows XP/7、Mac OSX 10.5+の両OSに対応、iPhone, Android, iPad向け(デスクトップも)のサイトやアプリのワイヤーフレームを作成するソフトウェアを紹介します。
シンプルなものからちょっと面白いものまで、20種類以上のアニメーションのエフェクトを備えた画像を目立たせるjQueryのプラグインを紹介します。 デモ 用意されているエフェクトは20種類以上で、ホバー時のエフェクトは下記のものが揃っています。 normal popout sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpRandom sliceUpDown sliceUpDownLeft fold foldLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse 画像のデフォルト時のエフェクト(オーバーレイ・半透明)も用意されており、組み合わせて利用できます。 [ad#ad-2] 以下、デモページのエフェクトを紹介します。
もうすぐ結婚を控えている会社員(男)です。いますぐというわけではないのですが、将来マンションでも購入したいねと婚約者と話すことも多く、もちろん自分の稼ぎでは現金一括での購入はかなり厳しい…ということで、住宅ローンを利用することになりそうです。でもこの不景気ですし、簡単に住宅ローンを組むことが出来るのかどうか非常に不安なところもあります。 なので、自分が住宅ローンを組むときには、銀行がお金を貸したくなるような人間になっておきたいという気持ちがあります。じゃあ具体的にはどんな人なのか、と聞かれるとあまり想像がつかなくて…。一般的に銀行がお金を貸したいと思えるような人ってどのような感じの人なのでしょうか? 事故がなく、借金が少ない、収入が安定していることが一番です 銀行がどんな人にお金を貸したいかっていうと、「たくさん借りてくれる、だけど返済もきっちりしてくれる」ような人って感じかな。いくらお金
Geekなページの以下のエントリーにメルマガとブログの広告の位置についての言及がありました。 有料メルマガを廃刊しました:Geekなぺーじ メルマガ開始とともに広告収入が増えたのも大きな変化でした。 最大の要因は広告の配置を変更したことなのですが、それによって広告収入が倍近くになりました。 前々から広告を目立つ位置に変更すれば収入が増えるのはわかっていたのですが、「目立つ場所は人によっては邪魔な位置だ」と私が考えていたので、その変更を行うところまで数年間踏み切れませんでした。 しかし、メルマガを開始するような方向性を含めて、そろそろ何とか生活を成り立たせようと本気で模索する必要があるという意味では、そういった個人的な美学が本当に正しいのかということを含めて、位置変更をしてみようと思ってやってみました。 結果、広告配置に関しての苦情もいまのところはなく、広告収入は増えました。 (増えたといっ
日本デザインセンター / Andreas Pihlström / TYP他...全14件
実は大学時代の同期であるgamellaが面白いエントリーを書いていました。 題名は「ニート革命再々考とWebだけで月10万円稼げる力」。 ニート革命、つまり職がないときにじゃーどうするの?という問題について、こんなことを書いていた。 ... 最近はもう考え方が結構変わっていて、 とりあえずWebで月10万円稼げる方法を何とか見つける!というのが直近の答えなのかなーと思う。 ... 僕なりの解釈だと、Webだけで10万円を稼げれば、 住む場所によってはレバレッジが効いて場所と時間に束縛されないんで自由な生活できるんじゃね?ってとこです。 すごい同意です。特に今だったら日本円を稼いで東南アジアに住むなんてプランはありありだと思います。 また10万円という単位も一つの目標としてよい設定値だと思います。 さて、僕は、諸々の事情があって日本に住んでいますが、 Webだけで10万以上稼ぐことはしていま
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
元画像を一切劣化させることなく、ちょっとぼんやりしたねむい画像をくっきりさせるPhotoshopのチュートリアルを紹介します。 レースの柄をはじめ、よりくっきりしているのが分かると思います。 How to Non-destructively Sharpen Your Image In Photoshop [ad#ad-2] チュートリアルは4ステップで、慣れれば数分でできる思います。 下記は各ポイントを意訳したものです。 Step 1:画像の準備 Step 2:ディテールの抽出 Step 3:ディテールの調整準備 Step 4:ディテールの調整 完成 Step 1:画像の準備 まずは、元となる画像をダウンロードします。 Autumn Stock IV [ad#ad-2] ダウンロードした画像をPhotoshopで開いてください。 画像を加工するときは、元画像はそのまま残し、コピーした画像を
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="
PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践しているサイトからThe Next Webが厳選した10の素敵なサイトを紹介します。 — SEO Japan 最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。 あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのこ
最近リリースされたものを中心に、レトロヴィンテージなかわいいリボンやバッジ、アイコンなどのウェブ用のエレメントやテクスチャ素材をDesign Shackから紹介します。
私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー?」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基本・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜>< by:fweez まずはじめに とりあえず用意するもの2つ HTMLの基本 HTMLとは? 1.DOCTYPEの宣言 2.基本的なタグ 3.<body>の文書構造 CSSの基本 CSSとは? 1.CSSの読み込み方法 2.指定パターン 3.marginとpaddingの違い 4.ブロック要素とインライン要素 応用してwebページを作ってみる まずはじめに 一口にwebデザインといっても色々なことがあると思うのですが大
海外で有名なウェブ制作系サイト『Smashing Magazine』がリリースしているebook『Professional Web Design, Volume 2』が、期間限定で無料ダウンロードできるので紹介します。 ダウンロードできる期間は7日間なので、お早めに。 あと、5日かな? Professional Web Design, Volume 2 ※2014/2/4追記 ダウンロード期間は終了したため、リンクは削除しました。 [ad#ad-2] ebookのダウンロード方法 ebookの中身をちょっとだけ紹介 ebookのダウンロード方法 ebookの無料ダウンロードはDolodyのキャンペーンで、まずはサイトにアクセスします。 Dolody Dolodyは『Noupe』と『BundleHunt』のクリエイターが立ち上げた新サイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く