Engadget | Technology News & ReviewsHands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show
[CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
IE 9以下に存在するセレクター数制限にはまった
IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュアルにセレクター数が増える CSSは出来るだけ1ファイルにまとめたい（リクエスト数削減のため） との組み合わせがやばい。SCSSはセレクターが他のページに影響しないように以下のように書いていました。 // 共通部分 @mixin foo { color: red; .foo { font-size: 2em; // たくさんの指定… ... } } // 影響範囲を以下のページのみに限定したい #page-a { @include foo; } #page-b { @include foo; color: yellow;
Google がまだ Flash を使っているサービスでみる脱 Flash の難しさ - てっく煮ブログ
Flash, HTML5スマートフォンの普及が進む中、iPhone には Flash が搭載されず、Android 版 Flash は開発停止になるなど、遅かれ早かれ Web 上から Flash が消えていき、リッチな表現は HTML5 に置き換わっていくことは確実となりました。「これからは HTML5 だ」という印象を世間に強く与えたのが、2009 年の Google I/O でした。Google I/O 2009 レポート グーグルが賭けるHTML 5の未来 − ＠ITGoogle はそれ以降、多くのサービスに HTML5 を取り入れてきました。しかし、いまだに Flash を利用しているサービスがいくつかあります。この記事では HTML5 化していない、または、できていない 5 つの Google のサービスを通してどのこで Flash が使われているのかなぜ Flash が使われて
脱ガラパゴス！2013年FeliCa互換NFCチップが世界へ - すまほん!!
日本のケータイ市場はガラパゴスだの何だのいわれている一つの原因「おサイフケータイ」を機能を提供する「FeliCa」ですが、2013年以降、FeliCaに対応したNFCのチップが世界市場に出回ります。 以下、引用。 フェリカネットワークスは、おサイフケータイのFeliCaに対応したNFCチップを開発するため、韓サムスン電子やオランダのNXP セミコンダクターとそれぞれ提携することを発表した。2013年にも世界市場にFeliCa対応のNFCチップが投入される。 サムスン電子とフェリカネットワークスは、おサイフケータイ対応の非接触IC「NFC-SAM（Secure Application Module）」を共同開発する。NFCのコントローラーはType A/BおよびFeliCaにをサポートしており、発表文では日本のおサイフケータイとも相互互換性があるとされている。 引用元：おサイフケータイが海外
【神作画】躍動感のあるアニメMADを集めてみた ｜ お絵かき速報！萌え絵上達法
AMV特集第二弾です。 絵を描くモチベーションを上げるのにいかがでしょうか。 第一弾：【神作画】アニメーターMAD集めてみた【AMV】 【MAD】ブラスレイター アクション集 完全版 【MAD】←←↑↑↓↓→→² 【MAD】←←↑↑↓↓→→ [MAD] ↑↑↓↓←→←→BA 【MAD】→→→→→→→→ 【AMV】Fragrance【various】 【MAD】Ì gôtta tûrn Ît ôn [完全感覚Dreamer]開ける方法は間違いのギルティクラウン 【神作画】( ﾟДﾟ)ﾎﾟｶｰﾝな作画を集めてみた 東の国の眠らない板野サーカス いわゆる板野サーカス 【アニメMAD】 → [合作] デジャブ・ザ・ファイヤー 1080p G・Runner
HTMLに恋したい！「コーディング推薦」はじめました！
好きなプロパティは「-webkit-animation-delay」の渕上です。 昨年、卒制採用にのっかって行った「コーディング推薦」。今年もやることになりました！ コーディング推薦って？ KAYACの採用キャンペーンの一つです。 コーディング推薦用の課題にHTML・CSS・JavaScriptで回答していただき、弊社のHTMLファイ部のメンバーが「キュン」としたコードを書いた方を全力で推薦します！就活よりも卒業制作よりもコーディングを頑張ってしまった学生さん、履歴書よりもHTMLを書いていたい求職中のコーダーさんにぜひオススメしたいキャンペーンです！！ 課題 以下の原稿をあなたらしくマークアップ・装飾してください！ HTMLファイ部 コーディング推薦 課題 - jsdo.it - share JavaScript, HTML5 and CSS 「写真袋」というiPhoneアプリのランディ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まっすぐ歌うボーカリストが多い理由 ～音楽業界の悪い影響～ | ワンズウィルミュージックスクール
Engadget | Technology News & Reviews
思わず光の早さで保存してしまう画像を貼ってくれ：キニ速
東京マラソン 2012 「仮装ランナー」 まとめ : ニュー速VIPブログ(`･ω･´)
Engadget | Technology News & Reviews