CSS3の人気記事 5892件 - はてなブックマーク
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
[CSS]CSS3の効果的な使い方と陥りやすいワナ
CSS3で何ができるのかという「CSS3で何ができるの？ という時にみておきたいサイト集」という記事をとりあげました。 今回は、そのCSS3を実際どのように使うのか？ ウェブページに効果的に使用した例、陥りやすいワナとその対処方法をWeb Design Wallから紹介します。 CSS3 Examples and Best Practices 下記は各ポイントを意訳したものです。 はじめに テキストのエンボス効果 繊細な角丸とシャドウ アニメーションで回転するDVD 半透明のバー 角丸 微妙なテキストのシャドウ 陥りやすいワナと対処方法 はじめに CSS3の人気はいっそう高くなっています。実際CSS3の新しい機能はウェブに多くの新しい可能性をもたらします。 しかしながら、CSS3はまだ完全にすべてのブラウザにサポートされていないので、あまり興奮しないでください。 だからといって、CSS3を
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
Take Your Design To The Next Level With CSS3 — Smashing Magazine
Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it’s clear that we are a thousand miles away from that era. It is quite remarkable how much Web development has evolved over the years, in a way we would never have imagined then. So why is it that, when it comes to CSS,
CSS3に関する情報をまとめたサイト「CSS3.info」
次のIE7やFirefox、Opera、Safariなどでサポートされる「CSS3」に関する情報をまとめたサイトです。テーブルの角を丸くするとか、文字に影を付けるとかの効果を確認できる実際にCSS3を使ったサンプルもあります。 Everything you should know about CSS3 - CSS3.info http://www.css3.info/ プレビューいろいろ。 CSS3 Preview - CSS3.info http://www.css3.info/preview/ 例としては以下のような感じです。なお、FirefoxなどのCSS3に対応したブラウザで見ないと効果がわかりませんのであしからず。 角を丸くする、四隅の内2つとか、上だけとか下だけとかも可能 http://www.css3.info/preview/rounded-border.html 文字に影
MdN Design｜総合情報サイト
Web制作が楽しくなるCSS3/JavaScriptのテクニック50 - 海外デザイン事情第6回 新規会員登録 ログイン管理 Twitter facebook はてなブックマーク RSS 2024.10.30 WED 第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年02月15日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Brilliant CSS3/JavaScript Coding Techniques」をもとに、CSS3に関する海外の最新テクニックを紹介しよう。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：50 Brillia
70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers
CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times. The inclusion of native support for things like rounded corners and multi-column layouts are just the tip of the ice berg. Below are seventy resources, tutorials, and articles to get you started with CSS3 and HTML 5.
Appleの弱点と、対抗プレイヤーの取るべき戦略メモ | fladdict
Appleの全ての戦略は、iTunesを起点とした囲い込みをコアとする。この囲い込み戦略については5年前の予測エントリが、現状をあらわしていると思う。 この領域にて先行者利益を得ているAppleに対し、対抗プレイヤーが純粋に端末や、囲い込み戦略のコピーで戦うことは難しい。 Appleの土俵で勝負をするな よって対抗プレイヤーがすべきことは、Appleの土俵上にて同じルールで戦うことではない。 Appleの戦略がアドバンテージを失うように、市場のルールとトレンドを変更することだ。 その為にはどうすべきか？ ー Appleの戦略の起点がiTunesである以上、iTunesがイノベーションのジレンマにそのものになるよう、ルールを変更することができれば、Appleの支配体制は崩壊する。 商品を模倣するのではなく、攻め方を模倣する 実は、これはAppleがいままでやってきたアプローチそのものである。
Dragonfly でリモートデバッグ - [Ashula.info]
この文書は，David Storey氏による，Remote debugging with Opera Dragonflyの邦訳です． This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. Remote debugging with Opera Dragonfly はじめに / Introduction Opera Dragonfly の画期的な特徴の一つに，リモートデバッグ機能がある．Opera Mobile 9.5 beta 1 と Dragonfly を用いると，普段の開発環境 ( PC )でモバイル向けのウェブページやウェブアプリのデバッグをすることができる．この記事では，モバイル機器のリモートデバッグの方法を示し，Opera D
Web Design Views - Web Design and Development Blog
There are many opinions about whether designers should or shouldn’t learn how to code. In today’s world we see a huge growth on free online photo editor tools that in many cases can replace software editing tools installed on your computer. Some of these tools don’t require any download or purchase. You can simply…
jQuery1.4の新機能を1.4だけに14個 - KAYAC engineers' blog
時が経つのは早いもので、ぼーとしてたらもう1月も終わりそうですね。外村です。 先日リリースされたjQuery1.4で新しく追加されたメソッドや新しい使い方ができるようになった機能を全部ではないですがいくつか紹介します。以下に変更点が全て掲載されているのでそちらも参照するといいと思います。 Version 1.4 ? jQuery API 新規で追加されたメソッド 1. nextUntil()、prevUntil()、parentsUntil() 指定したセレクタまでの要素を返します。以下の例ではitem3とitem4の後ろにテキストが追加されます。 <ul> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> <li id="item5
人型ロボットが宇宙へ：宇宙ステーションで作業(動画) | WIRED VISION
前の記事 iPadは、Macでの「実験」成果の結晶：6つのポイント 人型ロボットが宇宙へ：宇宙ステーションで作業(動画) 2010年4月16日 サイエンス・テクノロジー コメント： トラックバック (0) フィードサイエンス・テクノロジー Alexis Madrigal 米航空宇宙局(NASA)は4月14日(米国時間)、人型ロボットを今年9月にスペース・シャトル『ディスカバリー』で宇宙に連れて行くと発表した。 『Robonaut 2』(R2)と名付けられたこのロボットは、NASAと米General Motors社が共同で開発したものだ(日本語版記事)。 『国際宇宙ステーション』(ISS)に乗り込んだ後は、宇宙飛行士用に開発された道具を使用して、飛行士らのアシスタントとして働く予定だ。 「宇宙に送られることを考えると、『Robonaut』が人間の形をしていることはきわめて重要だ。ロケットに搭
iPadは、Macでの「実験」成果の結晶：6つのポイント | WIRED VISION
前の記事 17分間息を止める方法(動画) 人型ロボットが宇宙へ：宇宙ステーションで作業(動画) 次の記事 iPadは、Macでの「実験」成果の結晶：6つのポイント 2010年4月16日 IT コメント： トラックバック (0) フィードIT Charlie Sorrel 画像は、iPadなどの色違い製品を提供するColorware社のもの。別の英文記事より 米Apple社の『iPad』は、全く新しい製品カテゴリーのデバイスであり、Apple社の研究所からそのまま出てきたもののように見えるかもしれない。しかし、よく見て行くと、それぞれの要素はかなり見慣れたものであることがわかる。 実際、iPadを構成する各要素は、以前から存在しているものだ。iPadは、過去数年にわたってApple社自身が、公に製品として実験を重ねてきた成果なのだ。以下に説明していこう。 ユニボディの「ブリック」(2008年
現実ではありえない世界を表現した不思議な写真
一見、世界をありのままに切り取った写真のようでありながら、現実ではありえないことが写っている不思議な写真あれこれ。自分の見知った部分が多く写っているだけに、違和感を感じて奇妙な気分になれます。 詳細は以下から。 漫画ではよくある表現ですが…… 中の物が出てきてしまう絵画 アイロンがけでぺちゃんこ 背中を写す鏡 あまり成長して欲しくない植物「homo sapiens」 シートを敷くように道路を造る男 道路工事関係者の休息中 建造中のテトリス エッシャー風のエスカレーター これらはスウェーデンに住むErik Johanssonさんによる作品。以下の公式サイトからは他の多数の写真が見られます。 alltelleringet.com http://www.alltelleringet.com/
自分の現在地をGoogleマップで印刷して封筒にするというナイスアイディア
通常封筒には送り先と送り手の住所やあて名を記載して郵便局員に持って行ってもらうのですが、活字だけではなくお互いの位置関係を表示したGoogleマップを印刷した封筒で手紙を出すサービスを考えた人がいるようです。 封筒に印刷されている地図にはどのように行けばいいのかの道順がラインどりされており、実際に会いに行くときにも役に立つような仕様になっています。 詳細は以下より。 Google Mail Envelopes by Rahul Mahtani & Yofred Moik >> Yanko Design これが封筒に現在地の地図を封筒に印刷して送られてくる封筒。この封筒だと、送り手ともらい手の位置関係がはっきり分かる上に、行き方も分かって便利。 この封筒で手紙を送るサービスを考案したのはシラキュース大学のRahul Mahtani氏とYofred Moik氏。この「Google Envelo
オフラインで地図を見られるAndroidアプリ·MapDroyd MOONGIFT
MapDroydはAndroid用のフリーウェア。今では3Gネットワークを使ったモバイルアクセスが当たり前になっているので、地図をオフラインで見る必要性がないかも知れない。だが旅行中や3Gパケットを使いたくない場合、電波の届かない状況にはよく出会う。 オフラインで使える地図 そこで必要になるのがオフラインでも使える地図アプリだ。Googleマップのデータは貴重ではあるが、ダウンロードしての利用は規約に反するので使えない。そこで使うのがOpenStreetMapのデータになる。そしてアプリはMapDroydだ。 MapDroydは世界中の地域や国を指定して地図をダウンロードし、オフラインでも閲覧できる。OpenStreetMapの面白いのは地図データが画像ではなくデータとして渡されるため、サイズがそれほど大きくなくて済むことだ。さらにリアルタイムに描画されるので地図を回転しても文字が水平なま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Abduzeedo - design inspiration & tutorials
FFFFOUND!
サービス終了のお知らせ - デート通
alltelleringet.com
http://www.designwalker.com/2009/08/user-interface.html
http://www.designwalker.com/2010/04/call-to-action.html
MUSTAN Internet Report