並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 97091件

新着順 人気順

gifの検索結果1 - 40 件 / 97091件

  • ScaleOut | Supership

    「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。

      ScaleOut | Supership
    • 【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog

      The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

        【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
      • 白地図、世界地図、日本地図が無料【白地図専門店】

        無料データfree 簡易な用途には気軽に使える無料の白地図を。 WordやExcel、SNSやBlogなどでの簡易な利用には無料で使える白地図がオススメ。商用利用でも無料の白地図は追加料金不要で使えます。 商用利用commercial すべての白地図は営利目的の商用利用でもご使用いただけます。 有償で提供している白地図はもちろん、無料で提供している白地図も追加料金不要で、商用利用にお使いいただけます。

          白地図、世界地図、日本地図が無料【白地図専門店】
        • これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋

          公開前に知人に見せたら、読むのに20分もかかったわ!! と、お叱りを受けましたw オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい! サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

            これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋
          • 少しのコードで実装可能な20のjQuery小技集

            2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます

              少しのコードで実装可能な20のjQuery小技集
            • 今日からはじめるGitHub ~ 初心者がGitをインストールして、プルリクできるようになるまでを解説|ハイクラス転職・求人情報サイト AMBI(アンビ)

              今日からはじめるGitHub ~ 初心者がGitをインストールして、プルリクできるようになるまでを解説 エンジニアであれば、チーム開発ではもちろんのこと、個人開発でもGitを用いてバージョン管理していきたいもの。今回は、GitやGitHubをはじめて使う人に向けて、導入から初歩的な使い方までを解説します。 ソースコードの管理はできていますか? ファイルを修正するときに、修正前のソースコードをhoge.php.bakのようなバックアップファイルとして残し、開発環境をゴミだらけにしていませんか? エンジニアであれば、チーム開発ではもちろんのこと、個人開発でもGitを用いてバージョン管理していきたいもの。今回は、GitやGitHubをはじめて使う人に向けて、導入から初歩的な使い方までを解説します。 ここではGitの詳細な仕組みには触れません。GitやGitHubを利用したことのない人が、Gitを

                今日からはじめるGitHub ~ 初心者がGitをインストールして、プルリクできるようになるまでを解説|ハイクラス転職・求人情報サイト AMBI(アンビ)
              • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

                マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

                • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

                  みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

                    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
                  • ブクマを通して今年を見る 2014年「はてなブックマーク 年間ランキング」100位まで - はてなニュース

                    語学、お金、人生――2014年のはてなブックマークでは、去年とは少し違った傾向のエントリーが増えました。前半は今年特に目立ったエントリーの傾向をおさらいし、後半は2014年の年間ブックマークランキングの上位100位までを発表します。集計期間は2013年12月11日~2014年12月10日です。 ■ 1位は語学学習のエントリー 今年、最もブックマークされたのは「[http://logmi.jp/13487:title=才能も留学も不要! 外国語をたった6ヶ月でマスターできる「5つの原則」がすごい | ログミー[o_O]]」でした。国際的な講演会「TEDxLingnanUniversity」で行われたプレゼンテーションを文字起こししたもので、外国語を効率よく身に付けるためのノウハウが紹介されています。語学学習に関する記事は、2011年には5件・2012年には2件・2013年には1件のみと、減少

                      ブクマを通して今年を見る 2014年「はてなブックマーク 年間ランキング」100位まで - はてなニュース
                    • Twitter関連ツール・まとめ - かちびと.net

                      Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日本語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。MacとiPhoneは持って無いですし。。。 また、リンク先を日本の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので15個追加して180個更に20個追加して200個に育った。 ※8月アップデート>17個増えて217個 ※9月アップデート>30個増えて247

                        Twitter関連ツール・まとめ - かちびと.net
                      • ネットで情報収集するより何倍も濃密な学びが得られる10冊の良書 【おすすめ本をレビューする】- Literally

                        本当の良書とは、内容が何らかの形で自分の血肉になり、引き出しをいくつも増やしてくれるようなものだ。 そのような良書は、得てして何十年前も昔の本に多い。何十年も読まれ続け、検証され続けてきた理論や法則は、たとえ現代では通用しなかったとしても知っておくだけの価値がある。 もちろん、相対的にヒット率は低くなるが、近年発売された本の中にも良書はある。過去から現代までの経済や科学、ビジネスのエッセンスを分かりやすく体系化したものや、世の中の新しいトレンドや最先端の科学について事細かく言及したもの。それらの良書を読むことは、インターネットに細切れに散りばめられた良質な情報をかき集めるより、ずっと効率的に学びが得られる。ここでいう学びとは、必要な知識を増やし、思考をブラッシュアップし、あるものごとにたいして考える視点をひとつ増やしてくれることだ。 そんな学びを得られる良書をここでは10冊紹介する。 濃密

                          ネットで情報収集するより何倍も濃密な学びが得られる10冊の良書 【おすすめ本をレビューする】- Literally
                        • とほほのWWW入門

                          はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (

                          • 費用0円で男の顔面5歳若返りする方法 わんこと

                            1 名前: ノイズx(東京都)[] 投稿日:2009/11/07(土) 01:12:03.89 ID:9ejaZqis● ?PLT(14373) ポイント特典 sssp://img.2ch.net/ico/folder1_12.gif ↓画像記事による要約 ・25歳を過ぎるとくすみやたるみ、毛穴のつまりと言った老化が男の顔にもおきる ・抗酸化力の低下も老化の問題 ・顔の弛み、ほうれい線には顔のトレーニングが有効 (宝塚歯科医院) →血行をよくするといい 1.顔の輪郭に沿ってチョキの手でマッサージをする 2.目元のくまには親指第一関節を使って筋肉をほぐす 3.親指を口の中に入れて残りの指で頬をサンドイッチしほぐす 4.左右の親指をあごの下に当てて「ひぃ」「ふぅ」「みぃ」と発音 ・かっさマッサージをすると肌が柔らかくなる →100円ショップのレンゲで代用可能 ・れんげの丸みを使って下から上にマ

                              費用0円で男の顔面5歳若返りする方法 わんこと
                            • 欧州からは「日本だけが勝手にどんどん貧しくなっている」ように見えている - エストニア共和国より愛をこめて

                              20年間「ひとり負け」を続ける日本 ちょっと前にツイッターでこんな投稿がたくさんシェアされていたようですね。 日本の衰退っぷりがひと目でわかるGIFがこれ 冗談抜きでヤバいぞhttps://t.co/aXDuOVW7av 変わったのはアジア域内だけで本当に日本「だけ」がはっきり縮小してる。その他の地域のバランスは域内でも安定というのは面白い発見だ。 pic.twitter.com/Lz2Pvxjg0U — sakamobi (@sakamobi) 2017年7月2日 これ本当によくわかります。1990年代初頭のバブル崩壊以降、日本の経済は衰えるばかりなわけですが、これって海外から見ると「相対的に日本だけがどんどん貧しくなっていっている」ように映っているんですよ。 <各国の平均年収比較(2015年)> ※価格・購買力平価、単位ドル 引用:List of countries by averag

                                欧州からは「日本だけが勝手にどんどん貧しくなっている」ように見えている - エストニア共和国より愛をこめて
                              • サービス終了のお知らせ - NAVER まとめ

                                サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                                • 少しのコードで実装可能な20のCSS小技集

                                  2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

                                    少しのコードで実装可能な20のCSS小技集
                                  • Ajaxload - Ajax loading gif generator

                                    Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"

                                    • 全部見ればもう完璧!?イラスト初心者が上達のために見ておくべき資料まとめ | nanapi[ナナピ]

                                      全部見ればもう完璧!?イラスト初心者が上達のために見ておくべき資料まとめ に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。もう只まとめました! イラストを描くとなるとこの便利なネット社会 たくさんの資料がゴロゴロあります しかし、いざ探そうとしてもどのページがいいのかわかんない という人のためにこのイラスト上達のための 資料サイトをまとめてみました 資料系サイトは9つ(練習系1つ)ありますが ゆっくりでもいいのですべてに目を通すことをオススメします パーツの描き方などはサイトによって様々なので 自分に合う描き方を見つけるためです では以下より... 人を描くのって楽しいね http://www.asahi-net.or.jp/~ZM5S-NKMR/ 非常にいいサイト 人体の各部位の描き方から モンスター絵、マンガ絵など様

                                      • prototype.js v1.5.0 の使い方

                                        それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス

                                        • 自販機のサンプルが動き回っていたので調査したら頭がおかしくなりそうになった - おにノート

                                          突然ですが、こちらの写真をご覧ください。 酔っぱらって帰る道中で、ふと撮った写真です。 自販機のサンプルが傾いてて面白かったので撮影しました。 酔っぱらってると何にでもウケちゃうの恐ろしいですね。 続いて、同じ自販機の翌日の様子をご覧ください。 お分かりでしょうか。向かって右側のオロナミンCです。 180度回転して、こちらへおしりを向けているんです。 不思議に思い、また翌日に様子を確認しに行くと… 真正面に向き直ってました。何だこれ、こわい。 ちなみに他のサンプルに変わった様子はありませんでした。 どういうわけか、このオロナミンCだけが回転しているのです。 1人元気ハツラツに活動するオロナミンC。 何故回るのか。勝手に回るのか、それとも誰かに回されているのか。 考え得るどのルートを辿っても、「いや、なんでだよ!」にたどり着いてしまいます。 私はこの回るオロナミンCの真相が気になり、観察して

                                            自販機のサンプルが動き回っていたので調査したら頭がおかしくなりそうになった - おにノート
                                          • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

                                            当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

                                            • 月間20万稼ぐ!ブログを書く“神ツール”をドンッと紹介

                                              photo credit: Swami Stream via photopin cc 今月は20万いくぞぉぉぉぉ! というわけで僕がブログを書く時に使用しているツールを 全部っ!! ご紹介したいと思います。 だって僕が作ったツールじゃないから、、、隠すなんてセコいマネはしない! ぜひおすすめして作者さんに還元してもらいたいです。 僕が、「稼げて且つ、皆様に役立つ記事」を必死に考えるために利用しているツールです。WEBサービスからフリーソフト、iPhoneアプリまで! ぜひ、ぜひ参考にして下さいっ 現在のブログの基本を見直すツール 自分のサイトがスパム判定されていないか? Google スパムサイトチェック [browser-shot width="400" url="http://carpediemsolutions.com/blog/2009/11/google-%E3%82%B9%E3

                                                月間20万稼ぐ!ブログを書く“神ツール”をドンッと紹介
                                              • 市町村変遷パラパラ地図

                                                版別に探す 完全版 樺太| 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県| 京都府| 大阪府| 兵庫県| 奈良県| 和歌山県 鳥取県| □島根県| 岡山県| 広島県| 山口県| 徳島県| 香川県| 愛媛県| 高知県 福岡県| 佐賀県| 長崎県| 熊本県| 大分県| 宮崎県| 鹿児島県| 沖縄県 □は外部リンク、リンク先の方の作成(□:DMさん) 簡易版 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県|

                                                • ストレッチのコツ、あるいは「実録! 体育教師に『なにその硬さ。お婆さん?』と嘲笑されたわたくしが開脚前屈で胸をぺったり床につけられるようになるまで」 - みやきち日記

                                                  わかったー! どんなに頑張っても体が柔らかい人ほどには柔らかくならなかったストレッチのコツが、ようやくわかったー!! そんで昨夜は、生まれて初めて開脚前屈で胸がぺったり床につけられたよ! 立位体前屈でも、指先だけじゃなく指の付け根までぺったり床につけられたよ! 嬉しいよおおおおう! コツは股関節の使い方と、下腹に腹圧をかけて「押す」動作にありました。それを教えてくれたのが、『スポーツ選手なら知っておきたい「からだ」のこと』という本です。昨日この本を買ってきてそのとおりやってみたら、いきなり「胸ぺったり」ができて驚愕したんですよ。以下、この本に載っている開脚前屈と立位体前屈のやり方を簡単に要約して書いてみます。 開脚前屈のやりかた これにはふたつのステップがあります。 股関節をストレッチしてみよう(1) (pp40-41) 座った状態で、膝をやや曲げて両脚を大きく開く。 股関節を外旋させ、ひ

                                                    ストレッチのコツ、あるいは「実録! 体育教師に『なにその硬さ。お婆さん?』と嘲笑されたわたくしが開脚前屈で胸をぺったり床につけられるようになるまで」 - みやきち日記
                                                  • 【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net

                                                    Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に

                                                      【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
                                                    • たった1行で完成?凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

                                                      簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア

                                                      • Google Analyticsを導入したらやっておきたい簡単で便利な設定集 | ウェブ力学

                                                        Google Analytics は無料ながらも非常に多機能なアクセス解析サービスです。ただ、多機能が故に使いこなせていないという面もあるでしょう。 何よりも設定が面倒なために、初期設定以外の機能を利用していないという人も多いのではないでしょうか? そこで今回は、Google Analytics で簡単に設定出来る上に便利な機能を4つ紹介します。どれも数分で設定出来るものばかりです。 1.自分のアクセスを除外する サイト開設時など、全体のアクセスが少ない状況においては、自分のアクセスがカウントされてしまうのが気になるという人も多いでしょう。まずは自分のアクセスを除外する方法を紹介します。 Google Analytics で自分のアクセスを除外する方法には大きく以下の3つがあります。 IPアドレスで除外する Cookieで除外する gif画像の読み込みを不許可設定にする これら3つの方法に

                                                        • PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

                                                          スマートフォンの普及で、PCで閲覧するWebサイト(以下、PCサイト)に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

                                                            PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
                                                          • jQueryでスクロールすると表示する系いろいろ

                                                            Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-

                                                              jQueryでスクロールすると表示する系いろいろ
                                                            • 「徹底的に干す」「脅しておいて」平井大臣、幹部に指示:朝日新聞デジタル

                                                              ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

                                                                「徹底的に干す」「脅しておいて」平井大臣、幹部に指示:朝日新聞デジタル
                                                              • Engadget | Technology News & Reviews

                                                                Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals

                                                                  Engadget | Technology News & Reviews
                                                                • 13歳から43年間野宿していた「洞窟オジさん」はかつての住処でナニを食べていたのか?【極限メシ】 - メシ通 | ホットペッパーグルメ

                                                                  2004年にベストセラーとなった「洞窟オジさん」(小学館)をご存じだろうか。当時13歳だった少年が家出し、57歳で発見されるまでの43年間、人知れず洞窟や森の中で過ごした日々を描いた1冊である。 洞窟オジさん (小学館文庫) 作者: 加村一馬 出版社/メーカー: 小学館 メディア: 文庫 廃坑となった洞窟で雨風をしのぎ、腹が減れば狩りや採取、魚釣りで食料を調達。少年は人間が作り出した便利なシステムから遠くかけ離れたところで自然と格闘し、命をつないできた。 長い野宿生活の中で、彼はいったい何をどうやって食べ、生きてきたのか。究極のサバイバルライフは十数年前になぜ終わりを迎えたのか。73歳となった現在、どういった暮らしをしているのか。「洞窟オジさん」こと加村一馬さんに話をうかがった。しばしの「家出」にお付き合い願いたい。 話す人:加村一馬(かむらかずま)さん 昭和21年8月31日生まれ。群馬県

                                                                    13歳から43年間野宿していた「洞窟オジさん」はかつての住処でナニを食べていたのか?【極限メシ】 - メシ通 | ホットペッパーグルメ
                                                                  • いつもの作業が5秒速くなるツールをひたすら列挙するページ

                                                                    筆者が愛用してやまない作業高速化ツールたちに感謝しながら、ひたすら列挙するページです🙏 Mac専用 Alfread 多機能ランチャ ファイル検索 クリップボード履歴の保存がめちゃくちゃ便利(有償版) Clipyとかも試して、有償版Alfredが一番しっくりきた クリップボード履歴を保存 履歴が残る 筆者は Cmd + Shift + V で発動するよう設定 画像コピーの履歴も保存 履歴の検索 クリップボードでコピーしながらマージできる マージしたい文字列は、「空白区切り」「改行区切り」「区切りなし」を選べる コーディングが捗る スニペット機能(https://zenn.dev/naotolog さんご紹介🙏) 定型文を登録して、呼び出すことができる 穴埋め入力が必要ない場合は Dash よりこちらが良さそう Station 通知の一元化 Slack/Twitter/Facebook/G

                                                                      いつもの作業が5秒速くなるツールをひたすら列挙するページ
                                                                    • 小さな画像を美しく拡大する「SmillaEnlarger」 - SourceForge.JP Magazine : オープンソースの話題満載

                                                                      デジカメ写真などの画像ファイルを拡大したいときは画像編集ソフトを使うのが一般的だ。しかし、通常のソフトで解像度が低い画像を無理やり拡大すると、まるでドット絵のような輪郭がギザギザの画像になったり、ノイズが目だったりして画質が大きく低下してしまう。そこで利用したいのが今回紹介する「SmillaEnlarger」である。 SmillaEnlargerは画像拡大専用に作られたツールだ。画像の拡大時に輪郭などのデータを自動で解析・補完して、とてもなめらかに美しく拡大してくれる。処理には独自のアルゴリズムを用いており、拡大後の画質は広く高画質として知られているバイキュービック法をしのぐ(図1、2)。 読み込みに対応している画像の形式はBMP/JPEG/PNG/PPM/TIFF/GIFの6種類。この内GIFを除く5種類での出力に対応しており、拡大しながら形式変換を行える。切り抜き機能もあるので、必要な

                                                                        小さな画像を美しく拡大する「SmillaEnlarger」 - SourceForge.JP Magazine : オープンソースの話題満載
                                                                      • 非WEB屋でもサイトが作れる驚異的サービス/『サイトを作る』という敷居がどんどん低くなっていると実感する物色々 | バンクーバーのうぇぶ屋

                                                                        先週くらいのお話ですが、“カナダで留学した後自分たちでスモールビジネスをやるからサイトが欲しい、でもお金無いから自分たちで作りたい。”的な相談があって、「そんな、サイト作るだけのサービスなんぞ、腐る程あるわぁああ!!」と、半分ヤケくそになってお話したので丁度いい機会だからまとめてみようと思います。 まぁ、今日はどちらかというと、完全に非WEB屋な人に向けたサイト自体を作るサービス、問い合わせなどのフォームを作るサービス、ユーザーテストを低コストで行うためのサービス、そういう物をご紹介していこうと思います。 たぶん、趣味やとりあえずサイト作りたいと思っている人には朗報として、とりあえずサイト作れる人がWEBデザイナーだと思っている人へは啓発(的な?)として、記事を書かせて頂けると幸いです! 加えてたまに、「サイトが作れるようになりたい。」と僕の元に来てくれる人がいますが、もしそういった人が「

                                                                          非WEB屋でもサイトが作れる驚異的サービス/『サイトを作る』という敷居がどんどん低くなっていると実感する物色々 | バンクーバーのうぇぶ屋
                                                                        • サイトやブログの運営でよく使いそうな.htaccessの設定のまとめ

                                                                          ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerにリダイレクト カスタムエラーページ ダウンロードファイルの処理 PHPのエラーのログ URLからファイルの拡張子を削除 ディレクトリのファイルリストを見せない ファイルを圧縮して軽量化 文字コードの指定 URLからwwwを削除 SEOなどの理由で、URLからwwwを削除して使うことがあるかもしれません。このスニペットは、あなたのウェブサイトにwww付きでアクセスしてきてもwww無しに向

                                                                          • HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース

                                                                            HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何?」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何?どんなことができるの?」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 <具体的に何ができるの?> ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは?変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは? - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「

                                                                              HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース
                                                                            • あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE

                                                                              使い方は簡単、変換したいファイルをドラッグ&ドロップして、コンテナ形式(iPod用とかPSP用とかAVIファイル用とかが用意されている)を選び、ビデオ形式とオーディオ形式を選ぶだけ。 変換できるビデオ形式は3gp/3g2、asf、avi(DivX・H263・H263+・H264・XviD・MPEG4・MSmpeg4など)、dat、fli/flc/flv(Flash)、mkv、mpg(MPEG1・MPEG2)、mov(H263・H263+・H264・MPEG4など)、mp4(H263・H263+・H264・MPEG4)、ogg、qt、rm/ram/rmvb(RealPlayer)、str(PlayStation)、swf(Flash)、ts(HDTV)、viv、vob、wmv。おまけでGIFアニメーション形式も可能。 また、変換できるオーディオ形式はac3、amr、mp2、mp3、mp4、m

                                                                                あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE
                                                                              • 市町村変遷パラパラ地図

                                                                                版別に探す 完全版 樺太| 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県| 京都府| 大阪府| 兵庫県| 奈良県| 和歌山県 鳥取県| □島根県| 岡山県| 広島県| 山口県| 徳島県| 香川県| 愛媛県| 高知県 福岡県| 佐賀県| 長崎県| 熊本県| 大分県| 宮崎県| 鹿児島県| 沖縄県 □は外部リンク、リンク先の方の作成(□:DMさん) 簡易版 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県|

                                                                                • ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!|男子ハック

                                                                                  Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利! 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス!Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連:1

                                                                                    ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!|男子ハック