30 Delicious Food and Drink Website Designs | CreativeFan 食べ物やドリンクが食欲をそそるWEBデザイン集30。 食べ物屋さんなどのサイトを作る際に参考にできそうです。 Fundo Los Paltos C&C Coffee O’Reilly’s Pub Woki Tokee McDonald’s Wholesome Bakery 全部見る こういうのは写真がメインだったりしそうですが、写真とうまくデザインを組み合わせる部分で特に参考になりそうです。 関連エントリ クリエイティブなデザインのCSSサイト27 イカしたデザインのプログレスバーをCSS3で作成する例 黒ベースのクールなデザインいろいろ シンプルだけど、クールなデザインサイト集
歯車って、丸くないといけないとばかり思っていました。 でもこの動画を見ると...四角い歯車、卵型、うずまき型、魚型など、色んな形をした歯車が、綺麗に回転します。 何なのこれすごい神業、と思いますが、以下の作り方のチュートリアル動画をじっくりと見ていると、そんなに難しすぎるということはなく、やればできるレベルなのかもしれません... 作者のClayton Boyerは時計職人だそうですが、ぜひともこれらの歯車を使ったスケルトン型の腕時計を出して欲しいです! [YouTube via Reddit] いちる(Brian Barrett)
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです!そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト! フォームの仕様 今回チャレンジするフォームの主な仕様です! グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける(モダンブラウザ) 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ?という人もひとつひとつ記述していけば意外と簡単に作れるはずです!リンクをクリックで各項目にジャンプします。 テキストボック
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); } としてあげるといいみたい。I
株式会社マピオンは、2019年4月1日をもちまして社名を、株式会社ONE COMPATH(ワン・コンパス)に変更いたしました。 株式会社マピオン(東京都港区、代表取締役社長 佐藤孝也)は、このたび同社の地図検索サービス「マピオン」において、地形の起伏をリアルな立体感で表現した『3D風地図』を公開いたしました。 【利用料】 無料 【カバーエリア】 日本全国(離島を含む国内の全地域をカバー) 【縮尺】 全国図から詳細1/8000までの8縮尺 【閲覧方法】 マピオンの地図ページ上からボタン切り替えで閲覧可能 【URL例】 http://www.mapion.co.jp/m/35.3759033333333_138.731195_5/layer=map3d/ ■サービス背景 マピオンではこれまで、「山の情報をもっと充実させて欲しい」とのユーザーのご要望に応え、登山道や林道、山小屋などの情報を多数、
It's hard to believe that what we're looking at is real -- but we assure you, the picture above is in fact the PlayStation Phone you've long been waiting for. As we reported back in August, the device you see is headed into the market soon, likely boasting Android 3.0 (aka Gingerbread), along with a custom Sony Marketplace which will allow you to purchase and download games designed for the new pl
SVG-edit ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄いです。 次のようなインタフェースで、Chromeだとサクサク動くSVGエディタがGoogle codeにてオープンソースでダウンロード可能です。 SVGでお手軽にお絵かきしたい場合や、SVGなお絵かきサイトなんかを作るのにも活用できそう 描画したグラフィックをSVGに変換した例。ツールバーからそのまま出力可能です。 次のようなXMLデータになります。 触ってみるだけでも価値がありそうです。 関連エントリ JavaScriptでFlashやSVGを使わない3Dアニメーション PHPでベクターグラフィックスを作成するためのチュートリアル テキストで描画されたSVGグラフィックス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く