box-shadowを極めて「Mac風UI」を作る！ (1/6)box-shadow プロパティは、CSS3の「Background and Borders Module Level3」で定義されているプロパティだ。ボックスに対して1つもしくは複数のシャドウを適用できる。今回のCSS3道場では、box-shadowプロパティをWebデザインに取り入れる具体的な方法を紹介しよう。 box-shadow の記述方法 box-shadowプロパティの値は、距離＋色で構成される。基本的な記述方法は以下のとおりだ。
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
Sass - チュートリアル
この文書は古いSassウェブサイトに載っていたチュートリアルの訳で、2013年12月現在もう新しいウェブサイトには存在しません。新しいウェブサイトでのチュートリアルにあたるSassの基本の日本語訳を参照してください。 Translation of: Sass - Tutorial Ruby と Sass のインストール まず、Sass がちゃんと動作するようにします。OS X を使用しているのなら、既に Ruby がインストールされているでしょう。Windows ユーザーならば Ruby のWindows インストーラーで、Linux ユーザーならパッケージ・マネージャーでそれぞれ Ruby をインストールすることが出来ます。 Ruby のインストールが完了したら、以下のようにして Sass のインストールを行います: gem install sass 最初の Sass スタイルシート 非
prev([expr]) - jQuery 日本語リファレンス
<div></div> <div></div> <div><span>has child</span></div> <div></div> <div></div> <div></div> <div id="start"></div> <div></div> <p><button>Go to Prev</button></p> var $curr = $("#start"); $curr.css("background", "#f99"); $("button").click(function () { $curr = $curr.prev(); $("div").css("background", ""); $curr.css("background", "#f99"); });
Chromeでツイッター使うならコレ！ Twitter系定番のエクステンションChromed Birdで遊ぼう!! - 週刊アスキー
Twitterは今やWebではかかせないコミュニケーションツールになった。仕事中も休日中も、チェックに余念のないユーザーは『Twit』や『Tweetdeck』、『Saezuri』などの専用クライアントを利用している人も多いはず。だが、気合を入れずにちょっと使う程度なら、やはりブラウザの拡張機能で使うのがスマートだ。今回は、Chromeで使えるの定番のTwitter拡張機能『Chromed Bird』を紹介しよう。 Chromed Birdは、アイコンをクリックすることでTwitterのタイムラインを簡単に閲覧できるエクステンションだ。また、アイコンに、現在未読のツイート数と種類を色分けで表示してくれる機能もある。TLの表示や更新頻度なども細かく設定可能だ。特段すぐれた機能はないものの必要な機能はそろっており使い勝手もよい。 ■インストール Google Chromeのエクステンション配布サ
デスクトップ通知もできる！Chrome拡張Twitterクライアント「Chrowety」がなかなか良さそう*二十歳街道まっしぐら
★新URL：http://20kaido.com/ ★新RSS:http://20kaido.com/index.rdf いままでFC2ブログで5年間、お世話になりました。感謝です。 移転先でもよろしくお願いいたします！ 二十歳街道まっしぐら（FC2ブログ時代）人気記事TOP50まとめ 「Chrowety」はChrome拡張機能のTwitterクライアントです。 なかなかの高機能で、一通りの機能がそろっています。 ChromeユーザでTwitterクライアントお探しの方は是非試してみましょう。 「Chrowety」の特徴を以下に挙げます。 ・デスクトップ通知 ・リスト対応 ・つぶやきの翻訳 ・TwitterAPIの変更 ・直近のつぶやきを通知 ・YouTubeからワンクリックポスト ・開いてるページを素早くポスト ・ホーム、リプライ、DM、お気に入りのタイムライン ・フォントサイズの変更
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
交換レンズ実写ギャラリー：コシナ「フォクトレンダーNOKTON 25mm F0.95」
