Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます
レッド・イエロー・ブルーの三枚のパネルが重なっており、それをホバーするとそのパネルを扇状に開くスタイルシートのデモを紹介します。 アクションの度に、ぷるっと反動するのが細かい! Calendar and Clock 実装はけっこう複雑ですが、このインタラクションはかっこいいですね。 日付や時刻の取得、不透明度の変更にJavaScriptを使用していますが、ホバーのアニメーションはスタイルシートで実装されています。 HTML 3つのパネルはdiv要素で、1枚目はノーマル時のカレンダーとホバー時の年と分と日、2枚目はホバー時の時と曜日、3枚目はホバー時の秒と月が要素として配置されています。 <div class="signboard outer"> <div class="signboard front inner anim04c"> <li class="year anim04c"> <sp
追記 いくつかフィードバックを頂いたので補足。 まず、 Dart と NaCl は比較対象じゃないだろ的な話は、別に比較してません。 何か新しい実行環境を載せるなら LLVM が乗った方が汎用性があるのでは?という意味です。 Dart も NaCl で動けばいいんだろうし。 あと、 Angular.Dart は確かに Angular.js のポーティングに留まらず、 Dart ならではの実装になっていると聞きます。 Angular は流行ってるように思いますが、 DI 周りとか見ても結構 JS の限界を突破している感じがするので、 そこから Dart に流れる人もいるのかもしれませんが、そこからの流入はあまり現実的な気がしないなぁ。。 話はずれるけど、 HTML5 の下りはあまりよく無かったです。うまく書けてなかったけど、例えば Gears のことです(HTML5 が始まる前から、俺の中で
Androidアプリ配布プラットフォームのDeployGateが、ついにiOSアプリ配布対応されました! 早速使ってみたのでその流れをメモしておきます。 まずはDeployGateのページでアカウント作成。 Githubアカウントでアカウント作成できるのがcoolでgeekですね。 ログインするとダッシュボード画面が表示されるので、左下の「アップロード」ボタンからおもむろにipaファイルをアップロードします。 アップロードボタンはAndroid版と共通なのですね。 すると、登録したメールアドレスにメールが届くので、開発端末でメールを開きます。 メールの中にリンクがあるので、このリンクをsafariで開くと、アプリのインストール画面が開きます。 この時、端末とアプリの配布管理のための構成プロファイルがインストールされていないのでインストールされます。 構成プロファイルインストール後、このリン
大量にあるファイルのファイル名を一括で変更する場合、どうしても GUI での操作であったりマッチパターンを書くのが面倒だったりしましたが、massren を使えば誰でも簡単にファイル名の一括置換が出来る様になります。 laurent22/massren - GitHub massren - Easily rename multiple files using your text editor https://github.com/laurent22/massren お気に入りのテキストエディタを使って、好きな様にファイル名を変更出来ます。サポートしているOSは Windows, Linux, OSX です。中身は golang で書かれています。 それぞれバイナリが用意されているので自分でビルドする必要はありません。Linux と OSX の人はリンク先にある手順を、Windows の人は
就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。 今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。 なぜwebデザイナーの就活にポートフォリオサイトが必要なのか ポートフォリオは自分自身のデザインスキルや技術スキルの作品集。自分がどんな制作者で何が得意なのか、何が出来るのか、制作したサイトを見れば大体分かります。 webデザイナーにとってのポートフォリオは自分のちからを相手に知ってもらう大事な武器ですので、時間がないからといって片手間で作ったりせず、綿密に計画してフルパワーで作り上げる必要があります。 ポートフォリオを作る前の下準備 作品の構成要素 ポートフォリオに制作実績を掲載する時、下記の6つは載せておきましょう。 サイトのタイトル サイトのURL サイトのスクリーンショット 制
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
簡単! 気持ちよさそう! まんまる氷を作るなら「Frozen Peas」2014.02.19 08:00 junjun 枝豆じゃありませんよ。 球型の氷が作れる製氷器「Frozen Peas」シリコンで出来ているから氷を取り出すときもプチっと押すだけで簡単だし、変にヒビが入っちゃう心配もありません。 使い方も簡単で側面にある穴からお水をそそぎ、閉めて冷凍庫に入れるだけ。一回に3つも、まんまる氷ができちゃいます。 一つ一つピックで球型の氷を作るのもカッコイイけど、お手軽なのもいいですよね? お友達と家飲みする時に焼酎とか梅酒などなどロックで飲む時にも、ちょっと雰囲気が盛り上がりそう。 ちなみに、お店で出てくるような透明な氷を作るには、蒸留するかフィルターにかけた水を使うといいみたいですよ。見た目もカワイイし、お酒をロックで飲むのが好きな人へのプレゼントにもよさそう。気になるお値段は16ドル(
NECは2014年2月18日、玩具や家庭用ゲームなどの企画・開発を手掛けるバンダイナムコスタジオに、人材マネジメントを支援するSaaS型クラウドサービス「Cultiiva Global/HM」を提供したと発表した。 バンダイナムコスタジオは全社員約1000人を対象に、キャリアやスキルの詳細を一元管理する「社員プロファイル」機能と、目標に対する評価のフィードバックをする「目標・評価管理」機能を利用。2013年度下期から順次稼働を始めており、2014年度から本格稼働するという。 Cultiiva Global/HMは、ドイツSAPが買収した米サクセスファクターズのSaaS型人材マネジメントサービスを基にNECが製品化したもの。NECも同サービスを自社で利用している。バンダイナムコスタジオは同サービスを利用して社員のキャリアやスキルを一元管理することで、プロジェクトメンバーの編成を最適化したり、
こんにちは、EC2マイクロインスタンスを製造する工場で働く夢を見た山田コーダーです。(なぜか段ボール箱につめて出荷してました。) 最近はスマホアプリの国際化や海外のクラウドサービスの普及により、エンジニアにもますます英語力が問われるようになってきたと思いますが、皆さんの英語学習における「戦略」や「目標」はいかがでしょうか? Webエンジニアにとって一般的な目標は恐らく 必須:とりあえず技術系ドキュメントが読めるようにならないとかなりマズい(Reading)重要:OSSコミッターやクラウド系サービスの中の人に問い合せができるようになりたい(Writing)といった感じで、 淡い期待:気がついたら頑張ったご褒美として、海外の人の技術系プレゼンとかが聞き取れるようになれたらいいな〜(Listening)期待外:会話なんか夢のまた夢、はなからそんなことは期待してません!(Speaking)という感
ぼくは美術大学で4年間デザインを勉強してて、なかでも紙媒体のグラフィックデザインを専攻してた。所属研究室もプリントメディアを専門にやるところだったし、卒業制作も、なんか本みたいなの作ってた。だから、ぼくがWebデザインをやっていることについて、意外に思われたり、不思議がられたりすることがある。その研究室でわざわざWebデザインを志す人は殆どいないからだ。 しかし、紙で学んだことが無駄だと思ったことは一度もなくて、むしろWebデザインで非常に役立っている。ぼくが紙媒体を専攻してた理由は、紙は歴史のあるメディアだし、グラフィックデザインの基礎をちゃんと学ぶのに最適と思ったからだ。基礎というのは、タイポグラフィの扱い方とか、ジャンプ率とか、配色とか、そういうデザインの諸ルールのことで、そのルールはそのままWebデザインに通用する。今のWebデザインの流れを見ていると、フラットデザインとか、Web
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.
強力なテキスト処理インターフェースPopClip OS XでiOSライクなコピペメニューを再現するPopClip。 PopClip カテゴリ: Utilities 販売元: Nicholas Moore(サイズ: 1.7 MB) 全てのバージョンの評価: (211 件の評価) iOSライクというのは、テキストを選択すると自動的にメニューがポップアップしてくるという、使いやすいのか使いにくいのか判断に困るアレですね。 正直コピペはどうでもよくて、PopClipには、機能をどんどん追加できるという重要なフィーチャーがあります。ポップアップしてくるメニューの項目を増やせるのです。 こんなエントリも書きました。 これがとても気に入ったので紹介したいと思います。 一つの機能単位をアクションといいます。アクションを追加するのが機能拡張。本家は用語を使い分けていますが、本エントリではそれを同一視し、アク
7: 以下、名無しにかわりましてVIPがお送りします 2014/02/18 14:49:57 ID:Qp8ScLri0 >>2 これ 11: 以下、名無しにかわりましてVIPがお送りします 2014/02/18 14:52:04 ID:qPNxrTlo0 >>2 ニコ動とかニコ生やってそうでキモイ 61: 以下、名無しにかわりましてVIPがお送りします 2014/02/18 16:18:46 ID:rOVBxcvf0 >>11 なかなかの偏見だなそれ ニコ生()とかキモいだけだししないけどつけてるぞ オーオタじゃなくても分かる程度に音が良くなるし なんちゃって6chとか出来て楽しいもんだぞ 5: 以下、名無しにかわりましてVIPがお送りします 2014/02/18 14:49:43 ID:1BuVlVlp0 ヘッドホォン 31: 以下、名無しにかわりましてVIPがお送りします 2014/0
Mac OSX 限定ですが、TwitterのAPIを使わずに、ターミナルからツイッターに投げる方法がアリます。 terminal-share コマンドでTwitterに投げる。 (tweet) OSXの標準のソーシャルShare 機能を使ってTwitterやFacebookに投稿することが出来ます。 投稿したい画像ファイルが決まってる場合はこっちを使うほうが楽だったりします。 コマンドは次の通り Twitterに投稿する場合 terminal-share -service twitter -text "テストツイート" -image test.PNG Facebookに投稿する場合 terminal-share -service facebook -text "テストいいね" -image test.PNG 画像の他にもURLやビデオをを選べる オプション引数はこんな感じ オプションを指定
President Joe Biden has vetoed H.J.Res. 109, a congressional resolution that would have overturned the Securities and Exchange Commission’s current approach to banks and crypto. Specifically, the resolution targeted the… How large a role humanoids will play in that ecosystem is, perhaps, the biggest question on everyone’s mind at the moment.
これぞブックマークコメント(ブコメ)の真骨頂。 はてなさまさまです。 先日の記事 料理下手こそクックパッドより「プロの料理レシピ」使うべき。 - レールを外れてもまだ生きる - 派遣OLブログ こちらに、 めちゃめちゃ料理詳しそうな人たちからもたくさんコメント頂けまして。 いやーほんとすごい。すごいひとはやっぱりすごい。というか、知ってる人は本当によく知ってるし、そういう先人たちから学ばせていただけるなんて、ありがたい世の中になったものだと感動さえいたしました。 今後の自分のためにもまとめさせていただきます。 いやほんと、書いてよかった。料理上手くなれそうな気がした。気がしただけなんだけど。 それでは料理の先人たちのコメントをご覧くださいませ。 ※引用は困る、という方がいらっしゃればご一報くださいませ。 id:yoko_kitchenさん 料理は得意だけど、私はめったにクックパッド使わない
写真画像やアイコンなどを配置したベタ塗りのボタンなどをサークル状にし、ホバーするとシールのようにぺらっとめくれるようにするスクリプトを紹介します。 実装は非常に簡単で、jQueryなどの他のスクリプトは必要ありません。 Sticker.js Sticker.js -GitHub Sticker.jsのデモ Sticker.jsの使い方 Sticker.jsのデモ デモはChrome, Safari, Firefox, Opera, IE10+でご覧ください。 上記のアニメーションは左からのぺらっですが、上下左右の全ての方向からぺらっができます。右のベタ塗りはめくるとシャドウが半透明で適用されます。 Sticker.jsのフッタ 最初のデモは写真画像なのでカーソルはアローですが、フッタのはリンクなのでポインターになっています。 Sticker.jsの使い方 Step 1: 外部ファイル 当ス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く