jQueryでスクロール追従→フッター固定の「トップに戻る」ボタン | ryodesignblog
やりたいこと よくありますよね。「トップへ戻る」ボタン。サイトの右下辺りにあって、画面をスクロールしても右下に固定されてるアレ。あれをちょちょいと実装しましょう。 フッターまでスクロールすると追従解除 タイトルの「フッター固定」ってちょっと分かりにくいかもですね。今回やりたいのは、フッターまでスクロールするとスクロール追従を解除して、フッターのいい感じの位置に収まるボタンの実装です。 例えば、フッターまで行ったときは、ボタンをフッターの上に置いておきたい。でもフッターの高さは300pxくらいある。でもスクロール追従している時はブラウザのウインドウの下から30pxくらいにボタンを置いておきたい。ただposition:fixed;しただけでは、フッターに行った時もウインドウの下から30pxにボタンが固定されてしまう…死にたい…。というような場合に使えるかと思います。 コード HTML <div
マンガで分かる心療内科・精神科in渋谷 第61回「ニートはナルシスト？」自己愛性パーソナリティ障害（人格障害） | 【今日行ける】渋谷心療内科ゆうメンタルクリニック渋谷院/精神科
ちなみに作中で成男が弾いている「別れの曲」は、こんな感じの曲です。 知らなくてもまったくもって問題ないんですが、ものすごく興味ある方のために。 「サビ」は45秒からです。素晴らしい。 ちなみにこの曲、作曲したのがショパン。 ショパンは自分で「これほど美しいメロディは、今後、二度と作ることはできないだろう」と言ったそうです。 ショパンもある意味、自己愛性の傾向がある気がするんですが、しかし名曲の数々を残した天才であることは動かしがたい事実。 パーソナリティ障害と言われるかどうかは、結果を出せているかどうかかもしれません。 そして解説です。 ◆ 解説 というわけで、自己愛性パーソナリティ障害（人格障害）の話。 いかがでしたでしょうか。 言うまでもなく、引きこもっている人や、仕事をしたことがない人の、全員が自己愛性パーソナリティ障害というワケではありません。 ただ、「自分の理想像が高すぎることで
弁当男子の何が悪いのか - WirelessWire News（ワイヤレスワイヤーニュース）
数日前から 「イクメン、弁当男子」は、なぜ出世できないか という記事がバンバン炎上しております。 はてなブックマークに生息しているはてぶ民も激怒、Togetterで日夜人様の独り言を読んでいる暇な人々も今回は激怒しております。 この記事は • 今の若いものは草食 • 今の若いものはガッツが無い • オレの時代はもっと大変だった という「団塊テンプレ」に沿って若い者の怒りのボタンを高橋名人真っ青な連打で押しまくって盛大に自爆しているわけです。 日本の若い者は • 非正規雇用とか貧乏リーマンで銭がないので弁当男が多く • お金がないので外食なんて無理で • 非正規雇用の人は正社員の輪の中になんて入れてもらえないし • 非正規雇用はいつ首になるかわかんないし • 就職は今の方が遥かに大変だし • 就職できても給料は上がらないばかりかカット • 安給料でサービス残業でブラック労働恒
泣けるほど簡単！おしゃれなサイトができるWEBサービス１０選
作成：2012/12/25 更新：2014/11/01 Webサービス > ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ＆ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．まとめサイトを作る ２．ネットショップを作る ３．ホームページを作る ４．ポートフォリオサイトを作る ５．おしゃれなECサイトを作る ６．全部入り企業サイトを作る ７．コーポレートサイトを作る ８．レスポンシブ対応サイトを作る ９．HTML5サイトを作る １０．ビジネス用無料WordPressテーマ - レスポンシブ対応 １１．デザイナー向けポートフォリオページ １２．ブートストラッ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
はてな匿名ダイアリー ニートたちの告白２９記事
順位総合タイトルブクマ数日付カテゴリ1526私の生きた道 〜ひきこもりから社会復帰、そして今349users2010/05/28生活・人生270610年以上ひきこもっていた282users2009/04/06生活・人生3776引きこもりの結婚261users2010/11/11生活・人生41283あるニートのお話170users2010/02/27生活・人生51496もうすぐ25歳。146users2008/08/22生活・人生61880学力のあるクズニートがクズい方法で手っ取り早くクズを脱する方法115users2011/10/14生活・人生72038ニートを苦しめるな105users2010/05/05社会82672元彼がニートになった。77users2009/05/04生活・人生92711ひきこもりだったときにしてほしくなかったこと、してほしかったこと76users2009/11/2
Dreameaverをもっと便利に！ カスタマイズ＆拡張機能をご紹介 - Webデザイン初心者向けのあれこれ
こんにちは！ もう年の瀬でかなり寒くなってきました。寒いと手がかじかんで上手く動かず、作業スピードが落ちてしまいますよね……。 少しでも作業効率を上げるために手を温めるのもいいですが、普段使っているDreameaverをカスタマイズするというのもいかがでしょう？ ちょっと手を加えるだけで驚くほど便利になっちゃいますよ。 なお今回はDwのconfigurationファイルの書き変えを行うものもあるため、カスタマイズ前にファイルのバックアップを必ず取ってください。 ・CSSのコードヒントの順番を変える CSSで横幅を指定する時、「wi」と入力しコードヒントからwidthと打つつもりが、 ↑のようにwidowsという何に使うんだか分からないものを誤入力……なんて経験ありませんか？ そんな誤入力を防ぐ為に、コードヒントの順番を変えてしまう方法があります。 Program Filesから Adobe
WordPressのコーディングスタンダードって知ってるかい？
こんにちは！ こないだ、「うんこって浮くんですね。流れなくてどうしようかと思った。。。」ってツイートしたらフォロワーが一気に減ったクロです。 みんな油物の取り過ぎには注意しようね！ コーディングスタンダードって知ってる？ みなさんWordPressを使ってテーマとかプラグインとかソースを書きますよね！ なかには「おまえのソース見にくいんじゃーっ！」って上司から怒られたことがある人もいるはず。 実はプログラミング業界にはコーディングスタンダードって言う物があって、製品や企業などによって、変数名をどうつけるべきかとか、1行は何文字までとか、はなくそをほじりながらプログラミングをしちゃいけないとか、いろいろルールが決められています。 このコーディングスタンダードを覚えておくと、プログラムのソースコードが見やすくなるだけじゃなくて、ソースを検索するときなんかも、とても役に立つので、ノンプラグラマー
2012年、Photoshopの使い方を実践からしっかり学べるチュートリアルのまとめ
2012年に公開されたものを中心に、素材の入手やレタッチのテクニックなど丁寧に解説されたPhotoshopのチュートリアルを厳選して紹介します。 完成作品を見るだけでも楽しくなりますね。
【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】｜今村だけがよくわかるブログ
【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】 どうもです。いきなりですが、私は毎年この年末から来年の3月末あたりまで、段階的に仕事周りが騒がしくなって来る時期だったりします。決算期の都合もあるんでしょうかねぇ。似たような状況の方も多いのではないかと思います。ほんと、最近依頼が多いです。 ところで、仕事の依頼があるって嬉しいことです。 普段あまり交流のなかった方から突然の依頼や、または、人づてで紹介を受けたりなど。紹介を受けるってことは「仕事ちゃんとしてくれるよ」ってのを認めてもらえた証拠だと思っています。本気でうれしいです。 と、ここで「依頼」についてちょっと掘り下げたいな～と思いました。本題に入る前に、少しだけ前置きにお付き合いくださいますと幸いです。 ・・・「依頼」っていろいろありますね。 「ハマる依頼」
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
[JS]jQueryのプラグイン100選 -2012年総集編
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
Kakumaru Punch
2011/04/18 version 1.0.2 高解像度の写真を変換したときのバグと正方形の写真を変換したときのバグを修正 2011/04/09 version 1.0.1 細かなバグフィックス 2011/04/05 version 1.0.0 初版公開 2011/04/18 version 1.0.2 fixes a bug when converting the square picture of a bug when converting the high resolution pictures 2011/04/09 version 1.0.1 Minor bug fixes 2011/04/05 version 1.0.0 Initial release LNSOFTの人気作品「角丸パンチと全丸パンチ」にMac版の登場です。角丸パンチは初心者でも簡単に操作できるシンプルな画像編集
最近のデザイントレンドを取り入れた美しいデザインのフォームのPSD素材のまとめ
最近のデザイントレンド、フラット、サークル、ミニマル、ブラーなどを取り入れ、ディテールにこだわった美しいデザインのフォームのPSD素材をPixelsDailyから紹介します。
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
クリエイティブな仕事をしている人に時々思い出してほしい10のアドバイス
ウェブ関係などのクリエイティブな仕事をしている人に、時々思い出してほしい10のアドバイスを紹介します。 Top Ten Rules For Creative People 下記は各ポイントを意訳したものです。 はじめに 失敗しない人はいない 指示されたものより上へ 新しいものにチャレンジ 情報をシェアする 仕事を楽しむ 時には休憩を 周りの影響を受けずに仕事を楽しむ クリエイティブは日常にも 自分をインスパイアする 自分を偽らない はじめに 私たちは時々、何のために働いているか分からなくなるほどのつらい仕事に巻き込まれます。そういった時は原点に戻ってください、そしてあなたのクリエイティブな仕事に対するあなたの情熱を取り戻してください。 もうその仕事が好きではないなら何をするかを見つけてください。まだその仕事が好きなら、そうであるように振る舞ってください。 あなたの幸せを決定するのはあなた自
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント 2013/01/24 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet これについては色々な意見があるかと思いますがｗ デザイン未経験の私はそんな風に教えてもらいました。 デザイン途中で息抜きする際、 ぬわーっと入り込んでいたディスプレイから離れてみて、 「伝わりやすいように」というのを意識しながら、 俯瞰というかユーザー目線で見直してみるというのをやったりしてます。 1. タイトル コンテンツごとに、タイトル（見出し）を入れていくことによって、 文章にリズムが生まれ読みやすくなります。 タイトルも改行もなく、 ただただ文字が並んでいる文章を読むのは、 かなりのストレスです。 また、タイトルの装飾によって、 さらに見やすいページにすることが可能です。 2
» [Dreamweaver] 役立つ使用法 Web Sytem | AIDREAM
カテゴリー .htaccess (4) Ajax (1) CakePHP (31) CodeIgniter (12) CSS (14) Dreamweaver (7) EC-CUBE (6) Firefox (1) Google Chrome (1) HTML (4) iPhone (1) JavaScript (22) jQuery (1) Linux (31) Lithium (1) Mac (5) Magento (1) MySQL (14) PHP (47) PostgreSQL (3) SEO (2) Thunderbird (1) WordPress (2) レンタルサーバ (2) 正規表現 (2) Dreamweaverで、ある拡張子ファイルを開くとき、一時的に外部エディタを指定して開きたい場合 Dreamweaverを起動 ショートカットで「ファイル」パネルを開く。 （W
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第II領域 投資の時間の重要性