HTML5 × CSS3 × jQueryを真面目に勉強 – #15 Evernote風タグ登録コンポーネントを作ってみた | DevelopersIO
ちょっとした備忘録といったメモには Evernote を使っています。一時期に比べると使用頻度は少し落ちましたが、それでも使っています。地味なところですが、Evernote のタグ登録 UI が結構好きなのが理由の一つでもあります。 Web メールにおいては基本的に受信がメインで送信といっても殆どが返信で済んでしまっていますが、 Gmail を使っています。Gmail は非常に早いサイクルで機能や UI が刷新されまくっていますが、いつの頃から送信先、Cc、Bcc 入力のUIがまるでタグのような見た目とインタラクションになりました。この両者の UI はとても良く似ており、単純なカンマ区切りの文字列よりも視認性が高くて個人的に気に入っている UI の一つです。 そんな訳で、このタグ登録のUIコンポーネントを作ってみました。前回、jQuery UI Widget の作り方について学んだわけです
【入門】webアプリ開発を習得するための手順、言語、本、フレームワークまとめ | らふらく^^ ~ブログで飯を食う~
【重要な追記】プログラミング独学はキツいと、本題になる前に重要なことを書いておきます。 僕も最初そうでしたが、JavaScriptなどプログラミングは独学だと難しくて投げ出したくなります。 僕もできずに心が折れかけていました。 そんな時に東京でプログラミング教室をやっていることを知り、参加してみたのでした。 ＞＞プログラミングでできること、日常生活での活用例、主要言語などまとめ プログラミング教室で理解速度は格段に上がる結果、プログラミングへの理解度がかなり高まり、その後の勉強がスムーズにいきました。 なので、僕はお金を払ってでも、プログラミング講座、スクールには行った方がいいと思っています。 当時、学生ながら3万円くらい払いましたが、そこに投資して本当に良かったです。 今月から有料プログラミングスクールに通うことに 独学だと概念理解できなくてつまずいてしんどかったので 結果として行ってよ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
背景、全画面で動画を再生。BigVideo.js #jQuery / Maka-Veli .com
いつかきっと使うメモ 今回の記事は以下から How To Build a Fullscreen Background Video Player | Vandelay Design Blog About the Author:Jake Rocheleau @jakerocheleau. Jake’s Google+ profile. より詳しく、技術的に読みたい方は今すぐGOです（記事は一応チュートリアルで全文英語です） jQuery / jQuery UI / Video.js / imagesLoaded を用いて、bigvideo.js と以下の指定で動くそう。 <script type="text/javascript"> $(function() { var BV = new $.BigVideo(); BV.init(); BV.show('動画.mp4'); });
一個覚えとくと重宝するかも！レスポンシブWEBデザイン対応のグリッドシステム色々！ | バンクーバーのうぇぶ屋
先日、Responsive Grid Systemの仕様変更について記事を書かせて頂きましたが、あの反応としてやっぱりいくつかコメントもらったのが、逆に分かりにくくなったという物。 まぁ、従来の作り方とは大分変わったので、グリッドシステムとして僕の中で大事な要素の一つである『周りとの共有しやすさ』という面ではちょっと難ありかなと思うのが正直な所。一度慣れてしまえばこんな効率の良い作り方も中々無いかなと思う反面、やはり直ぐに順応するのは微妙に難しいかなとも思うわけです。 そんな経緯もあって、先日から今まで以上に他のグリッドシステムも目を通すようにしていて、今は個人ベースのプロジェクトとか小規模な物であればResponsive Grid Systemで良い物の、他の選択肢も一応用意しといた方がいいかなと思っている今日このごろです。 というわけで、今日はそんな感じでこれまでいくつか目を通して来た
画像も動画もGoogle Mapsもあらゆるコンテンツを拡大表示するスクリプト -iLightBox | コリス
画像をはじめ、画像ギャラリー、そして動画、HTMLコンテンツ、外部サイトなど、あらゆるコンテンツを拡大表示するjQueryのプラグインを紹介します。 あらゆるコンテンツをサポートします。 画像、画像ギャラリー、動画（HTML5, YouTube, Vimeoなど）、Flash/swf, Google Maps, iFrame, AJAX, Alert/Confirm/Promptなど 主要なブラウザ全てをサポートします。 IE7/8/9/10, Firefox, Chrome, Safari, Opera iOS4+, Android 主要なデバイスを全てサポートします。 デスクトップ・タブレット・スマートフォン スワイプ操作やRetinaディスプレイもサポートしています。 iLightBoxのデモ デモではあらゆるコンテンツをiLightBoxで拡大表示します。 まずは、画像一枚を拡大表
これだけ見ておけばとりあえず大丈夫！僕が設定しているGoogleAnalyticsのカスタムレポート5つ｜男子ハック
Web制作これだけ見ておけばとりあえず大丈夫！僕が設定しているGoogleAnalyticsのカスタムレポート5つ2013年2月13日539 @JUNP_Nです。アクセス解析といえばGoogleAnalytics。Web担当者やサイト・ブログ運営をしている人は毎日見ているかと思いますが、カスタムレポートは使っていますか？毎日見る項目が決まっているのであればカスタムレポートを設定しておくと便利です。 サイトの成長はしっかりとPDCAを回すこと。大事なのは仮説検証を繰り返すこと。Web担当として仕事をしている人からしたら当たり前の話ですが、趣味でサイト運営やブログ運営を行なってい人はアクセス解析といえばPVを見るだけという人も多いみたいです。 男子ハックの場合ですが、毎日以下のカスタムレポートを確認しています。カスタムレポートを使えば、毎日のGoogleAnalyticsの確認を効率よく行うこ
iPhone内の不要なファイルを削除してくれる「PhoneClean」を使ったら1G以上溜まってたみたい。 ← 和室Mac
iOSデバイスの無駄なデータを見つけて削除してくれるアプリ『PhoneClean』 : ライフハッカー［日本版］ コチラの記事を読んでいつかやろうと思いながら忘れてたのですがふと思い出して早速実行してみました。 PhoneClean – Free Up Space on iPhone & iPad – First iPhone Cleaner App for Windows & Mac こちらのページからアプリをダウンロードしてMacにインストール。iPhoneを繋いでアプリを立ち上げるとスキャンできます。 スキャンには数分掛かりましたが結果は1.38Gもの不要ファイルが見つかっただと。。。 この数値にホントに消してもいいのか躊躇してしましたが、殆どがキャッシュファイルなので消してみました。 ChromeやSNS系のアプリが多かったです。やっぱりアプリの入れ過ぎは良くないかも知れませんね〜
第三次世界大戦の可能性について語るよ
1 以下、名無しにかわりましてVIPがお送りします :2013/02/11(月) 18:07:39.91 ID:7GB9hRBHP第三次世界大戦の可能性について語るよ。 あくまで俺の私見であって、どこかの誰かの見解というわけではない。 あとネトウヨ論争とか、そんなわけない論争がはじまると収集がつかないので、すまないけど議論については控えさせてほしい。 こういう考え方もあるんだな、という程度で聞き流してほしい。 ※関連記事 ハンカチ王子（24） 右肩痛回復の遅れによる調整不足…2軍スタートの可能性も 車内で腹や心臓などを刺され男性が死亡も凶器発見されず → 自殺の可能性で捜査へ 韓国、200万票が捏造、焼却処分された可能性が・・・ 大統領選やり直しか 信頼できる消息筋「iPhone 5SはカメラとSoCが高性能化で7月発売 iPad mini 2はRetinaに IGZO搭載
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
巨大氷河が歴史的崩落の瞬間 縦1000メートル、マンハッタンを超えるサイズの大迫力:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
欲しかったらお持ち帰りOK！ 超合理的かつエコなオランダ発透明ゴミ袋『Goedzak』
欲しかったらお持ち帰りOK！ 超合理的かつエコなオランダ発透明ゴミ袋『Goedzak』 田端あんじ 2013年2月14日 0 以前は真っ黒が主流だったのに、いつのまにやら半透明のごみ袋に慣れっこになってしまった、私たち日本人。でも他国では、まだまだ黒ゴミ袋が大活躍している模様。 その中の１カ国、オランダに登場したユニークなゴミ袋が、今回の主役です。海外サイト『inhabitat.com』によると、このたびオランダのデザインチーム『Waarmakers』が、半分黄色で半分透明のごみ袋『Goedzak』をデザイン・製作したのだそう。 こちらのゴミ袋、ただの透明なゴミ袋ではございません。『Goedzak』が他と一線を画している点、それは、「中に入っているものが欲しい場合は持って帰っても良い」という点なのです！ 『Goedzak』は、オランダ語で「おせっかい」を意味します。要は、「自分にとっては要
なんと！JavaScriptだけでテキスト読み上げ·Speak.js MOONGIFT
Speak.jsはJavaScriptだけでテキストを読み上げるソフトウェアです。 Webブラウザで音声ファイルを指定してJavaScriptで解析、なんてソフトウェアもありますが今回は一から“音声”を生み出してしまう驚きのソフトウェア、Speak.jsを紹介します。 ボタンを押すとHello Worldと話します。 こんな感じで任意の言葉を話させることもできます。 Speak.jsはジェネレータを通じて音声を動的に生み出します。対応しているのは英数字のみとなっており、日本語には対応していません。常に動的に生成しているので自由なテキストを読み上げさせることができます。 Speak.jsはJavaScript製のオープンソース・ソフトウェア（GPL）です。 MOONGIFTはこう見る テキストを外部サーバに送って、それを音声ファイルにして返すAPIも世の中にはあります。当然、こちらの方が英語
「Minecraft」で作った街がとんでもないと話題に これが100人×4カ月の成果だ！
自分でブロックを組み替え、家や建物などを作って遊べる「Minecraft」で、ある海外ユーザーが作った街がとんでもないと話題になっています。 ソーシャルニュースサイト「reddit」に写真が投稿されると、「すげえ！」「なんだこれ！」とたちまち多くのクラフター（Minecraftプレイヤー）が熱狂したこの画像。クラフターでなくとも、この写真を見ればこのスゴさは伝わるはず！ redditの書き込みによると、モデルになったのはファンタジー小説「氷と炎の歌の世界」に出てくるキングズランディングという街だそう。街の中には約3000の建物があり、いずれもインテリアまでちゃんと作り込まれているというから驚き。サイト「WesterosCract」の呼びかけで集まった、100人以上のクラフターでが4カ月かけて作り上げたとのことです。 見栄えをよくするためにMODを入れたり、特殊な撮影方法を使ったりはしていま
FacebookやTwitterのポストから誰かの行動をストーキングできるツール（動画）
FacebookやTwitterのポストから誰かの行動をストーキングできるツール（動画）2013.02.12 22:00 福田ミホ 何気ないポストが、チリも積もればプライバシー。 上の動画では、軍事技術企業のRaytheon社がそのオンライン・ストーカーツールを見せてくれています。任意の人物をピンポイントで追いかけ、その人がいつどこにいそうか予想も可能です。これは先週まではトップ・シークレットでしたが、この動画でリークされてしまいました。発見したのはイギリスのGuardian紙です。 Raytheonが作ったこの技術は名付けて｢Riot（Rapid Information Overlay Technology、高速情報オーバーレイ技術）｣。FacebookやTwitter、Foursquareなどのソーシャルメディアのポストからロケーションタグや画像のExifデータなどを抽出して、対象とな
Webサイトで写真を使う時に気をつけたい基本の3つ / Maka-Veli .com
1 人物写真、並べる時は顔のサイズで合わせる 人物の写真が並んでいる時、かつ人物そのものを紹介する時なんかにやると良い感じ。 撮られた写真をそのままリサイズして載せるだけでなく、一工夫。 並べるなら人物の顔サイズを基準にして並べた方がキレイです。 どうしても顔サイズで合わせる事が難しい場合でも、例えば人物の足、腰、肩、顎、目、なんかのラインを揃えるだけでもキレイに見えます。 （元々の顔が大きい、小さいの差はあるので、そこは現実になるべく合わせる方向で・・・） 未調整 こっちは写真をそのままリサイズして調整 調整版 こっちは顔サイズで合わせてリサイズ。不足している部分が出るんですが、そこは伸ばしたり合成して誤魔化してます。 あ、ちなみに人物でも「シーン」として撮影されている写真だったり、メリハリや動きをつける為にあえて大きさバラバラにするのもカッコイイので表現したいコンセプト次
人工DNA入り印刷用インク開発 「模倣ほぼ不可能」で偽札防止に
理化学研究所発のバイオベンチャーであるタグシクス・バイオと大日本印刷は2月12日、人工DNAを含有した印刷用インクを開発したと発表した。第三者による模倣が「ほぼ不可能」で、紙幣や金券などの偽造防止に活用できるとしている。 タグシクス・バイオが開発した人工DNAを活用。DNAの基本となる4種の塩基（アデニン、グアニン、シトシン、チミン）に加え、人工的に作り出した塩基対を組み込んでおり、4種の塩基だけを任意に配列した従来の偽造防止技術よりさらに模倣が困難という。 光に強い塩基配列の人工DNAを利用。印刷物表面に人工DNAが露出しないよう保護インクでコーティングすることで、光や温度、湿度などの環境変化による悪影響を受けづらくし、DNAの保存性を改善したという。人が触れたりなど外部からDNAが混入しても人工DNAと区別が付くため、誤認などを防ぎ、高い精度で解析できるとしている。 金券50万枚作る場
【必見】NHK番組『できるかな』のノッポさんからメッセージ「大人になったみんなへ」が感動的すぎて話題
【必見】NHK番組『できるかな』のノッポさんからメッセージ「大人になったみんなへ」が感動的すぎて話題 沢井メグ 2013年2月12日 工作が得意な不思議なお兄さん「ノッポさん」とおにぎり大好きな「ゴン太くん」が登場するNHKの工作番組『できるかな』。 30代以上の人はこの『できるかな』を見て工作に親しんだ人も多いだろう。1990年に惜しまれながら最終回を迎えたが、今でもノッポさんやゴン太くんの人気はとても高い。 その「ノッポさん」からのメッセージがとても感動的だと今、ネット上で話題になっている。これは子どもたちに向けたものではない。小さな頃『できるかな』を見て育った大人へのメッセージ「大人になったみんなへ」だ。 動画では「昔小さかったみなさん、お久しぶりです」とノッポさんが話すところから始まる。ノッポさんがしゃべった!! ノッポさんといえば番組内では一言も声を出さなかったことで有名。最終回
笑えるgifください : 暇人＼(^o^)／速報 - ライブドアブログ
笑えるgifください Tweet 1：以下、名無しにかわりましてVIPがお送りします：2013/02/11(月) 20:58:47.14 ID:SEl9Npx20 42：以下、名無しにかわりましてVIPがお送りします：2013/02/11(月) 21:19:57.07 ID:exnF8Riv0 60：以下、名無しにかわりましてVIPがお送りします：2013/02/11(月) 21:26:46.62 ID:IlcB+z9t0 >>42 クソワロタｗｗｗｗｗｗｗｗｗ 5：以下、名無しにかわりましてVIPがお送りします：2013/02/11(月) 21:00:43.67 ID:rs21KZF50 17：以下、名無しにかわりましてVIPがお送りします：2013/02/11(月) 21:06:55.69 ID:rs21KZF50 138：以下、名無しにかわりましてVIPがお送りします：2013/02
無料で手軽にHTMLを使ったメルマガの作成と配信ができるウェブサービス「MailChimp」を使ってみた
最大2000人の購読者に対して、月間1万2000通までのメールマガジンを無料で配信できるクラウドアプリケーションが「MailChimp」です。同サービスは購読者の登録と管理を行う専用ツールやHTMLメールの作成支援機能、課金管理システムなどを備えており、ウェブブラウザ上で簡単な作業をするだけでオリジナルのメールマガジンを配信することが可能となっています。 Email Marketing and Email List Manager | MailChimp http://mailchimp.com/ 「MailChimp」のサイトにアクセスして「Singn Up Free」をクリック。 「Email」などの必要事項を入力して、「Create My Account」をクリック。 登録したアドレスに以下のようなメールが届くので、「activate your account」をクリックしてアカウン
クラフトワークの歴代作再現ライヴ＜1 2 3 4 5 6 7 8＞、英国公演が映像がYouTubeに - amass
クラフトワーク（Kraftwerk）が『Autobahn』以降の歴代作8タイトルを1夜1タイトルずつ披露するスペシャル・ライヴ＜1 2 3 4 5 6 7 8＞。先週より開始された英国公演より、初日2月6日および翌7日の映像（ファン撮影）がYouTubeに。 ●ハイライト
食パンをピルクルに浸して焼くとチーズケーキになる
おやつの新ジャンルとして、デザートトーストというのを提唱したい。 デザートトーストというのは、アラビア半島にくらす砂漠の民（デザートピープル）・ベドウィン族が主食としている、小麦粉を練って中華鍋のような形をした鉄板で焼いた料理のこと。ではない。 食パンにコンビニデザートを塗って、焼いたものだ。 インターネットユーザー。電子工作でオリジナルの処刑器具を作ったり、辺境の国の変わった音楽を集めたりしています。「技術力の低い人限定ロボコン（通称：ヘボコン）」主催者。1980年岐阜県生まれ。 本『雑に作る ―電子工作で好きなものを作る近道集』（共著）がオライリーから出ました！ 前の記事：街路樹に名札がついている国、日本 ＞ 個人サイト nomoonwalk
ペンギンたちが自らで作り上げた、南極ペンギン交差点 : カラパイア
ペンギンは群れで暮らす社会性の高い動物。集団が協力し合って生活しているため、自らの生み出した様々なルールが存在する。南極には、ペンギンたちが安全で効率的に移動できるよう、自らの足跡で作り上げた道があり、なんと交差点まで存在する。 この映像は、ペンギンたちが自らが作った交差点の上を移動する様子を撮影したものだ。
フロントエンジニアのスゴさがわかる！ HTML5, JavaScriptで実装されたイケてるアプリ5選 | らふらく^^ ~ブログで飯を食う~
HOMEエンジニア時代のプログラミング開発メモHTML、CSS、JavaScript、jQueryフロントエンジニアのスゴさがわかる！ HTML5, JavaScriptで実装されたイケてるアプリ5選
ぐるぐるタイマー by ApeHill: 用途に応じて時間を設定。すぐにスタートできる簡単タイマー。無料。 | AppBank
ぐるぐるタイマー by ApeHill: 用途に応じて時間を設定。すぐにスタートできる簡単タイマー。無料。 勉強やジョギング、カップラーメンやお顔のパックまで、生活の中で時間を測りたい場面ってありますよね。でも、それぞれの用途に応じてタイマーを設定し直すのは意外と面倒くさいのです。 そんな方にオススメのアプリがこちらのぐるぐるタイマーです！使う用途に応じてあらかじめタイマーを設定できるので、わざわざ時間を設定し直す必要がありません。 カップラーメンを作るとき、タイマーを設定している間に20秒追加されて、あのちょうどいい硬さの麺が台無し！ぎゃぁああ！！！なんてことも防げます。あ、これは私だけでしょうか？ と、とりあえず、レビューをご覧ください！ ぐるぐるタイマーの動画をチェック 標準モード ホーム画面には標準モードが表示されます。いくつかのタイマーが既に設定されています。 「顔パック」のアイ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
日本の「BENTO＝弁当」は海外でこんな風に紹介されている | ライフハッカー・ジャパン
今や海外でも「Bento Box」というだけで意味が通じるくらい、弁当は人気があります。なんと『Just Bento』という名のサイトまでありました。「フジヤマ」、「ハラキリ」、「チョンマゲ」と、ちょっと違うような紹介をされがちな日本文化。Bentoはいかがでしょうか。Just Bentoを読んでみましょう。 弁当とは、いろいろなおかずを、細かく区画された箱に詰めたもののことです。弁当を作ることで、ランチタイムが楽しみになり、栄養バランスの取れた食事を取ることができます。Just Bentoには、弁当作りが実践的に学べる、新しい無料のコースができました。 このコースの最初のレッスンでは、弁当作りに欠かせないルールを教えています。おいしい。栄養バランスが取れている。健康によい。見た目もきれいでおいしそう。素早く簡単にできる。安上がり。これがすべてそろっていれば、本当に完ぺきですよね。 また、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.machu.jp/posts/20130211/p01/