In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS.View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box ShadowWe are going to be using the CSS box shadow pr
Codaは終売しました。 サポートやプラグインのご入手などはライブラリをご参照ください。 他社製のCodaはこちら。 ...まったく新しい、Macにネイティブなウェブコードエディタの誕生です!
twitter facebook hatena google pocket 画像などの要素をただ並べていくだけだとなんだか寂しい。 そんな時は徐々にフェードインさせてみてはいかがでしょうか? champagne.jsはランダムに要素をフェードインさせてくれます。 sponsors 使用方法 champagne.jsからファイル一式をダウンロード。 下記のように要素が記述されているとします。 <ul class="class名"> <li><amp-img src="画像パス"></li> <li><amp-img src="画像パス"></li> <li><amp-img src="画像パス"></li> <li><amp-img src="画像パス"></li> </ul> これに対しCSSを適用。 .class名 div.hidden { display: none; } 最後にJav
Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,
TANAKA U ゲーム系フリーランス @TANAKA_U フリーランスやってて「案件来たけど価格の決め方が検討つかん」って人は、人月で計算してみましょう。まず「自分がひと月頑張ったとき欲しい金額」を決めて、案件にかかりそうな月を掛けましょう。 例えば人月80万にして、10日かかりそうな案件なら(80/22*10=36)36万です。 TANAKA U ゲーム系フリーランス @TANAKA_U もしくは、直感で思いついた値段の2倍をいいます。 値段を出し慣れていないうちは、安くしがちです。 絶対見えぬ地雷が沢山ありますし、あなたの腕はそんなに安くありません。 「たけぇよ!バカ!」って言われたら´◔౪◔)アレェーマジスカァー という顔をしながら下げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く