フィールドへの適切な入力文字数を分かりやすく教えてくれるjQueryプラグイン「wChar」:phpspot開発日誌
wChar :: jQuery Character Counter Plugin フィールドへの適切な入力文字数を分かりやすく教えてくれるjQueryプラグイン「wChar」 基本的にフォームは入力値制限がありますが、入力中に、あと何文字必要、あと何文字入力可能、というのを教えてくれます メッセージが簡素なので分かりやすいというのが特徴。その場で何文字以下、何文字以上まで、なんて表示してあげるより断然分かりやすいです 関連エントリ マークアップにValidateルールを定義してフォームバリデーションできるjQueryプラグイン「Ketchup」 画像をクリックで選択してフォーム送信できるようにするjQueryプラグイン「Image Picker」
[CSS]アイデアが面白い、ボタンに次々とメッセージを表示するスタイルシート -Story Button
[CSS]アイデアが面白い、ボタンに次々とメッセージを表示するスタイルシート -Story Button Story Button こういうボーナス的なトリックって、面白いですよね。 気がついたビジターだけが楽しめたり、ボタンクリックへの背中を一押しするようなメッセージを入れるのもいいかもしれません。 実装は、簡単です。 HTML a要素で実装したボタンに、メッセージの数分のa要素を量産します。 デモでは、10のメッセージが表示されます。 <div class="button"> <a class="first"> Keep hovering me </a> <a class="slidein"> how are you today? </a> <a class="slidein two"> I'm doing well </a> <a class="slidein three"> tha
制作前に要チェック！フラットなデザインのいいとこと悪いとこのまとめ
フラットなデザインに限らず、トレンドを知り学ぶことは大切です。 フラットなデザインの良い面・悪い面を知り、どのようなプロジェクトに使うとより効果的か学んでみましょう。 Pros and Cons of Flat Design 下記は各ポイントを意訳したものです。 はじめに フラットなデザインは、最近のデザインの中で大きな流れであることは否定できません。確かに至るところで見かけます。 このフラットなスタイルは、デザインコミュニティでその正当性とスタイルの適用について激しく議論がされてきました。ここでは、そのフラットなスタイルの良い面と悪い面の両方を見てみましょう。 良い面：フラットなデザインはトレンド フラットなデザインは非常にトレンドです、しかしこのトレンドはいつまで続くでしょうか？ もしトレンドに乗るなら、今がこのフラットなデザインを実行する時です。プロジェクトでフラットなデザインを取り
WebページをRetina対応させるテクニック～基礎知識編
WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
TechCrunch | Startup and Technology News
Last week, an unknown hacker broke into the servers of the U.S.-based stalkerware maker pcTattletale. The hacker then stole and leaked the company’s internal data. They also defaced pcTattletale’s official website with the goal of embarrassing the company. “This took a total of 15 minutes from reading the techcrunch article,” the hackers wrote in the…
「8時間寝るのがベスト」は忘れよう：集中力向上につながる睡眠ハック3選 | ライフハッカー・ジャパン
人間は平均して一生のうち24年間を寝て過ごします。しかし、この「睡眠」に関しては不可解なことが多く、健康のためにどのくらいの睡眠時間が必要なのかもわかっていません。今回は研究成果を取り上げながら、この「睡眠の謎」に迫ってみました。睡眠に関する最大の問題のひとつは、「話題があまりにも多すぎる」ことかもしれません。必要な睡眠時間やその影響、睡眠中に起きていることなど、一般的なことは誰もが知っています。けれども、これらの知識をどこで得たのかよく考えてみると、人づての話だったり、子どもの頃に母親から言い聞かせられたりしたものがほとんどだったことに私は気付きました。 「8時間睡眠がベスト」説は忘れるべし 「自分に必要な睡眠時間」については、誰もがわかっているはずです。私も良く使うセリフですが、「8時間から9時間は寝ないとダメだ」というのが一般的な回答でしょうか。 とはいえこれは、事実無根の思い込みか
注意力や生産性の向上など、研究によって裏付けられた笑顔でいることの利点 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
努力なしで生産性を上げられる小ワザ6選 | ライフハッカー・ジャパン
生産性の高いライフスタイルを維持するのは大変ですが、意思の力で自己管理する以外にも、仕事を片付けるうまい方法があります。ちょっとした小ワザで自分の脳をだまして、やる気を起こさせるのです。室温を調節したり、動物の赤ちゃんのかわいい写真を見たりするのもそのひとつ。努力不要で生産性を上げられる、科学的裏付けのある小ワザを6つ紹介しましょう。 人間の脳は不思議なものです。ココアはオレンジ色のカップで飲むのが一番美味しく感じるし、食器を小さくすると食べる量を減らせるし、笑顔を作るだけでストレスを減らせる説（英文）もあります。私たちの脳がなぜか引っかかってしまうこの手の小ワザで、生産性を上げるのに役立つものをまとめてみました。かわいい動物の赤ちゃんの写真を見る 最初に紹介するのは、今回の中でも一番変わった研究結果です。かわいい動物の赤ちゃんを見ると、集中力と生産性が上がるのだそうです。広島大学の入戸野
Webデザイナー志望の学生必見!!アイデア出しで行き詰まらないための5つの方法 | キャリアバイト
ここで意識してほしいのは、Webデザイン以外のデザインを見るということ。 グラフィックや映像・パッケージ・プロダクト・建築など様々な年鑑が毎年出版されているので、普段見ないデザイン分野やその年のデザイントレンドを一気に見ることができます。 ただ、デザイン書は基本的に高価格のものが多いので、まずは図書館などでチェックすることをオススメします。気に入れば購入し、財産として持っておくと良いでしょう。 …少し脱線するかもしれませんが、こちらのコピー年鑑も面白いですよ。 3.自分の限界を超える もう限界きてるよ…という方に試してもらいたい方法。 それは、制限時間を設けてデザインをスケッチブックに描き出してみることです。 例えば3分間でスケッチブックに何個のアイデアを描き出せるか、一度やってみてください。 さて、いくつアイデアが出てくるでしょうか。 最初は1つや2つくらいしかアイデアが出てこなくても、
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
35歳店長が反論「ワタミはブラックじゃない」 | ニコニコニュース
ブラック企業大賞にて、ぶっちぎりの得票数で大賞を受賞したワタミフードサービス。この結果に猛然と異を唱えるのは、関東近郊の店舗で店長として働く元木氏（35歳・仮名）だ。 「報道があまりに一方的過ぎ。外食なんて基本どこもクソ忙しいし、きつい仕事でしょ。その枠で考えれば、ワタミはものすごく優しい会社ですよ。新人が皿洗いするときは店長が洗い場まで来てつきっきりで教えるし、賄いを食べる順番だってバイト、若手、最後に店長です。それに、体調が悪くても休めないなんてことはない。人手が足りなければ、近隣の店舗が応援に来てくれますから。忙しい先輩社員たちが、自分の時間を削ってまで寄り添ってくれる文化が根付いたいい会社ですよ」 とはいえ、ワタミの業務が長時間労働であるのは公然の事実。元木氏も平日で14時間、土日祝日となれば16時間は店に出る。キツくはないのだろうか？ 「キツいと感じる人は、辞めちゃえばいい。新
Google HTML/CSS Style Guideについて、そろそろひとこと言っておくか - teppeis blog
話題になっていたので、 <html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita [キータ] 便乗して、一年以上前に社内勉強会で作った資料があったので今更ながら公開してみます。 Best practice from Google HTML/CSS Style Guide はい、当時流行っていたimpress.jsを使いたかっただけの資料ですね。 読めば分かるように、これはGoogleさんの中の人のためのスタイルガイドっていう側面が強くて、とにかく1byteでも削ることに命を懸けてます。省略できるところは全部削っていくスタイル。 われわれ平民の提供するサービスとはトラフィックの桁がいくつも違う世界の話なので、鵜呑みにすると悲しいことになりますのでお気をつけて。 ちなみに、 HTML and CSS, including GSS files のGSSっ
離婚直後の男性が綴った「結婚に関する20のアドバイス」が大反響を呼ぶ / Facebookでのシェアが11万件超え！ | ロケットニュース24
» 離婚直後の男性が綴った「結婚に関する20のアドバイス」が大反響を呼ぶ / Facebookでのシェアが11万件超え！ 特集 現在、ネット上で大反響を呼んでいる「結婚に関するアドバイス」をご存じだろうか。これはある男性が綴ったものなのだが、Facebook に公開後、わずか1カ月で11万4600件以上シェアされ、「いいね！」の数は1万3700人を超えているのだ。 書いたのは、16年間連れ添った妻と2013年7月に離婚したばかりだというジェラルド・ロジャーズさん。「私が男女関係のプロでないことは確かですが、愛する女性を失い、16年間の結婚生活が終わりを迎えた今、やっておけば良かったと思うことがあります」という書き出しで、離婚直後に感じたことが20項目に渡って綴られている。 今まさに夫婦の危機を迎えている人だけでなく、これから結婚する人たちにとっても何か参考になることが見つかるかもしれない。
Webライター初心者は必読！記事を書くときに押さえてほしい6の事柄 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさまこんにちは、メディア事業部のそめひこです。 Webライターとしての経験がない、はたまたブログや記事を書いたことがない方と今まで何度かWeb記事を作成してきました。その中で、Webライターとして記事を書く上で、最低限これだけは知っておいてほしいと思うことがいくつかございました。 今回は今までWeb記事を一緒に作成してきて、”最低限これだけは事前に共有しておきたい”と思った事柄をまとめましたので、ご紹介いたします。 Webライター初心者は必読! これだけは押さえてほしい6のことまとめ １、大前提 !「誰に対して書くのか」を意識する ブログや記事を書いたことが無い人、個人ブログしか書いたことが無い人、またニュース系の記事しか書いたことが無い人は、特にターゲットを考えずに書いてしまうことが多く見受けられます。 東京都内在住 20〜25歳 Webデザイナー 既婚者 男性 上記のように事細かに
WebベースのRSSリーダー「Feedbin」がオープンソース化される | OSDN Magazine
WebベースのRSSリーダーを提供する有料サービス「Feedbin」の開発者は8月27日、Feedbinをオープンソース化して公開することを発表した。GitHubのプロジェクトページにてコードを入手できる。「Google Reader」のようにサービスが終了する事態を回避するため、と説明している。 FeedbinはRubyおよびRuby on Rails 4.0を使って実装されているWebベースのRSSリーダーで、月額3ドルの有料サービスとして提供されている。高速さやシンプルさを特徴とし、フィード名の変更、共有、タグ付けといった基本的な機能だけでなく、Webページなどのコンテンツを読みやすくするモバイル向け機能「Readability」も提供する。Reeder、Pressなどの対応モバイルアプリも開発されており、米GoogleがGoogle Readerを打ち切ったことで代替として注目を集
身につけておきたいWebサイト高速化テクニック #6｜HTTPリクエスト数削減テクニック02：CSS Sprite編 | DevelopersIO
はじめに 前回はHTTPリクエスト数削減テクニック01「インラインイメージ編」でData URI Encodeを使ったインラインイメージについて紹介しました。この記事をより深く解説した記事をCodezineさまに寄稿したのでこちらも参考にしてください。 今回はHTTPリクエスト数削減テクニックの2つ目「CSS Sprite」について解説します。 すでに定番のテクニックとなっていますが何となく使っていることが多いと思うので復習と思って読んでみてはいかがでしょうか。これから覚える方にも向けて丁寧に解説したいと思います。 1，CSS Spriteとは CSS Spriteとは、アイコンやナビゲーションなどのいくつかの画像を1つにまとめた画像（以降Sprite画像とする）を用意し、CSSのbackgroundプロパティを使って一部分のイメージだけを見せるテクニックです。代表的なSprite画像の例
さまざまなウェブサービスから退会する難易度・方法・直URLがわかる「Just Delete Me」 - GIGAZINE
SNSにネットショッピング、ジムの会員サイトなど、複数サービスを使用する場合はその分のアカウントを作る必要があります。不必要になった時は退会手続きをとらなくてはいけませんが、ウェブサイトによっては退会申し込みページが見つからなかったり、場合によっては退会できないサービスも……。そんな退会手続きの手間を省いてくれる、退会ページへのダイレクトURLリンクと、方法をまとめ退会難易度をつけたサービスが「Just Delete Me」です。 Just Delete Me | A directory of direct links to delete your account from web services. http://justdelete.me/ Just Delete Meはシンプルなデザインで、退会方法や退会手続きの難易度を「緑＝EASY(簡単)」「黄色＝MEDIUM(ふつう)」「赤＝H
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フェイスブック、4万人弱のユーザー情報を各国政府に開示
TechCrunch | Startup and Technology News
Expired
ダウンロードしておきたいフリーのデザインフォントのまとめ -2013年8月