タグ

tricot1のブックマーク (2,913)

  • リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。


    こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UIデザインを更に立体的で奥行きのある雰囲気にする﹃MAX 塗り﹄を取り入れたグラフィック作成手法をご紹介します。 ところで﹃MAX 塗り﹄ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 ﹃MAX 塗り﹄とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある﹁ぼかし塗り﹂や﹁グラデーション塗り﹂の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称﹃MAX 塗り﹄と呼ばれています。 Web や UIにこの﹃MAX 塗り﹄を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
    リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。

  • Fireworks の “ページ機能” でスライスなどの作業効率が 3.5 倍アップ！ (フェンリル | デベロッパーズブログ)


    こんにちは！デザイナーの長谷川︵ヒロユキ︶です。 僕は Fireworks 大好きっ子なのですが、残念ながらフェンリルのデザイナーは殆ど Illustrator や Photoshop でデザインしているので、今日は僕が Fireworks を手放せない理由のひとつであるページ機能を紹介したいと思います。 ●動的なコンテンツや背景などのスライス書き出しがメッチャ楽 Fireworks CS3 で実装されてしばらく使わずにいたページ機能は今では無くてはならない機能です。 こういうデザインの場合、メニューの背景の画像とボタンの画像をそれぞれスライスしたいのですが、レイヤーのみで管理しているとスライスを重ねるしかなく、必要な画像をスライスする時に他のスライスを非表示にして背景レイヤーを消して…などと非常に面倒です。 ここでページ機能が威力を発揮します。 デザインができたら、ページを複製します。複
    Fireworks の “ページ機能” でスライスなどの作業効率が 3.5 倍アップ！ (フェンリル | デベロッパーズブログ)

  • 凛とした雑貨生活。


    ご無沙汰しております。 すっかり梅雨の季節になりましたね。 只今の部屋の湿度は70%を越えました。 洗濯物がなかなか乾かなくてホント困ります… 北欧ビンテージのブックシェルフが欲しいなぁと色々検索中。 数年前にも探してみてたのですがお値段がかなり上がってますね。 思った時に買っておけばよかった… 気になったのがこのタイプ。 シンプル・イズ・ベストです。 引き出し付きは便利そう。 背板がないと圧迫感が少ないですね。 広い部屋ならこんなタイプも置いてみたいデス。

  • TURNER205

    ノスタルジックな物が好きです。いろいろ綴っていきます。

    TURNER205

  • FlickAddress - フリックするアドレス帳 iPhone アプリ｜フェンリル


    フェンリルのプロダクトSleipnir タブの切り替えさえも1フリックで片付く。 最速タブのモバイルブラウザ。 西日本旅客鉄道株式会社 株式会社JR西日本ITソリューションズJR 西日本列車走行位置 JR西日本の列車の運行情報を リアルタイムに提供するウェブサイト。 フェンリルのプロダクトNILTO 磨き込まれたインターフェースで、 チームの理想を実現するヘッドレスCMS。 GROOVE X 株式会社LOVOT 世界に1体、あなただけのLOVOTと 楽しく過ごせるアプリ 株式会社クボタKubota-PAD4.0 株式会社クボタがグローバルで展開する 農業機械、建設機械、エンジンの部品カタログシステム。 フェンリルのプロダクトBrushup イラスト・写真・動画などのレビューを効率化。 高速コミュニケーションツール。 九州旅客鉄道株式会社 JR九州コンサルタンツ株式会社トンネル検査支援アプリ
    FlickAddress - フリックするアドレス帳 iPhone アプリ｜フェンリル

  • 画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい - はてなニュース


    こちらの“ドラえもん”のイラスト、どうやって描かれていると思いますか？PhotoshopやIllustratorなどの画像編集ソフトで描かれているようにも見えますが、実はこのイラスト、なんと画像を一切使わずに﹁XHTML﹂と﹁CSS3﹂のソースコードのみで描かれているとのことです。 ▽CSS3ドラえもん インターネット上でイラストを公開するには、JPGやGIFといった画像ファイルでアップロードするのが一般的。しかしこちらのドラえもんはそういった画像ファイルではなく、Webサイトを構築する際に使われるXHTMLとCSS3のソースコードのみで作られています。そのため“右クリックで保存”ができなかったり、ブラウザの種類やバージョンによって見え方が異なるのが特徴です。 こちらはFirefox3.6の場合です。FirefoxやGoogle ChromeはCSS3に対応しているので、グラデーションま
    画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい - はてなニュース

  • 一人の女性の人生を1分半で表現したイギリスのCMが素晴らしい！｜blogs.com｜おもしろブログ記事のまとめサイト


    はてブ twitter delicious livedoor クリップ Tumblr Instapaper メールで送信 生活・趣味・旅行・創作 2010.05.07 0 山田井 ユウキ 海外のCMには、たまにハッとするほど面白いものや感動させられるものがありますよね。 今回は﹁DesignWorks﹂から、一人の女性の人生をワンカット1分半で表現した素晴らしいCM映像﹁John Lewis our lifelong commitment to you﹂をご紹介させていただきます。 内容もじわっと心に響きますが、やはりワンカットでつないだ演出が良いですよね。 これはライフスタイル雑貨を扱うイギリスの大型デパート﹁John Lewis﹂の広告とのこと。今後イギリスに行くことがあったら一度立ち寄ってみたいものです。 [人生をワンカットに収めたライフムービー﹁John Lewis our lif

  • iPadでも使える「マイクロSIM（MicroSIM）カード」を自作する方法が公開される


    日本でも今月下旬に発売される予定となっているAppleのタブレット型パソコン﹁iPad﹂ですが、3G︵第3世代携帯電話︶通信機能を内蔵したモデルを購入することで、いつでもどこでも快適にブラウジングすることが可能となっています。 しかし、iPadで3G通信機能を利用するためには従来の携帯電話に採用されている﹁SIMカード﹂ではなく、より小型の﹁マイクロSIM︵MicroSIM︶カード﹂が必要となるため、国内でマイクロSIMカードが発売されていない現在、仮にiPadを手に入れても3G通信を利用することはできませんが、そんな状況を打破するために、マイクロSIMカードを自作したという猛者が現れました。 カード自体が小型化することで、端末自体のさらなる小型化を実現できるため、iPadだけでなくタブレットパソコンやスマートフォンをはじめとしたさまざまな端末に今後採用される可能性も考えられるマイクロSI
    iPadでも使える「マイクロSIM（MicroSIM）カード」を自作する方法が公開される

  • ChromeでYouTubeとニコ動の動画を手軽にダウンロード「ニコチューブゲッダン」NOT SUPPORTED

  • CSS3Generator by @RandyJensen

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s w

  • SEXのたび変な歌を歌う嫁にアンサーソングを送りたい ニコニコVIP2ch


    ニコニコVIPユーザー様、お世話になっております！ 暖かくなってきて、出会いも多くなる季節になってきましたね。 そんなチャンスをガッチリ掴むためにも、服装は重要です。 ﹁この前、合コンした人の週末の服装がダサかった・・﹂ なんて言われたくないですよね！？ ﹁でもコーディネイトとか、めんどいしなあ・・﹂ そんなアナタにはコーディネイトセットってのもありますよ！ もっとオシャレになって、一緒に春を楽しみましょう♪ ご来店、お待ちしております！　by店長‥宇賀神 ⇒今なら宇賀神が書いた本、プレゼント！1以下、名無しにかわりましてVIPがお送りします　投稿日‥2010/02/23(火) 17:12:08.97 ID:rxxKiPvw0 結婚して1年ちょいなんだけど 嫁がＳＥＸの度に変な歌うたって困ってるんで アンサーソング作ってやりたいんだけど いいのが思い浮かばないから協力
    tricot1
    tricot1 2010/03/06
    テラ才能の無駄遣いｗｗｗ
    リンク

  • webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個


    かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
    webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個

  • Yahoo!のパスワード忘れた時の画面は利用者をバカにしている件:ハムスター速報

    Yahoo!のパスワード忘れた時の画面は利用者をバカにしている件 カテゴリ☆☆☆☆☆ 1 ：以下、名無しにかわりましてVIPがお送りします：2010/02/07(日) 00:37:29.61 ID:o0ywaXzU0 なにこの画像 https://edit.yahoo.com/forgotroot 4 ：以下、名無しにかわりましてVIPがお送りします：2010/02/07(日) 00:38:32.85 ID:2n+W1IE50 クソワロタｗｗｗｗ 6 ：以下、名無しにかわりましてVIPがお送りします：2010/02/07(日) 00:39:00.31 ID:4dgJbJYP0 べろべろばー 7 ：以下、名無しにかわりましてVIPがお送りします：2010/02/07(日) 00:39:24.88 ID:68kcileb0 これはひどいｗｗｗ 8 ：以下、名無しにかわりまして

    tricot1
    tricot1 2010/02/07
    ლ（ ^ิ౪^ิ）ლ
    リンク

  • 続・妄想的日常 目を細くすると見える


    572 名前‥名無しさん＠_＠[sage] 投稿日‥2010/01/27(水) 16:25:34 ID:FcYgSkVj0 322 名前‥名無しさん＠├＼├＼廾□｀／ 2010/01/25(月) 05:36:02 ID:s24UZYjt ああたすけて殺される。ボクは死ぬ。もう、恐怖感でいっぱいだ。 お前がしぬ。嫌だしぬのはいやだ。僕殺害嫌警察はたすけてくれない。 ！誰かきた。殺される。たすけて！たすけて殺される。 いや嫌だ自殺自殺自殺。こわいたすけて殺害される。 いや自殺！寒いよもう嫌だ。だれか！襲われる。こわいんだ。 あ、襲われ殺されるよ。嫌だ。だれか爆弾爆発爆弾がこわい。 お前は誰、鎖でしばられ殺され、嫌嫌！そんなのは嫌だ。 重い！爆弾しかけられ、僕はもう殺され爆破される。嫌だ。 嫌だ。警察誰？爆弾爆発して、ボクは消え、殺され、消される。 怖い。助けて。僕は、殺害殺される！怖い！僕は、
    tricot1
    tricot1 2010/01/30
    ｶﾞｯ
    リンク

  • Román Cortés » Pure CSS Coke Can

    Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo (versión en castellano abajo) After doing the CSS Paper Bird effect, I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a backgroun

    tricot1
    tricot1 2010/01/28
    すごいけど使い道がなさそう
    リンク

  • 2010年、押さえておきたいウェブデザインのトレンド

    CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント 2. 大きい見出し 3. 埋め込みフォント 4. 繊細なテクスチャ 5. ミニマリストとグリッド 6. CSS3 7. モバイル対応 はじめに 2010年はウェブデザインが今まで以上に刺激的で試行錯誤に満ちたものになるかもしれません。 HTML5、そしてCSS3の魅力的な新機能をデザイナーとデベロッパーが巧みに取り入れようとしています。 去年からのトレンドだと、現在は手描き風や大きい背景は少なくな

  • 251,507 free icons

    Free icons More than 251,582 free vector icons in one place. Download all the free icons in SVG and PNG formats. Use them for web design, mobile apps, or presentations. Sponsored by iStock Find the perfect icons & illustrations to complete any project on iStock

    251,507 free icons
    tricot1
    tricot1 2010/01/26
    iconfinderのまとめ
    リンク

  • 商用可も有り！フリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」

    TOP  >  WebDesign  >  商用可も有り！フリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」 デザイン的にもユーザビリティ的にも非常に便利に使えるアイコン。デザインをより分かりやすくしてくれます。今回紹介するのはそんな制作に使えるフリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」です。 基本的に、アイコン個別ではなくて、アイコンセットが多数、集められていると言う形になります。沢山のアイコンセットが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Iconset:2experts-30-icons-set icons License: Free for commercial use (Include link to authors website) ■Cr

    商用可も有り！フリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」
    tricot1
    tricot1 2010/01/26
    iconfinderのまとめ
    リンク

  • はてなって何で稼いでいるの？営業チームid:mitsukiがはてなのマネタイズについて語ります - はてな広報ブログ


    はてなで営業を担当しているid:mitsukiです、こんにちは。2004年にはてなに入社しました。それ以前に代表のid:jkondoとは大学時代のサイクリング部の同期でした。 はてなは、その多くが無料で利用できるウェブサービスです。﹁利用者には嬉しいけど、どうやって稼いでるの？﹂という疑問をよくいただくので、﹁稼ぐ﹂役割である私からお答えします。 ︵注‥マネタイズ・・・収益化。ウェブサイト運営者がそのウェブサイトを通して収入を得ることを指します︶ 重要な収入...はてなポイント！ そう、それは、ユーザーのみなさんに購入いただいている”はてなポイント”です。はてなは、人力検索はてなで質問やアンケートをするにはポイントが必要です。最近は、はてなブックマークプラスやはてなダイアリープラスなど、便利な機能に対応した応じた有料プランがどんどん拡張していっています。 はてなポイント このような、はてな
    はてなって何で稼いでいるの？営業チームid:mitsukiがはてなのマネタイズについて語ります - はてな広報ブログ

  • Twitterの発言をブログで引用するならPermalinkつけてください - 聴く耳を持たない(片方しか)


    タイトルのままなんですが、たまにTwitterの発言を引用してるのに、個別発言のPermalinkじゃなくてユーザー名だけ記述するのを見かけるのでイラッとするので書いてみたエントリー。 昨日の麻生氏発言の要旨 (Twitterから転載) - 雑種路線でいこう - ︵修正前はPermalink無かったので︶ 日本語のTwitterと英語のTwitterは別メディアであることについて | On Off and Beyond 具体的にはこちらを見て、イラッと︵略 例えば お、やっと書ける。久しぶりに Twitter ネコ 見たなぁ。 ︵@rikuo の発言です︶ という記述があったとします。じゃ、この発言いつ書かれたものかすぐに探せますか？と思うわけですよ。そうすると、わざわざ該当のユーザーのページに行き︵ここでは @rikuo︶、過去にさかのぼって発言を探すか、該当する内容を検索するしか手段が
  • 1 2 3 4 5 6 7 8 9 10 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.