iPhoneおすすめアプリGmailなどを爆速で検索できる『Greplin』のiPhoneアプリはやっぱり爆速だった!2011年8月5日397 @JUNP_Nです。男子ハックで2度も記事にしたソーシャルメディア検索エンジン『Greplin』のiPhoneアプリが満を持してリリースされました。Greplinユーザーはダウンロード必須ですよ。
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの?というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
2011年04月20日 googleの裏技いろいろ Tweet 0コメント |2011年04月20日 00:00|Web・テクノロジー|Editタグ :Google意外としんどい http://hato.2ch.net/test/read.cgi/news/1295558779/ 1 : ベーコロン(広西チワン族自治区):11/01/21 06:26 ID:SNxFSb/SO ascii art で検索 【2ch】ニュー速クオリティ:Googleで「AA」で検索かけるとGoogleのロゴがAAっぽくなる 50 : ルネ(北海道):11/01/21 09:31 ID:NdeBivAg0 キャッシュを10年前に戻して検索するのは便利だぞ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 52 : そなえちゃん(東京都):11/01/21 10:44 ID:EjQpUNv40 カ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記: iPhone向けサイト制作の書籍を執筆しました! 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5+CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張(CSS)があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
さてここではa:hoverの利用方法を紹介します。 a:hoverは拡張クラスで、「カーソルがリンクと重なった時」の動作を設定します。 スタイルシートを用いると、単なるリンクでは無く様々な動きを持たせられるのが面白いですね。 擬似クラスのページも参考に。 TIPS:head内部でaやa:hoverの設定をすると、そのページ全てのリンクにスタイルが適用されてしまいます。一部分のリンクにだけa:hoverの設定をしたい場合は、適用したいaの外側にあるタグへクラスを設定し、その前後関係でスタイルを適用する形にするとよいでしょう。具体的には以下のような形式です。 ページ先頭head内: <style type="text/css"> .link1 a:hover {設定内容} </style> リンク部分: <span class="link1"><a href="...">リ
これまで、Gmailにメールをインポートするには、単にメールを転送するGmail Loaderを使っていました。ただ、日時が保持されなかったり、プロバイダ規制の影響もあり、使いづらいものだったと思います。他にもMail Fetcher機能と自宅メールサーバーを使ってメールを移行する方法が出てきましたが、これはメールサーバーを管理するスキルが必要でした。 これに対し、実は上記以外にも、IMAPサーバとMail Fetcherを使う方法があり、ごく一部のユーザは既に活用していました。これについて、できるだけ多くの人が使えそうな方法で紹介します。 メールソフト → IMAP/POPサーバ → Gmail(Mail Fetcher)、という流れです。 まず、使用しているメールソフトにIMAP(とPOP)に対応したメールアカウントを一時的に追加します。これにはいろんな候補がありますがgooメールアド
ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅:190px マージン:15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト(段組レイアウト)を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 (X)HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
Gooleのつぶやきサービス、出ましたね。その名も「Google Buzz」。 Google版Twitterとか、情報集約サービスとか、いや、電子名刺であるとか、いろいろ言われていますけれども、私はこれはGoogleだからこそ必然的に生まれた情報整理サービスだと思います。 Googleの「会社情報」の冒頭には、以下のように書かれています。 Google の使命は、世界中の情報を整理し、世界中の人々がアクセスできて使えるようにすることです。 つまり、Google版Twitterも、情報集約サービスも、電子名刺も、全部正解なんですね。ソーシャルメディアに自分なりのフィルタをかけて、そこに含まれる情報を整理する役割を担うモノだと思います。 だからこそ「Twitterの代わりにはなり得ない」というのも、また事実。 小飼弾氏のブログから引用すると、 twitterには、二つしか「掟」がない。一つは一
Gmailはいわずと知れたメールアプリの雄。誰にでも使いやすく、インターネット接続さえできれば、いつでもどこでもアクセスできるのも魅力ですね。しかし、Gmailの底力はまだまだ計り知れません。こちらでは、米LifehackerのAdam編集長直伝の、キーボードショートカットやGoogle Labsのとっておきの機能、オススメのブラウザ拡張機能についてご紹介しましょう。よりスムーズなコミュニケーションができ、生産性アップにつながるはず。特にGmailのヘビーユーザの方、必読です! その1: キーボードショートカットを使う キーボードショートカット機能を使うためには、Gmailでの設定が必要です。まずGmailの「設定画面」>「全般」で「キーボードショートカットON」をチェックし、変更を保存しましょう。 さらに、Google Labsをクリックし、「ラベルショートカット(Go to label
Webアプリケーションの画面の中に、画像やフレームといった静的コンテンツを多く取り込むと、Webブラウザに表示されるのが遅くなることがあるが、この現象は、Webアプリケーションの構成を変更することで解決できる場合がある。 今回は静的コンテンツの配置を変更するなどで、Webブラウザの表示速度を向上させる方法について話をうかがったので、その内容を紹介する。 現象の見え方 今回は、以下の問題についての話だ。 基本的なことから確認して要因を特定 こういった現象は、読者も日常的に見ていることだろう。その原因を考えるうえで、とても基本的なことから確認してみたい。 静的コンテンツと動的コンテンツ Webアプリケーションの画面は、静的コンテンツと動的コンテンツで構成される。HTMLファイルや画像ファイルなど、クライアントからの要求への応答に使用するファイルのうち、リクエスト内容に影響されずに常に同じ内容に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く