[JS]画像やパネルの上をクリックしたら上辺が、中央なら全体が押されたようなエフェクトを適用できるスクリプト -whichTriangle
パネルや画像など一つの矩形の要素は通常、矩形全体が一つのホットスポットですが、四辺それぞれと中央の計5つのクリックできるホットスポットにし、それぞれ異なるアクションやエフェクトを仕込めるjQueryのプラグインを紹介します。 ↓のように、中央だと全体がへこみ、上だと上辺が傾き、右・下・左もそれぞれの辺が傾くといったこともできます。 スクリプトの仕組み whichTriangle.jsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 ※IE8以下をサポートする時は、jQueryは 1.7.0以下を使用。 <head> ... <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="./lib
Webページやアプリ、企画書や提案書に使える500種類以上のアイテムが揃ったアイコン素材 -Hawcons
500種類以上のアイテムそれぞれにソリッドとベタ塗りが用意されている高品質な無料のアイコン素材を紹介します。 商用利用も無料で、クレジット表記の必要がないのは使いやすいですね。 ソリッドとベタ塗りのアイコン アイコンのフォーマットも豊富に用意されています。 .png (すぐ使う用、カラーはグレー・ブルー・ブラック) .svg .eps .pdf Webフォント (.eot, .woff, .ttf, .svg) .sketch (Sketch用) 利用にあたっては個人でも商用でも無料で、クレジットの表記は必要無し、とのことです。ただし、販売や再配布は禁止です。 詳しくはダウンロードファイルの「Read Me.md」をご覧ください。 アイコンは6種類のカテゴリに分けられており、それぞれ豊富なアイテムが揃っています。
成功本のおかげで3億円の負債から再起した男が薦める本5冊 - ライフハックブログKo's Style
私はビジネス書を多読することにより経営者時代に抱えた3億円の負債を整理し、ビジネス書の作家、セミナー講師、コンサルタント、プロデューサーとして再起した。 （中略） 私はビジネス書を読み愚直に実践することで、これらのことを手に入れてきた。
「結婚式のスピーチ」でスベるリスク減らす３つの保険ほか〜木曜のライフハック記事まとめ | ライフハッカー・ジャパン
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
美しく機能的！ Appleのビジネスアプリ『iWork』の始め方まとめ | ライフハッカー・ジャパン
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
成功する人がいつも自問している5つの質問 | ライフハッカー・ジャパン
成功の定義は人それぞれ違いますが、成功する人すべてに共通しているのが、昨日よりもっと上を目指す意欲を持っていること。前に進む勢いを保つには、正しい質問を自問し続けることが大切です。 職を探す、自分の経営する会社の成功を目指す、キャリアのはしごを1段のぼるなど、どんな目的であれ、定期的に自分を見つめ直すことが重要です。もちろん、慌ただしい毎日の中、ひとり考えることをサボってしまうこともあるでしょう。でも、常に目標を視野に入れ、正しい方向に動き続けるには、これらの質問が必要なのです。 企業家であり、リーダーであり、発明家でもあるベンジャミン・フランクリンは、常に厳しい質問を自分に突き付けていたそうです。メイソン・カリーの著書『Daily Rituals: How Artists Work』によると、フランクリンは1日の始まりと終わりに、決まって2つの質問をしていたそうです。朝には「今日はどんな
「できる社員」になるためのスマートフォン活用アイデア | ライフハッカー・ジャパン
オフィスで使える道具はパソコンだけではありません。正しく使えば、スマートフォンが生産性の向上に一役買ってくれます。 タスクに集中する スマートフォンは常にあなたの手元にあります。うまく使えば、パソコンでは難しいことも難なくこなしてくれます。 先延ばしパッドとして使う あるタスクに取り組んでいる時に、別のタスクを思いついたりすると、とたんに集中力がそがれてしまいます。そんなときは、「先延ばしパッド」に、浮かんできたことを書き留めておきましょう。今のタスクが完了したら、あらためて先延ばしパッドを確認すればOK。 私は、『SimpleNote』に「先延ばしパッド」というヘッダーのノートを作ります。最初は紙とペンを使おうとしたのですが、紙とペンがいつでも手元にあるわけではないのに気づきました。スマートフォンならいつでも手元にあります。また、このシステムは、忘れがちな小さなタスクを憶えておくのにとて
今いる仲間で「最強のチーム」をつくる3つの考え方！「あいつがいなければ…」「優秀な人材がいれば…」はNG！ - ライフハックブログKo's Style
あなたは上司や同僚、部下に関心を持っていますか？家族構成を知っていますか？夢や目標を知っていますか？趣味や好きなことを知っていますか？過去の苦労を知っていますか？意外にも、これらを互いに知ることが、あなたのチームを強くするかもしれません。 本『今いる仲間で「最強のチーム」をつくる 自ら成長する組織に変わる「チームシップ」の高め方 』。 著者は、ドクターシーラボ、ネットプライスの社長として両社の上場や成長に多大な貢献をし「成長請負人」と呼ばれた人物です。 その著者が語る、最強のチームを作るポイントは「チームシップ」だといいます（著者の造語で「チームのメンバー全員が自分のチームという意識を強く持ち、チームに貢献する」こと）」。 今日は本書から、今いる仲間で「最強のチーム」をつくるための3つの考え方を紹介します。 1. お互いの「違い」を認め合う人はみんな違う。 そのことをまず理解し、認め合わな
最新のデザイナーのためのフリー素材まとめ「Top 50 Free Resources for Designers from June 2014」
TOP > Design > 最新のデザイナーのためのフリー素材まとめ「Top 50 Free Resources for Designers from June 2014」 デザイナーにとってもはや必要不可欠といっても良い程便利な存在となっているフリー素材。非常にさまざまな種類がインターネット上でダウンロードできるようになっています。そんなフリー素材の比較的最新のものをまとめた「「Top 50 Free Resources for Designers from June 2014」」を今回は紹介します。 （Dribbble – Freebie! Starnight HTML5/CSS3 Website Template! by Peter Finlan） テンプレートやUI、テクスチャやフォントなど、種類豊富に揃っているので、いざという時非常に役立ってくれそうです。気になったもの
地味だけど便利！アローやカーソルなど1280+種類のアイテムが揃ったPhotoshopのカスタムシェイプの無料素材
商用でも無料で利用できる、Webページやアプリなどビジネスやホビーに使えるさまざまなアイテムが揃ったPhotoshopのカスタムシェイプ素材を紹介します。 My personal PS Custom Shapes #Freebies カスタムシェイプはなんと1,280+種類！ さまざまなアロー、アイコン、リボン、カーソル、シンボルなどが揃ってます。電気回路図かな？ もあります。アローは細いのから太いの三角のや手描き風のなどが揃っており、これだけでも十分便利ですね。 下記に量が多いですが、カスタムシェイプ全種類をキャプチャでご紹介。
HTMLテンプレートの基本ファイル一式、Webページを実装するための必要最小限をまとめたHTML
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
グラフィカルな加工方法を学ぶことができる Photoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」
TOP > Photoshop > グラフィカルな加工方法を学ぶことができる Photoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」 Photoshopを使えばいろいろなグラフィック表現が可能になりますが、機能が豊富に備わっているためなかなか使いこなせていないという方も多いのでは？今回はそんな時に参考にしたいPhotoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」を紹介します。 （Photoshop tutorial: Stylise photos using colourful shapes – Digital Arts） グラフィカルな加工方法を学ぶことができるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下
[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images
サムネイル真ん中の風景写真は縦長 Intense Imagesの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ※jQueryなど他のスクリプトは必要ありません。 <head> ... <script src='../intense.js'></script> </head> Step 2: HTML 画像は2種類の配置方法があります。 img要素はサムネイルと拡大時の画像を兼用し、data-image属性は拡大時に高解像度の画像を利用することができます。 <img src="./img/awesome-source.jpg" /> <!-- OR --> <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageを使用する時は、サムネイルはCSSで背景画像として指定
quusookagaku.com - quusookagaku リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
25の斬新なダッシュボードのコンセプト、デザイン集:phpspot開発日誌
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin