Create a Fancy Search Box using CSS | ZENVERSE
Nowadays, most websites come with a search box to improve surfing experience. To make your website looks good, beside having a nice looking theme, you would need a fancy search box to replace the classic ones. Let’s start 1. Design your own search box In this example, I will use this as my search box. 2. Crop it out Make sure the background color outside the search box is the same as your design.
「わーどぷれす？ってナンデスカ？」という WordPress を知らない友人へ
最近は、コワーキングスペース タネマキ の方で、記事を更新しています。@uetsuhara でも気になったニュースや記事など流してます。良かったら覗いてみてください。 読了目安 4分43秒 「わーどぷれす？なにあれ。」 twitter やら Facebook やらで WordPress について垂れ流すことが多いので、最近 WordPress を知らない友人から「わーどぷれす？なにあれ。」って聞かれることがちょいちょいあるので、この場で説明してみようかと思う。興味あったら読んでみて貰えると嬉しいぜ！ ちなみに、トップの写真は、JELLY JELLY CAFEというところのマスターの母上が作られた手編みわぷー。かわいいよかわいいよ！ 簡単に素早く文章や写真を変更することができるツール いちお、公式的な言い方だと「ブログを簡単に作る」と言われています。もうちょい補足すると、ホームページを作る道
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d29d2f7b8b7abf381f981f5239189c602daec9b/height=288;version=1;width=512/https%3A%2F%2Fp1-dd40651e.imageflux.jp%2Fr%2F20110902%2F20110902143158.jpg)
スマートフォンサイトを手書き分析 | KAYAC Director's Blog
スマートフォン スマートフォンサイトを手書き分析 こんにちは。企画部ディレクターのこんどうです。ふだんは恵比寿にいます。 今日は、いま流行りのスマートフォンサイトをみてみました。 スマートフォンサイトとは、その名の通り、スマートフォンに最適化されたサイトのこと。アプリではありませんよ！ ぼくは建築学科の出身なので、図面を書くかのようにサイトを手書きで分析してみました。 チェックしたのは以下の6つのサイトです。 ・BEAMS ・G-SHOCK ・H&M ・UNITED COLORS OF BENETTON ・UNO ・マツダレンタカー 選択に脈絡ないですし他意もないですが、 多くのサイトの中から特に気になる点があったサイトを中心に引っぱってきています。 主にトップ画面だけすくって見ていて、赤い線で囲まれているところはリンクになっています。 つらつらとメモを書いています
CSS3を使ってtwitterのフォローボタンのようなものをつくるチュートリアル | webox blog
フォローボタンっぽいデザインのボタンをCSS3を使ってつくるチュートリアルです。 角丸とかグラデーションといったもののサンプルは多数ありますが、せっかくなのでロールオーバー時にテキストも変えてみましょう。 対応ブラウザ Firefox4+ / Chrome10+ / Safari5.1+ / Opera11+ 非対応のブラウザでは一部のスタイルが適用されません。ベンダープレフィックスをつけることで対応できるものもあります。 動作サンプル デモはこちら ソース <p><a class="follow">フォローする</a></p> <p><a class="unfollow"><span class="def_text">フォロー中</span><span class="hover_text">解除する</span></a></p> ロールオーバーでボタン内のテキストを変更する場合は、デ
で、結局お得なの!? 「アレコレソレキャンペーン」Wi-Fiのみ編
新規&既存iPhoneユーザなら、iPad 2がお得に使えるというこのキャンペーン。 「月額料金0円」は衝撃的ですが、ほんとにお得のかな？ まず、「月額料金0円」のカラクリを説明しておきます。 月額料金が0円になる条件は、（iPad専用）ゼロから定額プランで、パケット通信量100MB以下の場合。 しかし毎月の支払いが０円になるわけではありません。端末の分割支払金を支払う必要があります。 iPad 2 Wi-Fi + 3G 16GBの場合、月額1,860円となります。(24ヶ月払い) 「月額料金０円」は、「通信料金」と「ウェブ基本使用料金」が0円で、端末代金はちゃんと頂きます。ってこと。なんかズルイ表現ですよね…。 それでは、検証へ。 このプランは、２つのパターンで検証してみます。 １．iPad 2 Wi-Fiモデルでいいんだけど、このキャンペーンで買うとお得？ キャンペーン対象は、iPad
ダークな色合いのwebサイトデザイン集「Creative and Inspiring Dark Web Designs」
TOP > WebDesign > ダークな色合いのwebサイトデザイン集「Creative and Inspiring Dark Web Designs」 多様化するwebデザイン。常に新しいデザインにアンテナを立てておくことで、自らのクリエイティブ性を高めることができるのではないでしょうか。そこで今回は、ダークな色合いを利用したwebデザインを集めた「Creative and Inspiring Dark Web Designs」を紹介したいと思います。 （Blue Collar） イラストメインのデザインや、写真を印象的に利用したデザインなど、さまざまなバリエーションで豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Element Gallery | Coming Soon 手書きのタイトルやメニューが、暗い色合
アレ、コレ、ソレキャンペーンの考え方は「少しお安くなりました」
ソフトバンクのページはわかりやすくよくできていますが、iPad2が無料で手に入るのかな？！とか言うヨコシマな感情があると、その先入観に邪魔されて意味が理解できないと思うので、解説しよう！ まず、しょっぱなからですが、 ■iPad2のお値段 16GBモデル 1,860円／月*24ヶ月 ←コレ、とにかく必ず支払いますので覚悟を決めましょう。ここ大事です。 その他の料金のハナシ ■通信料 ← 0円から4980円までかかります。 月100MBまでは０円。4980円以上は定額です。 ■ウエブ利用料 ← 0円か315円（Sベーシックパック） 月100MBまでは０円。それ以上は定額315円です。 で、 通信料、ウエブ利用料の合計に対して、1860円 / 月の月月割がついてきます。 ただし２年契約が前提ですからね！ iPad2のお値段は割引の対象になりませんよ！ どんなに使わなくて割引後にウェブ利用
AppleのiCouldアイコンを描画するPhotoshopチュートリアル:phpspot開発日誌
How to Draw Apple iCloud Icon ? Photoshop Tutorial AppleのiCouldアイコンを描画するPhotoshopチュートリアル。 以前にも似たようなチュートリアルがありましたが、以前より良い感じに仕上がっている画像の作成チュートリアルです。 グラデーションと立体感をうまく使いこなすことで出来てるわけですね。 本物はこちら。やっぱり本物は更にディテールが作りこまれている気がしますが、それっぽいものを作るには問題なさそうですね。 関連エントリ テキストと人物を組み合わせてカッコイイ画像を作るPhotoshopチュートリアル 動画で学べるPhotoshopチュートリアル２０ 広告デザインのためのPhotoshopチュートリアル１５
忘れずに行いたい、auとSoftbankでiPhone4Sを契約するときの６つの裏技 | 秒刊SUNDAY
10月7日16時に、iPhone4Sの予約が一斉に始まり、取扱店では賑わいを見せています。特に、新規参入のKDDIは、Softbankユーザーの「つながりにくい」といった不満を解消できるかもという期待感もあるようですが、それを迎え撃つSoftbankは、料金面で一歩、KDDIより安いとアピール。iPhone3GSの割賦払い免除や、iPadのキャンペーンなど、どちらのキャリアにするか悩んでしまいますよね。そんな皆さんに、忘れずに使いたい裏技をご紹介しちゃいます。 ★Softbank ・他社からの乗り換えは「のりかえ割」の対象！ 他社からの乗り換えは「のりかえ割」の対象です。なんと、ホワイトプランが7ヶ月無料。加入後３～５ヶ月目の平均支払額が1万円以上だと、さらに5ヶ月無料。 極端な話、他社を１ヶ月だけしか利用しなくても適用になる。 のりかえ割は、MNP（番号ポータビリティ）か、9月1日以降か
フリーで利用できるHTML5+CSS3テンプレート集「15 Free HTML5 and CSS Templates」
TOP > WebDesign > フリーで利用できるHTML5+CSS3テンプレート集「15 Free HTML5 and CSS Templates」 HTML5とCSS3、随分昔からWEB業界ではよく聞く単語ではありますが、HTML5やCSS3の実案件というのは対応ブラウザの問題から意外と少なく、本腰を入れて勉強する機会も創らないとなかなかないのが現状だと思います。今日紹介するのはフリーで利用できるHTML5+CSS3テンプレート集「15 Free HTML5 and CSS Templates」。 Minimalism 案件ではあまり使えないかも知れませんが、知識を仕入れるには出来上がったのを触るのが手っ取り早い方法だと思います。全部で15のテンプレートが公開されていますが、その中からいくつピックアップして紹介したいと思います。 詳しくは以下 Simple Style その
FizzBuzz問題をCSSで - jsdo.it - Share JavaScript, HTML5 and CSS
誰かやるかと思ってたけど、誰もやらないみたいなので。 モダンブラウザーで動作します。 数字を消すのはもっと綺麗なやり方ないかなあ。 ---- と思ったら、先にやってた方がおられました。 (ノ∀｀) FizzBuzz問題をCSSで forked: FizzBuzz問題をJavaScriptで http://jsdo.it/ksk1015/n3FW // HTMLの生成だけ自動化 (function() { var MAX = 100; var elList = document.getElementById('fizzbuzz-list'); for (var i = 1; i <= MAX; i++) { var el = document.createElement('li'); el.appendChild(document.createTextNode(i)); elList.app
読んだ記事をすべて見られるRSSリーダー的サービス“Hearsay” – TechDoll.
溢れるコンテンツのどれを読んでどれを読まないか。その判断基準になっているのがTwitterやFacebookで同じ関心を持つ人たちのフィルタリングだったりする。このフィルタリングがなければ情報量が多すぎて、とてもじゃないけど追いつけない。って思うけど、何を共有して何を共有しないかをいちいち選ぶのは面倒。読んだものをすべて共有するサービス“Hearsay”が誕生したよ。 FlipboardとかPulseみたいなソーシャルマガジンやRSSリーダーなのだけど、読んだニュースをすべて共有できる。わたしが読んだすべてのニュースが一覧になってわかる。記者は特に、そうでなくてもみんな相当量のニュースを毎日読んでいるけれど、実際にツイートやFacebookへの投稿という形で共有されるのはほんの一部。 いちいちこれは共有する、これはしないっていう面倒な選択肢をおいておいて、読んだものは全部見せちゃおうよ、と
Apple、まもなくiOS向けの"AirMacユーティリティ"アプリを提供へ - 気になる、記になる…
管理人：Taisyo 海外の情報＆噂サイトで報じられている Microsoft (Windows) や Apple (MacやiOSデバイス) の最新情報を翻訳(ミスも多いですが…)してUPしています。 当サイトのメインページや個別記事へのリンク、コメント、トラックバックは自由に行って下さい。 ご連絡の必要はございません。 ある程度確認はしていますが、InternetExplorerでは一部正しく表示されない部分があり、推薦はSafariとなっています。 ニュース：総合(982) ニュース：携帯電話(346) 気になるニュース(488) ニュース：ブラウザ(204) ミニノート関連(Eee PCなど)(260) Microsoft：総合(789) Microsoft：各種アップデータ(98) Windows Vista：ニュース(512) Windows Vista：レビュー(27) Wi
デザイン性の高いクリエイティブな見出しフリーフォント集
デザインを決定づける大きな要因の一つフォント。見出し一つで印象がガラリと変わるため、それだけにフォントの入れ方、選び方というのはデザイナーのセンスの見せどころでもあります。それだけに多くのクリエイティブなフォントを知っておきたいところ。今日紹介するのはそんなデザイナーの武器の一つであるデザイン性の高いクリエイティブな見出しフリーフォントを集めたエントリー「20 Free Fonts For Beautiful Headline Typography」を紹介したいと思います。 a Weston 見出しに使えそうなキレイめでなおかつ個性があるフォントが集められています。今日はその中から幾つか気になるものをピックアップして紹介したいと思います。 詳しくは以下 Roscoe™ 丸いPOPな書体が印象的なフォント。カワイイけど洗練されています。。 Big Noodle Titling 長方形で型どら
クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton
なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね。 僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブログでも記事にされていないTipsも得られたりします。いろいろなテーマを触ることはスキルアップにも繋がるかなと思います。 今日ご紹介するテーマもとても高性能ですので開発者さんも参考にされてはいかがでしょう。 とっても綺麗です。美しいデザインだけでなく、ドロップダウンメニュー対応、管理画面内でテーマカラーや、スライド、Twitterやロゴなども変更できます。 特徴は・・・ありすぎるくらいです。ちょっと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Coming Soon
まとめ：すべてのiPhoneユーザーに捧げるおすすめアプリ10選 | ライフハッカー・ジャパン
http://japan.internet.com/busnews/20111008/2.html
http://e0166nt.com/blog-entry-944.html