[CSS3]擬似要素とbox-shadowを駆使したエレメントデザインのコツ(サンプルコード付き)
先日擬似要素のまとめを書きましたが、用途の説明に留まり不完全燃焼だったので…今回それを使った表現のコツなんかを突き詰めてみました。サンプルコード付きですー！★ 擬似要素で出来ることを考えていて、先日[CSS]擬似要素の実用的な使用用途のまとめ – WEBCRE8.jpというまとめを書きましたが、やっぱり自分で作ったりしたかったですｗ 今回は実際に擬似要素などを使ってCSSのみでどんな表現が出来るのか、どこが難しいのか、どんなことなら出来るのかを掘り下げてみました。その過程で出来たサンプルも公開しますー。 まずは枠線の作り方。通常枠線はCSSのborderプロパティを使い、値にdoubleを設定する事で二重線が出来ます。ここではそれにバリエーションをつける方法を解説します。 デモ：box-shadowによる実線のボーダー box-shadowで実線を作れる borderで枠線をつけるところ、
![[CSS3]擬似要素とbox-shadowを駆使したエレメントデザインのコツ(サンプルコード付き)](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d32ad08c42abf3adf6023a2cf5a9740723afbdb/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F02%2Fcss-design-sample-02-150x150.png)
Kenstagramというゲスいアプリをリリースしました | ナナメウエblog
Instagram風の素敵な写真に突如ケンタウロスが自動的に挿入されてぶち壊すという、ゲスいカメラアプリを作りました。 写真を撮影、またはカメラロールに保存されている画像を選択し、フィルターを選ぶと勝手にケンタウロスが映り込みます。 現時点で約20種類のケンタウロスと戯れることができます。 Kenstagram – ケンタウロスと一緒に写真が取れるカメラ カテゴリ: ソーシャルネットワーキング 価格: 無料 使い方 アプリを起動するとすぐにカメラが起動します。 「Fx」ボタンを押すことでフィルターを確認しながら撮影することができます。 *この時点でケンタウロスはいません。 フィルターを再度、選択することができます。 自分の好みのフィルターが決まったら先に進みましょう。 *この時点でもケンタウロスはいません。 本家のInstagramをはじめとした様々なSNSに送ることができ
Instagram風アプリ「Kenstagram」 ケンタウロスを勝手に合成、雰囲気ぶち壊す
iPhoneアプリ「Kenstagram」は、Instagram風のフィルターで写真を素敵に加工できる。ただし、Instagramとは大きく異なる点が1つ。フィルターを選ぶと勝手にケンタウロスが映り込むという、余計な機能がついているのだ。レトロでオシャレな写真も半人半獣の男によって雰囲気ぶち壊し！ 良い感じの空の写真も雰囲気ぶち壊し 2月11日に公開された。開発者のブログエントリによると、開発のきっかけは「無駄に高画質なケンタウロスの画像」を手に入れたこと。アプリにはフィルターが10種類、ケンタウロスにいたっては約20種類も入っている。「ヘイ！ ブラザー！ 君はケンタウロスは知っているかい!?」とApp Storeの説明文はやたらテンションが高い。ケンタウロス好きは必見だ。 ケンタウロスへの愛があふれる説明文 advertisement 関連記事 イヌの初音ミクコスプレがかわいい なぜかケ
Illustratorで質感を表現する時に使用する粒状フィルムについて | ナナメウエblog
普段よく使う粒状フィルムについて軽く研究したので、その内容などを… 粒状フィルムとは [効果] → [アーティスティック] → [粒状フィルム] パラメータは「粒子」「領域のハイライト」「密度」があります。 名前の通り、粒子を生成してくれる効果です。 かなり万能なテクスチャとして使うことができます。 少しざらっとしたような質感から、メタリックな質感、簡単な芝生なども粒状フィルムで作成できます。 粒子パラメータ こちらは薄いグレー#e6e6e6(R230 G230 B230)のオブジェクトに、粒状フィルムを適用したものです。 左から順に「粒子」パラメータの値を1ずつ増加させていき、一番左が値10のものです。（最大値は20） 「粒子」パラメータ1のオブジェクトを6400%に拡大したものです。 細かい1pxが色を変えてランダムで並んでいます。 同じく「粒子」パラメータ10のオブジェクト
iPhone内の不要なファイルを削除してくれる「PhoneClean」を使ったら1G以上溜まってたみたい。 ← 和室Mac
iOSデバイスの無駄なデータを見つけて削除してくれるアプリ『PhoneClean』 : ライフハッカー［日本版］ コチラの記事を読んでいつかやろうと思いながら忘れてたのですがふと思い出して早速実行してみました。 PhoneClean – Free Up Space on iPhone & iPad – First iPhone Cleaner App for Windows & Mac こちらのページからアプリをダウンロードしてMacにインストール。iPhoneを繋いでアプリを立ち上げるとスキャンできます。 スキャンには数分掛かりましたが結果は1.38Gもの不要ファイルが見つかっただと。。。 この数値にホントに消してもいいのか躊躇してしましたが、殆どがキャッシュファイルなので消してみました。 ChromeやSNS系のアプリが多かったです。やっぱりアプリの入れ過ぎは良くないかも知れませんね〜
BigVideo.js - The jQuery Plugin for Big Background Video
BigVideo.js The jQuery Plugin for Big Background Video (and Images) 12-30-2015 Update This project is no longer under active development. Much has changed since the summer of 2012 when BigVideo.js was launched. For more current information on implementing video backgrounds, check out these links: CSS Tricks - Should I use a video as a background? Dudley Storey - Create Fullscreen HTML5 Page Backgr
複数タブを開いているChromeを軽くしてくれる拡張機能『The Great Suspender』 | ライフハッカー・ジャパン
『アメトーーク!』家電芸人が絶賛したサーキュライトが #Amazonプライムデー に登場! スペパ抜群で、簡単にスマートホーム化
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
