![髪の毛切り抜き / Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker](https://cdn-ak-scissors.b.st-hatena.com/image/square/18e4ccb28011a1d52ec795770dfabcf28bdc5140/height=288;version=1;width=512/https%3A%2F%2Fwww.designwalker.com%2Fwp-content%2Fuploads%2F2017%2F12%2F03.gif)
セミリキッドレイアウトの両端にドロップシャドウの背景画像を配置するスタイルシートをSoh Tanakaから紹介します。 Tips for Developing Semi-Liquid Layouts demo デモでは、入れ子にしたdiv要素にそれぞれ背景画像を設置。 親は中央配置にし、min-width, max-widthを設定。 子はoverflow:hidden;を指定し、paddingなどを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="content_wrap"> <div class="content"> <!--Content--> </div> </div> </textarea>
みなさんの部屋はインテリアについて工夫をしていますか? 今日はちょっとした工夫で部屋の中をスッキリ、おしゃれに見せるための方法を紹介したいと思います。 目線より高い位置に物を置かない よく こういったスチールラックにテレビを置いてる人っていますよね。 確かにスチールラックは丈夫で安いのでとりあえずこれで、という人が多いのですが、部屋をスッキリ見せるにはちょっとイマイチです。 というのも、目線よりも高い場所に物があることで、圧迫感が生まれてしまいます。 どうしても収納力が欲しい場合は、部屋に入った瞬間に死角になる場所に置いたり、また といった、変わった形のラックで空間を演出してあげるのもいいかもしれません。 ごちゃごちゃを隠すために といったマガジンラックを活用するのもよいかもしれません。 コード類は全て隠す 特にこのブログを読んでいる皆さんは普段PCやAV機器などで部屋の中がコードでぐちゃ
そのクリーニング! ちょっと待ったあああっ! 春ですね! 厚いコートも脱ぎ、そろそろ冬のスーツや洋服をクリーニングに出そうかな〜と思っているアナタ! ちょっと待ったああ! こんなサービスがあるのをご存じですか? 全国無料宅配クリーニングサービス「せんたく便」 これは、自宅からインターネットでクリーニング依頼すると、宅配便で取りに来てくれるというサービス。終わればもちろん自宅にお届け。「残業続きでクリーニング店の空いている時間に帰れない。大事なプレゼンの前だから、シャキっとしたいのに……」という悩みもこれで解決。しかも自宅だけでなく、全国どこでも受け取れるので、出張先から発送して、自宅や次の出張先で受け取ることも可能です。 肝心の料金は「せんたく便10パック」なんでも10点で5,092円。 これが高いのか安いのか、このままではピンとこないので比較してみました。これからの季節にクリーニングに出
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
PHP micro-optimization tips | Alex @ Net PHPコーディングに関する最適化TIPS というのがまとまっていましたのでご紹介。 元記事では、micro-optimization ということで、これらを直すのももちろんだけど、ロジックを直す方がパフォーマンスは改善されるということを言ってるようです。 個人的な勉強がてら、メモとして残します。 ・__call のマジックメソッドを使うと遅い ・staticなメソッドはインスタンス化したオブジェクトのメソッドより速い ・関数呼び出しは、staticなメソッド呼び出しより高速 ・ローカル変数へのアクセスはグローバル変数へのアクセスより速い ・グローバル変数へのアクセスは、オブジェクトのプロパティより速い ・オブジェクトプロパティへのアクセスは、__get, __set を使うと遅い ・初期化された変数はそうでな
Checkbox alignment in IE and Firefox | Xinotes チェックボックスを綺麗に並べるCSSサンプル。 次のように、チェックボックスの横に、改行入りのテキストを入れても綺麗に配置するサンプルです。 簡単そうでなかなか難しいテクニックかもしれないので覚えておくとよいかも。 サンプル IEでもFirefoxでも動作。Chromeでも試してみたところ動作しました。 関連エントリ クリーンなデザインでピュアCSSなフォームを作るサンプル CSSでクールなINPUTフォームを作成するサンプル CSSベースのクールなフォーム、サンプル集 CSSでフォームデザインをする際のチュートリアル
アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ
25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近
Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。それが複数の画像を一つにまとめてしまい、CSSのポジションをずらすことで表示するという手法だ。これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む。 実際、検索結果のGoogleロゴを見ると、複数の画像が混ざった結果なのに気づくはずだ。これをやるのは非常に面倒に感じるだろう。だが、小さなアイコンなどはこういう手法をとればサイトの負荷軽減、高速化につながる。それを手軽に実現できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Sprite Generator、CSSによる画像分割補助ソフトウェアだ。 CSS Sprite Generatorは複数の画像をZipで固めてアップロードすると、その画像を連結し、さらに表示するためのCSSを生成してくれる。これを使えばまさに
Cocoaの本を読み始めてから2ヶ月、iPhone SDKをいじり始めてから1ヶ月半。 ついに僕が作ったiPhone / iPod touchアプリ「SingingCat」が2009年2月16日からAppStoreで発売されます。(日本での価格は115円。) (追記 2/16 4:30) 発売されました! → 今後、僕のように未経験から何か作る方の参考になればと、以下にアプリ制作につかった資料をあげておきます。 読んだ本 たのしいCocoaプログラミング[Leopard対応版] 自作アプリをApp Storeで世界に向けて販売できる!! iPhone SDKプログラミング大全 (MacPeople Books) 参考させていただいたサイト・お世話になったサイト あまりまとまっていないですが、 僕のはてブのiPhone&プログラミング タグ に全てあります。 また、Twitterのiphon
2ch脳の人がついったーでようやく気がついたこと。 http://anond.hatelabo.jp/20090211023546 への反応。 Twitterをはじめる友人へ送ったプライベートなメールを、大幅に加筆したものだ。 自分のブログに投稿しようと思ったのだが、増田の方が需要が高いと思ったので投げておく。 Twitterをはじめたのはちょうど一年ぐらい前だが、僕も最初は良くわからなかった。 「全くの知人がゼロ」という状態からTwitterジャンキーになった僕がどのようにTwitterを使ってきたか、参考までに。 対象は、「Twitterに登録してみたけど何をしたらいいかわからない。とりあえずフォローを増やしてみよう」という人 あと、かなり感覚的に書いている部分が多いので、突っ込みどころはたくさんあるがご容赦いただきたい。 一番最後に簡単な用語集を付属 わからない単語があったら見てもら
■amazon.co.ukでDVDが安すぎる まとめ 改x6 http://www.amazon.co.uk/ amazon.co.ukで買えるのは、CD,DVD,BD,書籍のみ。時計、服、家電などは買えない。ただし、マーケットプレースの店によっては日本発送をしてくれる店もあるかも。 見るだけなら日本国内で買うのが馬鹿らしいくらいの価格差がある。7万円 vs 2千円。しかも正規版。 日本のリージョンは2、欧州も2、アメリカは1。日本と欧州は映像方式の違いで差をつけている。 XBOX、XBOX360はPALでもNTSCでもOK。 PS2でPAL方式は見られない。見られるのはNTSC方式のみ。リージョンも2のみ。 PS3でもPAL方式DVDは見られない、リージョンも2のみ。Blu-rayはNTSC/PALとは無関係。リージョンチェックのみ。 PAL方式が見られるリージョンフリーなDVDプレイヤ
タイトルや、内容どうこうではなくて、Google AdsenseのオフィシャルブログであるInside AdSenseに、アメリカのトップブロガー、「ProBlogger」の著者が出ていたことに感動を覚えてしまって書いています。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! AdSenseでの収入を増加させるために実験すべき6つのことProblogger本人は、既に広告ネットワークなどの関係でAdsenseはブログでは一切使っていないのですが、私も彼のエントリを読むことで、どれだけ影響を受けたか分かりません。 とうわけで、彼の言う6つの実験すべきことを以下に。 広告の位置 表示する広告の数 広告のデザイン 広告のサイズ 広告フォーマットの種類 どんな内容の記事で収益が高いか なるほど、再考させら
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く