editlifeのブックマーク - はてなブックマーク

【小技】Siriを使ってiPhoneですばやくメモを取るテク - iPhone Mania

閃いたことや、覚えておかなければいけないことを、iPhoneにメモする人は少なくないと思います。しかし、iPhoneをロック解除してメモする過程が煩わしかったり、とにかく急いでメモを取りたいときは少し困ります。そこで今回は、iPhoneに手を触れずに最速でメモを取る方法を紹介します！最速でメモをとる方法に欠かせないのは、Siri！最速でメモを取る手順はこうです。こんな感じで、Siriに﹁○○をメモして﹂と言えば、メモを作成してくれます。﹁Hey Siri﹂と呼びかければiPhoneを触る必要すらありません。実際にメモアプリを確認するとこの通り。バッチリメモできています。忘れない用事はリマインダーでメモせっかくとったメモも、確認するのを忘れては意味がありません。そこで、忘れたくない内容をメモするときはこう言いましょう。﹁Hey Siri！明日の3時にアイスを食べるとリマイ

editlife 2016/06/17

iPhone

リンク

Desktop Calendar Plus for Mac | Display your calendar on your original desktop picture

Key Features Show Schedule You can display your events from your Apple Calendar. By adding Google Account on Apple Calendar, you can display events of your Google Calendar events. Digital Clock Digital Clock. You can check time very easily by allocating digital clock on desktop. Easy to display You can review your calendar by choosing "Show Desktop" from Mission Control. Size and Layout Display th

editlife 2013/01/22

壁紙カレンダーのアプリケーション

Mac
Software

リンク

MacBook Air(mid 2011)購入→bootcamp→共有領域作成 - ガラスのニーソックス。

と、いうわけで兼ねてから欲しい欲しいと思っていたMacBook Airさんを購入しました。そしていきなりbootcampをしました。もっとも、その前に細かいいろいろやったことがあるのですが、今回はその一連の流れを。 1.Recovery HDの削除初macでいきなりリカバリ領域を削除するのかって話ですが OS X Lionではネットからリカバリが出来るようなので、削除してしまいました。不安な人は削除非推奨です。アプリケーション→ユーティリティ→ターミナルでターミナルを起動。検索からTerminalと入力してもOK。むしろ親指と三本指で掴む動作してユーティリティを開けばわかりやすいかもしれない diskutil listと入力。 Recovery HDと書かれている行のIDENTIFIERを確認。 diskutil eraseVolume HFS+ Blank /dev/さっき

editlife 2013/01/19

Mac

リンク

MacOS10.7 LionのRecovery HDを削除する方法

MacBook Airは64GBしかないのに640MBも黙って確保すんなよ！ケチな鰐です、どうも。 Lionをインストールすると640MBのパーティションを確保して、起動ディスクを作成します。メンテナンス用の起動イメージな感じですね。 BootCamp同様に﹃Option﹄を押しながらMacを起動すると選択画面が表示されるので﹃Recovery HD﹄を選択すればOKです。でも、こんなの使うくらいならLionインストール時にDVDとかで起動ディスク作ったほうがHDDも余分に消費しないしHDD壊れたらリカバリーもできなくなるし。ということで、消しちゃいましょう。 Recovery HDの削除方法 1. アプリケーション→ユーティリティ→ターミナル　を起動します。 2. ﹃diskutil list﹄と入力してenter︵実行︶します。 3. ﹃Apple_Boot Recovery H

editlife 2013/01/19

Mac

リンク

スパムメール防止に役立てられるjQueryプラグイン「jQuery Spamless」:phpspot開発日誌

jQuery Spamless Plugin ? Stop Em ail Spam ? Examples Design Chemical Lab スパムメール防止に役立てられるjQueryプラグイン﹁jQuery Spamless﹂。 <span class="email-1">moc[dot]niamod[at]sserdda.liame</span> のようにマークアップを記述して、$('.em ail-1').dcSpamless(); と唱えると次のように表示されるというものです。テキストなのでコピー可能。 Text: em ail.address@domain.com 原理は簡単で[at]とか[dot]を @, . に書き換えて文字を逆順にしているだけです。スパムクローラーがこの文法を理解しない限りメールアドレスは拾われません。また、この@とか.も自分の好きなように買えることが出来

