Wantedlyは、運命のチームや仕事に出会えたり、人脈を広げ、ビジネスの情報収集に使えるビジネスSNSです。
1 :以下、名無しにかわりましてVIPがお送りします:2011/11/02(水) 10:23:20.78 ID:bvr93PDkO ○○師匠の□□って演目とかじゃなくて 純粋に話としてよく出来てるとか面白いなってやつを 2 :以下、名無しにかわりましてVIPがお送りします:2011/11/02(水) 10:24:21.22 ID:iCND2MIu0 目黒のサンマ名作落語 04 五代目 圓楽 目黒の秋刀魚 ① - YouTube 3 :以下、名無しにかわりましてVIPがお送りします:2011/11/02(水) 10:24:42.92 ID:fFDajhHB0 出開帳のオチは感心した名作落語 06 圓生 開帳の雪隠 - YouTube 4 :以下、名無しにかわりましてVIPがお送りします:2011/11/02(水) 10:24:45.25 ID:AyRGQ9St0 前ふりみたいな世間話
画像もJavaScriptも使わず、CSSだけでTwitterやAppleなどのロゴを描いたサイトがすごい。 ecsspertというこのサイトは、「100%CSSでロゴを描く方法。JavaScriptも画像もない」として、CSSだけを使って描いたさまざまな企業ロゴと、HTMLとCSSのソースを展示している。ロゴはTwitter、Adobe、Apple、Windowsのほか、スティーブ・ジョブズ氏の追悼ロゴもある。 Twitterロゴとそのソース 中でもAtariのロゴはブロック崩しゲームのようにブロックとボールが動いており、これも100%CSSで作ったという。 ecsspertの閲覧推奨ブラウザはChrome、Safari、Firefox。 関連キーワード ロゴマーク | CSS | HTML | スティーブ・ジョブズ | Twitter | Apple | ブロック崩し | Firefo
運用力があるから結果につながる!リスティング広告やSNS広告の配信事例300連発OUARTETのバナーデザイン
ときには素っ気ないほどシンプルなアップル社のデザインですが、きちんと調べるとありとあらゆるところに最も安定し美しい比率とされる「黄金比」1:1.618(約5:8)が現われます。これは製品だけではなくWebページやロゴも同様。アップルの魅力的なデザインについての理由が少しだけ理解できたような気がします。 アップルのロゴ 左側の図は、直径の比ががフィボナッチ数になっている円を集めた「黄金長方形」。右の図は、これとアップルのロゴの曲線の直径を比較したもの。あらゆる箇所のサイズが緻密に計算されているのが分かります。 iCloudのロゴ 円の直径やロゴの縦横比が黄金比(1:1.618)になっています。 アップルのウェブページ ウェブページにも黄金長方形が出現しています Macbook Airの内部 ちょっと無理やりな感じもしますが、Macbook Airの内部です。 iPhone4 スクリーンの分割
はてブたくさんついちゃいました(・∀・) お久しぶりの意匠子です。 先日のHTML5に関する記事がとんでもないブクマ数ついちゃいました。 今の世の中はHTML5旋風吹き荒れてますね! このような最新情報を集めるのもデザイナーの大事なお仕事! そこで今回は知らないと人生を損しているであろうデザイナー必見のサイトをまとめました! 続きをどうぞ! まずは鉄板サイトから!! Webクリエイターボックス チュートリアル系の記事が豊富。 まぁWebデザイナーはほぼ100%見てるいると思って間違いなし。 コリス Webデザイナーやマークアップエンジニアで、 このサイトを知らないのはモグリと思われてしまうくらい有名なサイト。 CSS3やJavaScriptの話題が豊富。ちなみに某りすこさんとは関係ありません。 ホームページを作る人のネタ帳 Webデザインを学ぶ人はみんな一度は見たことがあるぐらい有名なネタ
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版(MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う)の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
記述例は以下 div page-break-after: always; } コレの悩ましいところが、ユーザー設定のヘッダー・フッターのプリント有無でコンテンツが収まる領域が変動するということです。 ユーザー側の設定の変更や、コンテンツの更新により改ページが意図しないところで行われたりする場合があるので、ちょっと危険です。一部表示だけで紙を1枚使ったり。 Web制作会社のプリント プリントの基本的な使いどころとしては、当然画面の情報を紙に出力して保存や持ち出し。みんなやっていることです。 しかしながら、Web制作会社のプリントのケースは『校正用』や『納品用』もあります。 校正用・納品用 HTMLとCSS、基本的にはスクリーン出力を最重要視して作成するケースが多いため、複雑なレイアウトや微調整時にはけっこうトリッキーなCSSを使用しちゃいます。 そのため、プリント時にはfloatがちょっとお
※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい>< 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ
「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という本人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes : HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
This domain may be for sale!
Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー:全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 (CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも
君と会わなくなって随分と年月が過ぎたね。 最近になって僕は何度か君の事を思い出してる。 君と初めて会った時、僕はまだNetscape Communicatorっていう恋人と付き合ってたんだよね。 彼女はブラウザとしてだけじゃなくって、メーラなんかもこなせる、ちょっとポッチャリした娘だったんだよ。 まぁ僕の友達から言わせると「ポッチャリどころじゃねぇだろ」って言ってたけどね。 でも君と出会って僕の人生は大きく変わった。 君はとてもお茶目で、よく僕に「不正な処理を行いました」なんて可愛いメッセージを見せてくれたよね。 今でも鮮明に覚えてるよ。 何かあるとすぐクラッシュしたよね。CSSで「:first-letter」とか指定すると、簡単に落ちちゃったよね。 一緒に青い画面、よく見に行ったっけ。 互換性の無い独特な仕様も、君らしくて愛くるしいとも思えた。 buttonタグのvalue属性の値とか、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く