動きがあるWebデザインの参考になるアニメーションのサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 上野という土地をいまだに苦手とする野田です。 断固として代官山がいいと入社してからずっとわがままを言っています。 絶対に実現されないですが。 さて、今回は僕がWebデザインの際に参考にしているアニメーションのサイトをご紹介します。 数はそんな多くないですが、時間の空いた時間にでもご覧いただければ幸いです。 Hover States http://hoverstat.es/ このサイトははとても素晴らしいです。各サイトのアニメーションを一覧で確認することができます。 インスピレーションを得たいときに大変助かっています。サイトのアイデア自体、素晴らしいですね。 Unheap http://www.unheap.com/ jQueryのpluginを紹介しているサイトですが、使用目的ももちろん、動きの参考にもなります。 自分でイージングを変えたりして、どういうものがサイトに合うのか
地味だけど便利！アローやカーソルなど1280+種類のアイテムが揃ったPhotoshopのカスタムシェイプの無料素材
商用でも無料で利用できる、Webページやアプリなどビジネスやホビーに使えるさまざまなアイテムが揃ったPhotoshopのカスタムシェイプ素材を紹介します。 My personal PS Custom Shapes #Freebies カスタムシェイプはなんと1,280+種類！ さまざまなアロー、アイコン、リボン、カーソル、シンボルなどが揃ってます。電気回路図かな？ もあります。アローは細いのから太いの三角のや手描き風のなどが揃っており、これだけでも十分便利ですね。 下記に量が多いですが、カスタムシェイプ全種類をキャプチャでご紹介。
コンテンツも作らずマーケティング費用もかけずに検索順位を上げる6つの方法（後編） | Moz - SEOとインバウンドマーケティングの実践情報
第4の方法は、僕がすごく気に入っているものだ。これはリンクビルディングやリンク獲得のやり方として僕が好きな方法の1つで、ネットワークを活用してリンクや共有、トラフィックを呼び込み、支持を増やすというものだ。 SEOの分野で僕がとても尊敬している人のなかには、この戦術を基本としている人も何人かいる。彼らは、だれかに「私たちはあなたをすごく気に入っているし、あなたのサービスはすばらしいと思う」と言われると、いつもこんな風に言うんだ。 どうもありがとう。そう言ってもらえるぐらい嬉しいことはないよ。 ついでに、それをだれかに教えてくれたらもっとうれしい。友達やソーシャルネットワークなんかにね。 サイトのどこかで私たちにリンクしてくれたりするのもいいな。 リンクはfollowでも、nofollowでも、どっちでもいい。リンクを求めているわけではない。 僕たちと協力したり、僕たちの商品を買ったり、僕た
「強い」パスワードの作り方
著者紹介：宮田健（みやた・たけし） 元＠ITの編集者としてセキュリティ分野を担当。現在はフリーライターとして、ITやエンターテインメント情報を追いかけている。アイティメディアのONETOPIでは「ディズニー」や「博物館／美術館」などのキュレーターをこなしつつ、自分の生活を変える新しいデジタルガジェットを求め日々試行錯誤中。 「LINE」が、パスワードを変更した人に無料でスタンプを提供するキャンペーンを始めました。この施策には「画期的」「これならパスワードを変えたくなる」という声とともに、「安易なパスワードに変えられてしまう」「スタンプをあげるよ、と偽サイトに誘導するようなフィッシングが始まるのでは」といった、賛否両論の意見があります。 手法の是非はさておき、パスワードを見直す良い機会です。せっかくなので「強い」パスワードを考えてみましょう。 「300メートル」流、強いパスワードの作り方 ま
ソフトウェアを15年間販売してきてわかった効果的な価格設定方法
By sharpstick's photos ブラウザにインストールすればウェブページから広告を消すことができるソフトウェアが「Ad Muncher」です。このソフトウェアの開発者であり、多くのスタートアップ企業にも関わってきたMurray Hurpsさんが、15年間Ad Muncherを販売してきた経験から得た知識を公開しています。 Shareware Insight: Pricing — MurrayHurps.com http://www.murrayhurps.com/blog/ad-muncher-pricing Ad Muncherのリリース初期、これは15ドル(約1500円)の無制限ライセンスプロダクトでした。リリース当初にAd Muncherをゲットしたユーザーに対し、現在に至るまで継続してアップデートを提供しているそうです。 ◆通貨問題 Ad Muncherリリース当時、
Macで思った以上にメモリを使ってると思ったら「ファイルキャッシュ」してくれてた。 | TRAVELING
右下の四角で囲っているところにはこんなものがあります。 アプリケーションメモリ ファイルキャッシュ 確保されているメモリ 圧縮 全部足すと、左下の「使用済みメモリ」と一致します。 Memory Scopeで出ているメモリは「アプリケーションメモリ」に一致しています。アプリごとの使用量（パーセント）を全部足しても100％にはならないはずです。1番使っているFinderでもメモリ全体の0.4%しか使ってません。全部含めたって4GBにはなりません。 「アプリ起動してないのに4GBも使ってるやん！！」というのは、ファイルキャッシュも含めた値なのです。 じゃあ、ファイルキャッシュって大量にメモリ確保してるけどなんやねん？ということになってきます。 ファイルキャッシュってなんやねん その前に、ハードディスク（HDD）とメモリの関係を簡単に説明しておきます。 メモリとHDD（とCPU）は、よく机に例えら
[iOS 7 脱獄] 私が復元前に使っているiOS 7.x向けバックアップリスト
iOSの復元前にはバックアップが必要ですが、iTunesでバックアップはゴミが…でもだからって全部手動は面倒…ということでいつもスクリプトを使ったバックアップ方法で行っています。 ただ、iOS 7からは大幅にファイル構成が変わっていますので、今回は私が最近使っているバックアップリストを記しておこうかと思います。 iOS 7でのバックアップ方法 昔からiTunesのバックアップは使わず、スクリプトを使ったバックアップ方法を使っています。 コマンドで実行するため色々と難しく見えるかもしれませんが、実際には特に難しい事はないかなと。 バックアップリストさえ作ってしまえば、バックアップ > 復元 > リストアまで30分ほどで出来てしまうため非常に楽ちん。 ただバックアップリストはiOSや使う人に合わせて書き換える必要があるため、これを作成するのがちょっと…ということで、私が最近iOS 7で使ってい
![[iOS 7 脱獄] 私が復元前に使っているiOS 7.x向けバックアップリスト](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e3a900aa44f6f6faa0a0221ed3154bc2b51f217/height=288;version=1;width=512/https%3A%2F%2Ftools4hack.santalab.me%2Fmedia%2Fuploads%2F2015%2F03%2Fios7-my-backuplist-20140706.jpg)
Web Starter Kit - Googleが提案するWebアプリケーション高速開発環境
Webアプリケーションを開発しようと思ったら、まず何をするでしょう。HTTPサーバを立てるでしょうか、Bootstrapのダウンロードを行うかも知れません。さらにjQueryやBackbone.jsやAngularjsなどを設定するかも知れません。 しかし今後はそんな面倒ごとをせず、Web Starter Kitをセットアップしましょう。これだけですぐにWebアプリケーションの開発がスタートできます。 Web Starter Kitの使い方 実行は gulp コマンドで行います。ビルドを実行します。 ここからUIを見ていきます。 Web Starter Kitの主な特徴はレスポンシブ、クロスデバイス同期、ライブブラウザリロード、パフォーマンス最適化、ビルトインHTTPサーバ、Sassサポートなどとなっています。 Web Starter KitはRuby/node製のオープンソース・ソフトウ
HTML5によるハイブリッドアプリ開発の「Apache Cordova」とは？IBMやSAPがなぜ注目？
「モバイルファースト」というキーワードは2012年頃にブームとなりましたが、2年の時を経て、ようやく実用的な姿、具体的な形となりはじめています。中でも、企業向けモバイルの適用には、HTML5を活用した「ハイブリットアプリ開発」を中核とすべきという考え方が、オラクル、マイクロソフト、SAP、IBMなどの大手ソフトウェアベンダーから支持されています。HTML5はこれからモバイルでどのように価値を発揮していくのでしょうか？その全貌を掴んでみましょう。 エンタープライズモバイルの世界に突如あらわれた「Apache Cordova」とは 2016年までに企業向けのモバイルアプリの過半数が、HTML5を活用したハイブリッドアプリになる。 これは、2013年に米調査会社ガートナーが「Gartner Says by 2016, More Than 50 Percent of Mobile Apps Dep
【検証】自分撮りサポートツール「トルミー」を使ってどれだけ自由度の高い写真が撮れるのか試してみた！
» 【検証】自分撮りサポートツール「トルミー」を使ってどれだけ自由度の高い写真が撮れるのか試してみた！ 特集 旅先などで「写真を撮って下さい」と、その一言が言えない人は多いに違いない。特に海外だと言葉の壁が邪魔をして、さらに言い出しづらくなったりする。写真を見返すと、結局自分撮りメインで、フレームいっぱいに顔が写った写真ばかり……ということはないだろうか？ そんな悩みを解決してくれるのが、スマホ自分撮りサポートスティック「TOLme」（トルミー）だ。これを使えば自分撮りの幅が大きく広がり、今までは撮れなかった一枚も撮れるようになるらしい！ どんな写真が撮れるのか？ さっそく検証してきたぞ！ ・シンプルな構造 「トルミー」の構造はシンプルだ。最大109cmまで伸びるスティックのヘッド部分にスマートフォンをセットして撮影する、というだけである。ただ、普通に自分撮りする場合は45cm～60cmか
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人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンがカギの代わりになるアプリ
新着記事
Javascriptで前のページに戻るを実装 - Qiita