editlife 2011/08/12

リンク

HTML5 の placeholder 属性を jQuery でクロスブラウザに

2011-09-23更新: 一部を修正して Gistに置きました。フォームの入力フィールドにあらかじめテキストを表示させておく﹁プレースホルダ﹂。ブラウザの検索バーなんかに見られるような、フィールドが空のときは薄く文字が表示されていて、フォーカスすると消えるあれです。このプレースホルダの機能、HTML5では input 要素や textarea 要素の placeholder 属性で簡単に実現できます。 <label>お名前 <input type="text" name="fn" placeholder="山田太郎"></label> しかしながら、この placeholder 属性をサポートしているのは今のところ Safari と Chrome のみ。そのほかのブラウザでは無視されてしまいます。そこで、この placeholder 属性をクロスブラウザで扱えるようにする jQu

editlife 2011/07/25

webkit対応属性placeholderを使えるようにするプラグイン。

jQuery
Form

リンク

textarea のリサイズ機能を止めてみる

Firefoxや、Google Chrome、Safari辺りでいつの間にやら実装された、textarea のリサイズ機能はとても便利で良いなーとは思ってますが、止めたい時も有りますよね。なので、止める方法を。 CSS3にそれっぽいプロパティが有るので、1行書くだけです。 textarea { resize: none; } こんな感じですね。これは、ユーザー側で要素のリサイズ機能を許可するかしないかってプロパティなので、別にtextareaに限らず、overflowプロパティの値がvisible以外の指定が有る場合に使っていける感じです。これだけだと、寂しいのでエントリーっぽくするために。 textarea以外に使うとしたら、トップページの新着情報みたいなので時々見る、高さ固定して overflow: auto; とかでスクロールバー出してる場合とかに使っていけばユーザー側でリサイ

editlife 2011/07/25

リンク

[JS]カラー画像を白黒に自動変更して表示する画像ギャラリー -Black and White

カラー画像を白黒のグレースケール画像に自動変更して表示する画像ギャラリーのjQueryのプラグインを紹介します。デモページ：マウスホバー（2番目）でカラー表示 Black and Whiteの実装外部スクリプト「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js"></script> <script src="js/jQuery.BlackAndWhite.js"></script> HTML 画像を内包するa要素に「class="bwWrapper"」を加えます。 <ul id="wrapper"> <li><a href="#" class="bwWrapper"><img src="files/Hydrangeas.jpg" width="300" height="225" /></a></li> <l

editlife 2011/07/25

jQuery
IMG

リンク

[Javascript] Chosen - jQueryを使ったフォームデザイン置き換え

[Javascript] Chosen – jQueryを使ったフォームデザイン置き換え Pocket Tweet jQueryやPrototypeを使った、フォームデザインを置き換えるプラグイン。サイト上ではBefore and Afterが紹介されてます。プルダウンやマルチセレクトなどが見た目に美しい絵に置き換えられます。実際に導入してないので何とも言えませんが、チェックボックスやラジオボタン、インプットなどはないのかも。導入も簡単そうなので、サクっとフォーム装飾をしたい時に便利かもしれません。 Chosen

editlife 2011/07/22

リンク

JavaScriptとCSSファイルのHTTPリクエストを最小限にし圧縮・キャッシュする -BoxJSとBoxCSS

ウェブサイトで使用する複数のJavaScriptとCSSファイルのHTTPリクエストを少なくし、圧縮・キャッシュするサービスを紹介します。 [ad#ad-2] 複数のJSファイルをまとめる -BoxJS 複数のCSSファイルをまとめる -BoxCSS 複数のJSファイルをまとめる -BoxJS BoxJSは一つのJSファイル︵box.js︶を利用し、モジュール式のローディングシステムで複数のJSファイルをロードできます。 BoxJS BoxJSの使い方最初に、box.js(1.4kb)を外部ファイルとして指定します。 <script src="http://www.boxjs.com/box.js"></script> ロードするJSファイルを指定します。 Box('http://mywebsite.com/scripts/', [ 'plugins/jquery.js', 'plugi

editlife 2011/07/12

リンク

fredibach.ch

This domain may be for sale!

editlife 2011/07/04

指定範囲から見出要素を抽出しページアンカーを生成。

jQuery
Link

リンク

fredibach.ch

This domain may be for sale!

editlife 2011/07/04

リストなどの要素が長くなった場合に一部を非表示クリックで表示。

jQuery
List

リンク

iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった

iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。シミュレーター︵エミュレーター？よくわからｎ︶はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな？ｗ動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。4つ同時に起動可能日本なら、基本的にiPhoneとAndroidだけあれば

editlife 2011/06/30

リンク

Use Custom Missing Image Graphics Using jQuery

Yesterday I posted an article about how you can use your own "missing image" graphics when an image fails to load using MooTools. Here's how to do the same using jQuery. The jQuery JavaScript $(document).ready(function() { /* version 1 */ $('img.missing1').error(function() { $(this).attr({ src: 'https://davidwalsh.name/demo/missing-image.jpg', alt: 'Sorry! This image is not available!', style:'bor

editlife 2011/06/28

画像が表示されない時に代行イメージを表示。

IMG
jQuery

リンク

http://www.kfsoft.info/MyThumbnail/demo.php

editlife 2011/06/27

不揃いな画像をトリミングして並べるプラグイン。

jQuery
IMG

リンク

In-Field Labels jQuery Plugin

License: Same as jQuery (Dual GPL + MIT) Author: Doug Neiner Download: InFieldLabels.zip Source: GitHub Size: Under 1KB Minified and gzipped Overview: This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label. Browser Suppor

editlife 2011/06/24

フォームの説明文がフォーカスするとグレーアウト、入力すると消えるギミック。

jQuery
Form

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

editlife 2011/06/23

リンク

[CSS]divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス

「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。「<div id="wrapper">」を使用しないでレイアウトをセンターに配置するスタイルシート元記事ではスタディが段階ごとに紹介されていますが、ここではその最終段階を紹介します。 CSS：シンプル版 <!DOCTYPE html> <style> html{overflow: hidden; height: 100%; background: #c72;} body{overflow: auto; height: 100%; width: 600px; margin: 0 auto; /* center */ padd

editlife 2011/06/21

CSS
Layout

リンク

[CSS]ホバー時に素敵なエフェクトでパネルを変更するスタイルシート | コリス

animated icon on hover デモページ [ad#ad-2] デモではパネルにマウスホバーすると、背景を変更しアニメーションのエフェクトを適用します。実装方法 HTML HTMLはシンプルです。ポイントとなるのは、h3やpなどのブロック要素をa要素で内包している点です。これはHTML5を使用する限りvalidです。 <!doctype html> <html lang="en"> <head> </head> <body> <a href="#" class="hover-panel"> <h3>Panel Title</h3> <p>Additional information about the panel goes in a paragraph here</p> </a> </body> </html> [ad#ad-2] CSS：ノーマル時のスタイリングまずは

editlife 2011/06/21

リンク

自動リサイズしつつ手動でサイズも切り替えられるテキストエリア実装jQueryプラグイン「Hycus Textarea」:phpspot開発日誌

自動リサイズしつつ手動でサイズも切り替えられるテキストエリア実装jQueryプラグイン「Hycus Textarea」 2011年06月16日- Auto-growing and re-sizable textarea ? Jquery Plugin - Hycus 自動リサイズしつつ手動でサイズも切り替えられるテキストエリア実装jQueryプラグイン「Hycus Textarea」。次のような、どんなサイトのデザインでもじゃまにならない、普通のテキストエリアの下にツマミをつけたようなテキストエリアが実装できます。改行をうって文書が長くなろうと自動でサイズが大きくなる点も特徴。実装は必要なライブラリを読み込んだら以下１行でOK。対象もjQueryのセレクタで一括指定も可能。 $('#txtarea').hycustextarea(); ひょっとしてHTML5いらないんじゃないかとい

editlife 2011/06/16

リンク

はてなブックマーク

タグ

editlifeのブックマーク (113)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス