http://career-panda.com/design-website-2017
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
京大院生の書店スタッフが「正直、これ読んだら人生狂っちゃうよね」と思う本ベスト20を選んでみた。 ≪リーディング・ハイ≫ | 天狼院書店
2016-06-28 京大院生の書店スタッフが「正直、これ読んだら人生狂っちゃうよね」と思う本ベスト20を選んでみた。 ≪リーディング・ハイ≫ ＊この記事は、天狼院ライティング・ゼミで「読まれる文章のコツ」を学んだスタッフが書いたものです。 人生を変えるライティング教室「天狼院ライティング・ゼミ」〜なぜ受講生が書いた記事が次々にバズを起こせるのか？賞を取れるのか？プロも通うのか？〜 京都スタッフ三宅です。 あの、書店スタッフとしてこんなこと言うのもどうかと思うんですけど、 ぶっちゃけ、本読むのってめんどくさくないですか？？ 借りるのでない限り、ネットやテレビみたいに無料じゃないし。 眠たい時に読んでると寝ちゃうし。 肩こりも酷くなるし。（これは私だけ？） だけど、読む。読んじゃうんですよね。 私は、本を読むのがめんどくさいけど大好きです。 なんでかというと、今まで本に、たくさん励まされてた
【保存版】数千冊は読書した私が勧める、あなたの人生を変えるかもしれない30冊 - トイアンナのぐだぐだ
「面白かった！」と思える本に出会うのはたやすいけれど、人生を変えるほどの衝撃を与えられることはめったにない。ネットでよくオススメされている本は悪くないけれど、優等生的すぎる。人生が本で変わるのはもっと生々しい、読んでいて声が出るような体験だ。 ask.fmで「影響を受けた本は何ですか」と質問いただくことも多かったので、私の人生を変えてしまった30冊の本をリストアップした。私の人生を変えた本で、もしかするとあなたの人生も変わるかもしれない。できるだけ無料版の文献へURLを貼ったので、いますぐ手元で楽しんでくれたら嬉しい。 日本文学 海外文学 読者を選ぶ変わり種 おわりに 日本文学 ちいさいモモちゃん (講談社文庫) 作者: 松谷みよ子 出版社/メーカー: 講談社 発売日: 2011/11/15 メディア: 文庫 購入: 1人 クリック: 7回 この商品を含むブログ (16件) を見る 読書初
結婚ブログ｜結婚について考えるきっかけになる記事10選
結婚について書かれているブログを読んで、自分たちの結婚へ向けて参考にしたいと思っている方も多いのではないでしょうか？ジューンブライドという言葉もあるように６月はたくさんの人が幸せな人生のスタートさせる時期です。結婚とはこれからの人生、苦楽をともにするパートナーとの船出であり、色々な覚悟が必要な人生における大切な決断でもあります。 今日は結婚を控えている婚約中の人にも、プロポーズをしようと思っている人にも、結婚をしている既婚者にも、結婚願望が全くない人にも、『結婚ってなんだろうと。』と立ち返って考えさせてくれる素晴らしいブログ記事、良エントリー10選をご紹介いたします。 スポンサーリンク GIGAZINE – 幸せな結婚生活をし続けている夫婦の10個のヒミツ 幸せな結婚生活をし続けている夫婦の10個のヒミツ – GIGAZINE 日本で最も影響のあるブログメディア『GIGAZINE』の結婚に
Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個 | A40
レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン
nesbox.com - Javascript NES/SNES/SEGA/Gameboy emulator
click on the emulator window to start If you have problems with emulation performance, try version without advertisements here https://nesbox.com/embed If you not only want to play retro games but want to create a game, try my another one project TIC-80, it's a fantasy computer for making, playing and sharing tiny games. The emulator loads ROM files from your OneDrive account Gamepad buttons mappi
【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
[JS]スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ
パララックスをはじめ、パスに沿ってスクロールさせたり、スクロールに合わせてパネルを表示するなど、スクロール時に面白いエフェクトを与えるjQueryのプラグインを紹介します。
私が部屋の収納とインテリアに目覚めるキッカケとなったブログ - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
2015/3/9追記：インテリアや収納の本を読んで、気に入ったアイデアをメモするブログを始めました！ sclo-b.hatenablog.com インテリア大好き。収納考えるの大好き。 きっかけは、ブログとの出会いでした。 感謝の意も込めて、私がいつもお世話になってるブログを紹介します。 [スポンサーリンク] なんかごちゃごちゃしている我が家。色のセンスが悪いのか？ そんな時に出会ったブログがこちら。 シンプルモダンインテリア？ 画像お借りしました。 これ絶対白黒写真だよ！と思ったら、白と黒しかないおうちの写真なんですね。本当にすごい。感動。まさにシンプル！モダン！ご自分でラベルなどデザインされていてます。私も真似してラベル手作りしました。(アナログだけど^_^; こちらは茶と白。 -Natural zakka- Lovely Style* 画像お借りしました。 茶と白に揃えると、こんなに
コメント欄で使える10のWordPressプラグイン
2013年3月23日 Wordpress 私はブログを読んで、感動した！ためになった！わからない、助けて！という事があれば、ほぼ確実に名前＋写真入りコメントを残しています。ブロガーの皆様、いつもありがとうです。そんなわけで、コメントしやすい入力フォームには「おっ！」と感動してしまう事も。今日はそんなちょっと便利なコメント欄に使えるプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ 1. Akismet 特徴 WordPressに標準インストールされているスパム対策プラグイン。導入するとスパムコメントが劇的に減ります！設定も簡単なので必ず使用してほしいプラグインのひとつ。 導入方法 AkismetのWebサイトの「Get Started」から登録。無料プランでOK。 外観＞Akismet設定 からメールで送られてきたAPIキーを入力 2. Disqus Comment Sys
スクロールに合わせて次々とコンテンツを読み込むjQueryプラグインのまとめ
ページ遷移を可能な限り少なくして、シームレスに気持ちよく情報を見せようといったWebサイトを、最近よく見かけるようになりました。しかしそのようなサイトを構築したいと思っても、経験が無ければハードルは高いもの。そこで今回は、そのような機能を手軽に実装できるjQueryのプラグインをまとめたエントリー「12 jQuery Infinite Scroll Plugins and Tutorials」を紹介したいと思います。 Mark Holton | Web Application Development スクロールに合わせて新たなコンテンツを読み込む機能を中心に、12種類のプラグインがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 jQuery Scroll Path | a Hint of Creative スクロールに合わせて次々と文字を出現させ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop VIP
TECH PROjin
まんが日本昔ばなし動画
簡単5分でできるスープレシピ10選 ……「もう1品」でもすぐ作れる！ [簡単スピード料理] All About![簡単5分でできるスープレシピ10選 ……「もう1品」でもすぐ作れる！ [簡単スピード料理] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/56c73206af7c7666eebe7c76f28765a53f895457/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F9%2F3%2F7%2F6%2F1%2F1662449614%2Ftopimg_original.jpeg)
フラットUI