独身四十代の孤独は凄まじい。 いい一日でも悪い一日でも、 朝から晩まで孤..
独身四十代の孤独は凄まじい。 いい一日でも悪い一日でも、 朝から晩まで孤独なことは同じ。 いくら収入があっても何を持ってても 誰とつるんでも虚しいだけ。 家族持ちの奴らは、 何年も俺に会わなくても何の支障もない。 けど、独身の俺はひたすら動き回ってないと 孤独に追い回される。 趣味の集まりに行っても、 その趣味のことしか話題のない自分が浮く。 なんてつまらない人間なんだろうと泣けてくる。 そのくせ、年だけとるから周りも気を遣う。 なんのために生きてるんだ？ 生産性もない、人間性も幼稚、 給料は余計に取るのに若者や世帯持ちほど 真剣に働きもしない。 なんのために生きてるんだ？ 世帯持ちに比べて、 独身でいることだけだ心の拠り所だったのに、 それすら足かせと認めてしまったら 俺はどうしたらいいの。
エラーメッセージはフォームのどこに表示するべきか
UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？ ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に
DeployGate
開発中のアプリを、 一瞬で手元へ。 USBケーブルにさようなら。配布、ログ収集、アップデート、 すべてをワイヤレス、リアルタイムで。 無料で試してみる
すごい簡単！UIデザイン用のさまざまなSVGアイコンをカスタマイズして利用できるJavaScriptライブラリ -vivid.js
WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。 カスタマイズも非常に簡単で、HTMLのdata属性を使用して、SVGアイコンのサイズやカラーを個別に設定できます。 90種類以上のSVGアイコンが全部商用利用無料 vivid.jsでは現在90種類以上のアイコンが利用できます。 手作業で追加するのも可能で、リクエストも受け付けています。 超軽量ライブラリ オリジナルのSVGアイコンのちょうど半分のサイズで実装された超軽量ライブラリ。他のCSSやJavaScriptなどの依存は無しです。 SVGアイコンは使用もカスタマイズも簡単 アイコンはHTMLで簡単に使用でき、サイズやカラーはdata属性でカスタマイズできます。 MITライセンス 個人でも商用でも無料で利用できます。
本当に役立つ配色サービス30選。配色難民の新人デザイナーに捧ぐ
こんにちは。 ジャスの意味がわかるやつは大体友達。Webデザイナーのミライです。仙台出身です。 私は入社当初から約1年、LIGブログの「アイキャッチ（記事サムネイル）」「バナー」「背景ジャック（大型バナー）」を制作しており、制作の回転数が多いこともあって、配色でぐるぐると悩むことがよくありました。 そのときにカラーリングの参考になるサービスサイトを手当たり次第に調べて、ためていたものを紹介します。けっこう量があり、ひと通りの配色系ツールを押さえているので、ブックマークしておけばきっと役に立つことでしょう。 配色に悩んで脳内、インターネット砂漠をぐるぐるとさまよい歩いたあなたの旅もここで終わりです。仕事はさっさと終わらせて、早く帰って寝るのです。 はじめに 説明を読めないほど疲弊しているあなたのために、評価の軸を立てました。 見やすさ 特異性 掲載数 です。 個人的な観点ではありますが、サク
痩せる卵レシピまとめ10選 - 50kgダイエットした港区芝浦IT社長ブログ
卵は食費も体重も落とす健康食材 卵。世界中で食べられる超優良食材の1つ。1日1個までと言われてきましたが近年では1日3個でもOKという時代。葉酸、DHA、コエンザイムQ10、ビタミン強化などプレミアム卵も売り場にいろいろ増えました。そんな卵は栄養豊富で安価で超低糖質なダイエット応援食材でもあります。そんな卵を活用したレシピを50kgダイエットした港区芝浦IT社長ブログから厳選して10記事ご紹介します。 痩せる卵レシピまとめ10選 白身カリカリ派向け【1個18円】エスニック目玉揚げの作り方～ナンプラー＋卵でアジアン料理～ ごま油香る【1人前30円】九条ねぎ玉子焼きの作り方 レンジで簡単キレイな卵そぼろを作る方法～ノンオイル＆ノンシュガーでカロリーダウン～ 【1食190円】厚切り豚バラ肉のチャーシューwith半熟味玉の作り方～おもてなし・パーティーで人気～ エスニック～【1食101円】タイレッ
Snoopy | View-source bookmarklet for iPad, iPhone and other mobile devices
Snoopy is a bookmarklet for snooping on web pages. It's intended for use on mobile browsers (such as Mobile Safari on the iPad) where you can't view-source to poke around under the hood of sites to see how they're built. You might find it useful for your desktop browser, too. Using the bookmarklet will give you an overlay featuring information that Snoopy can 'sniff' out of the page, such as the d
30代から始めるwebフロントエンド入門 - Speaker Deck
Transcript 30代から始めるwebフロントエンド入門 コネヒトマルシェ #2〜webフロントエンド市〜 @itosho 1 ▪ 自己紹介 ・伊藤 翔 / @itosho ・所属：コネヒト株式会社 / Supership株式会社 ・野球とアイドルが好きです。 ・最近のオススメ：sora tob sakana 先日メジャーデビュー ▪ 自己紹介 ・伊藤 翔 / @itosho ・所属：コネヒト株式会社 / Supership株式会社 ・野球とアイドルが好きです。 ・最近のオススメ：sora tob sakana 先日メジャーデビュー ・主にサーバーサイドエンジニアをやっています。 ・よく書く言語：PHP / Ruby / Golang ＿人人人人人人人人人人人人人人＿ ＞ サーバーサイドエンジニア ＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣ 4 ▪ 今日話すこと
【20選】俺が唸ったOSS・GitHubリポジトリ！Web企業で働くエンジニア達に聞きました - エンジニアHub｜Webエンジニアのキャリアを考える！
【20選】俺が唸ったOSS・GitHubリポジトリ！Web企業で働くエンジニア達に聞きました さまざまな企業のエンジニア20人に、リポジトリの中から「これは素晴らしい」「他のエンジニアにもぜひ使ってほしい」と思うものを紹介してもらいました！ GitHub上に存在するリポジトリや、その他の場所に存在するものまで、オープンソースソフトウェア（以下、OSS）は世の中に星の数ほど存在します。利便性の高さから世界中の開発者が利用していますが、反面その種類の多さから、どれを使ったらいいのかわからないという方もいるでしょう。 そこで本企画では、企業のエンジニア20人に、さまざまなリポジトリの中から「これは素晴らしい」「他のエンジニアにもぜひ使ってほしい」と思うものを紹介してもらい、その理由を解説していただきました。 使って便利なだけでなく、コードを読んで技術研鑽に活用するもよし。ぜひご一読あれ。 ※各カ
ReactとAngular、使うならどっち？ JavaScriptギークが6つの視点で徹底比較 - エンジニアHub｜Webエンジニアのキャリアを考える！
ReactとAngular、どちらを選ぶべきか？ 使用するJavaScriptフレームワークを選ぶ際、この2つはよく比較対象に挙がります。しかし、両者の特徴をよく理解していなければ、選定は困難でしょう。 今回は、両フレームワークが具体的にどんな強みを持っているのかを、Reactの専門家 小林徹さんとAngularの専門家 稲富駿さんに解説してもらいました。両フレームワークの設計思想から使用において考慮すべき点、今後実装される予定の機能まで、利用者が気になるポイントを網羅しています。 JavaScriptギークである2人のノウハウ、ぜひ選定の参考にしてください！
「Googleで最高のマネジャーになるための8つの習慣」 鍵を握るのはやはりソフトスキルだった
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
レスポンシブ対応のHTMLメールをドラッグ＆ドロップで驚くほど簡単に作成できる無料ツール -Topol.io
便利なツールがどんどんリリースされています。 一から作成するとなかなか面倒なレスポンシブ対応のHTMLメールを簡単に作成できる無料のオンラインツールを紹介します。 デザインもさまざまなテンプレートが用意されており、主要なメールクライアントすべてをサポートしています。 Topol.io Topol.ioはHTMLメールのフレームワーク「MJML」をベースに作成されており、さまざまなメールクライアントで見栄えがよいHTMLメールを簡単に作成できます。 さまざまなデザインのHTMLメールを作成できる Topol.ioの使い方は簡単です。 登録など面倒なことは不要で、HTMLメールを作成し、ダウンロードできます。 まずは、サイトにアクセスし、「Start Designing」ボタンをクリックします。
【漢の料理】独身男でも炊飯器で手抜きチーズケーキを作る - 孤毒の果て
目次 材料 クッキングスケール・計りがない場合 画像解説作り方 完成 材料 卵 2個 砂糖 50～100g レモン汁 大さじ１～２杯 クリームチーズ (１箱分)200g 牛乳 200ml 薄力粉 40g クッキングスケール・計りがない場合 タニタ デジタルクッキングスケール 1kg ホワイト KD-187-WH 出版社/メーカー: タニタ(TANITA)メディア: ホーム&キッチン購入: 4人 クリック: 5回この商品を含むブログを見る 砂糖・小麦粉は大さじ1杯＝約9g クリームチーズの裏に数種類のチーズケーキの作り方が書いてあるのでそのまま作ってもおｋ 森永 KRAFT クラフト フィラデルフィア クリームチーズ 200g 出版社/メーカー: クラフトメディア: その他この商品を含むブログを見る 画像解説作り方 クリームチーズを常温に戻す 砂糖を入れて混ぜる 混ぜるとクリームチーズが滑ら
jQuery.stopのjumpToEnd引数が便利すぎてやばい（JavaScript Advent Calendar 2010 5日目） - KAYAC engineers' blog
JavaScript Advent Calendar 20105日目のago（@kyo_ago）です。 jQueryのソースを眺めててjQuery.stopに引数があることに気づいたので調べてみました。 まず、簡単なスライドダウンメニューを作ってみたいと思います。 jQuery.stop 1 - jsdo.it - share JavaScript, HTML5 and CSS JS部分は以下の通りです。 $(function () { $('div').hover(function () { $(this).find('ul').slideDown(); }, function () { $(this).find('ul').slideUp(); }); }); 少し触ると分かると思いますが、マウスがmenuから外れた後も何度も.slideDown、.slideUpが実行されるため非常に
HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c
このUIエフェクトすごい！ふわふわと紙が風に舞うような新感覚の操作性 -Windy Effect | コリス
カード型レイアウトの各カードを紙が風に舞うように操作できる美しくて楽しいプロトタイプのエフェクトを紹介します。 こんなエフェクトが実装される日もそう遠くはなさそうですね！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
areaaperta.com - areaaperta リソースおよび情報
GitHub - posabsolute/jQuery-Validation-Engine: jQuery form validation plugin
Webデザインで使う数値をすぐに算出！マージンやフォントサイズのバリエーションを導き出すオンラインツール
