おいなんだこれwwwwwww すごすぎるぞwwwwwwwwwwwwwwwwwwwww ※Kinectによるモーションキャプチャーをガンプラで稼働
年末に紹介したのとは異なるデザインを用意した、ピクセルベースのPhotoshopのパターン素材を紹介します。
何だか周りにiPhoneを持ってる人が増えてきたなぁと思う今日この頃です。 それにつれてiPhone用のサイトをコーディングする案件も増えて来ましたので、コーディングするときのポイントをまとめました。 iPhoneの特徴 まずは、iPhoneの特徴を見てみましょう。 一つの端末で複数の解像度を持つ iPhoneの特徴の一つとして、縦持ち・横持ちのときで横幅の解像度が変わります。 例えば、縦持ちのときは320pxで、横持ちのときは480pxとなります。 ※縦持ちのとき ※横持ちのとき そのため、320pxに最適化したコーディングをすると、横持ちのときに160px分の余白が空いてしまうため、320pxにも480pxにも対応出来るコーディングをする必要があります。 ※そのためには、デザインをしっかりと考えたものにしなければいけませんが…。 HTMLやCSSの実装状況はパソコンと同様 iPhone
Dropquest 2011 Dropquest 2011 - Step 1 謎解きをクリアしていくと、段階的にDropboxの容量が増えていくステキな企画。 攻略記事 Erroneus - An erroneous trophy hunter... が素晴らしい 攻略記事があったので、紹介。英語ですが、攻略法が掲載されています。おかげさまでささっと容量アップできました。Dropquest 2011 Dropbox容量を1GB増やす方法 | Guttyo blog で、存在をしりました。ありがたやー。 そんな攻略記事をやっつけで日本語に... やっつけで日本語にしました。かなり怪しいうえに、クエストを楽しむんじゃなくて容量を増やす作業を手早くやりたい人用です。(間違いあったらゴメンナサイ、原文も併せて参照してください) https://www.dropbox.com/dropquest20
2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね! ↑私が10年以上利用している会計ソフト! 追記:リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても!Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ
なかなかユニークなWebサービスだった ので備忘録。他にもあるような気がします けどね・・例えばWeb制作などで、制作中 のデザインのスクリーンショットをアップし、 問題箇所をクライアントさんに指摘して貰お うという目的のWebサービス・Recurseです。 シンプルなサービスですよ。遠く離れた地にいらっしゃるクライアントさんに見せて問題箇所を指摘してもらう、というもの。メールのプロセスも結構な時間を有しますのでこういったサービスで無駄な時間を減らせれば素敵ですね。よくある「共有する」サービスでは無さそうです。 デモも用意されているのでテストしてみてください。以下に簡単に使い方をご紹介。 シンプルなインターフェースです。まず、プロジェクトの名や説明、背景の有無とスクリーンショットのアップロードを行います。 こうしてスクリーンショットをアップロード。View Screenshotをクリックし
Fireworksで効率よく作業するためのTipsをまとめてみました。マニュアルに載ってることから多分載ってないこと、古くからFireworksを使われている方にはしょーもないTipsかもしれませんが、1つでも発見があれば幸いでございます。 ちなみに、「○○の作り方」といったTipsではありませんのであしからず。あと、バージョンや設定のカスタマイズによっては多少異なるかもしれませんので、その辺りはご容赦を。(ちなみにCS4ユーザです) Windowsユーザの方は、command → control、option → altと読み替えてくださいねー。 1.オブジェクト(+α)を削除する時にカットを使う。 初っぱなから、使い古された感あり且つFireworks関係ないやん!で恐縮ですが。 単純にdeleteキーを押す代わりに、command + xでカットをします。 一瞬とはいえ、マウスから手
はてなブックマークの数が多い順に記事を一覧する jQuery のコード書いてみました。私のブログのサイドバーにホットエントリーという名前の項目がありますが、これははてブ数でソートして一覧にされています。 とても簡単で30秒くらいで出来ます。 はてブでの人気記事一覧を作る JS ファイルを作る 以下のコードを任意の名前で JS ファイルとして保存してください。変更点は var siteurl と var id の部分のみですね。自分のブログのドメインをスラッシュありで入れて、id には一覧を表示するためのボックスを入れてください。 var j$ = jQuery; j$(function() { var siteurl = 'http://weble.org/'; var id = 'hotEntry'; j$.ajax({ dataType: "jsonp", data: {'sort':
最近リリースされたものを中心に、デザイン、スタイルシート、ワイヤーフレーム、データベースなどに役立つオンラインサービス・ウェブアプリケーションを紹介します。
Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用+IETesterでIE9を確認できるようにカスタマイズする 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」と「Internet Explorer Platform Preview(「Internet Explorer 9 Platform Preview」)」を併用する IE9のブラウザーモードとドキュメントモードを利用する 以下、
Here we are, our twenty third web interface showcase. Showcasing the latest design trends within the community, this round-up of fresh showcasing e-commerce, blogs and portfolio designs. We would love to know your feedback on our web interface showcase, how can we can we make them better? What should we not do? Should we have a voting system? Feel free to drop us a tweet with your suggestions or p
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
HTMLタグをいちいち手で入力していると、時間もかかりますし、入力間違いやスペルミスなど、間違いの原因にもなります。それはCSSでも同じです。 DreamweaverなどのWebオーサリングツールには、標準でタグや属性の補完機能や「スニペット」といわれる入力支援機能があります。スニペットは、登録されているよく使うコードを呼び出して、コピー&ペーストの要領で入力します。 Zen Codingでは、このスニペットのようによく使うコードを呼び出して入力するものですが、「省略形」(abbreviation)といわれるコードの略語のようなものを入力するだけで、さらにかんたんにコードを入力することができます。 Zen Codingを使えばコーディングはこう変わる!HTMLコーディングでは、「<h1>見出しタイトル</h1>」のようにテキストを開始タグと終了タグで囲み、見出しを指定します。 Zen Co
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
You’re probably losing out on clients just because your portfolio doesn’t give them all of the information they need. Based on what we’ve learned from running AwesomeWeb, this is what clients look for most. In the same way that a logo represents a brand, your portfolio represents your personal brand. If you get it right, you can have clients forever. Your Web Designer Toolbox Unlimited Downloads:
Using good background image in web design can really lift up a simple layout. Now the question is, how to generate interesting backgrounds for your website. There are many ways to achieve that, you can do it either a simple way or harder way. Simple way is to use online background generators, which can be used to make stripped, tiled, textured and dotted patterns. Here are 10 extremely useful back
効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」 2011年01月17日- ExpBuilder Float Dialog v3.0 - Easy PopUp - Expbuilder 2011 効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」。 ピコッと邪魔にならない程度の効果音付きでダイアログをアニメーションしてくれます。この効果音がなんとも分かりやすい上にいやらしさがないところがGood。 画面を暗くする部分をアニメーションさせたり、ダイアログ自体をアニメーションさせられたりします。 背景色はグレーだけではなく別の色にも調整可能 効果音はmp3なので好きに置き換えることも出来ます。 サンプルコードは以下で、ダイアログ内のデータもHTML内にベタっと書くことができます。JSコード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く