It takes a 'snapshot' of a webpage that will always be online even if the original page disappears.
![archive.today - webpage capture](https://cdn-ak-scissors.b.st-hatena.com/image/square/123d3c0aafe892330871250b54d3917e6a33da01/height=288;version=1;width=512/https%3A%2F%2Farchive.md%2Fapple-touch-icon-144x144.png)
昨年くらいから流行っているらしいゴーストボタンというもののサンプルをいくつか作ってみました。皆さん色々作られていて、今さら感もありますがぜひご覧ください。 今回、以下のルールに沿って16個サンプルを作りました。 HTMLは全て同じ マウスを乗せる前は同じ状態 擬似要素は使っても1つだけ 擬似要素を2つ使ったり、spanなんかをはさんでやるともっと色々できると思いますが、今回はシンプルにマウスを乗せたときに動きをつけるサンプルを紹介します。 サンプルはこのページで全て載せていますが、まとめて見たいという方はこちらをどうぞ。 ということで、HTMLはこんな感じになります。 <a href="#" class="btn sample1">sample 1</a> 普通のリンクですね。btnは共通部分、sample1はサンプルごとで違ってくる部分になります。 では、共通部分のCSSです。 a.bt
PSDデザインカンプのスライス不要!DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ(@sato_tkaaki)です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは? Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ?!と、Extract機能を初めて
@app_path = '/home/rails/rails/test/json_server' worker_processes 2 working_directory "#{@app_path}/" preload_app true timeout 30 listen "/tmp/unicorn.sock", :backlog => 64 pid "/tmp/unicorn.pid" stderr_path "#{@app_path}/log/unicorn.stderr.log" stdout_path "#{@app_path}/log/unicorn.stdout.log" before_fork do |server, worker| defined?(ActiveRecord::Base) and ActiveRecord::Base.connection.disconnec
2018/05/07 バージョンアップ間近! Movable TypeのメリットをWordPressと比較してまとめてみる。久々のバージョンアップを迎えるMovable Type。WordPressの陰に隠れて過小評価されがちなそのメリットをおさらいします。 WEBディレクター虎の巻tech tech 散歩 2018/01/10 フロントエンド開発の品質と効率向上のための私たちの取り組み複雑化・高度化するフロントエンド開発の課題を解決し、品質と効率を同時に向上する仕組みづくりを進めています。 tech tech 散歩 2017/12/19 なぜその文章に説得力がないのか?WEBライティングのここを見なおす。つまらなければ即離脱...のWEBだからこそ必要な、簡潔で説得力のある文章。どのようにすれば書けるのでしょう。 WEBディレクター虎の巻
こんにちは!おおはしりきたけです。今回も突撃!隣の開発環境というタイトルでイケてる開発会社さんの開発環境についてインタビューさせてもらいました。第2弾として、実名グルメサービスで今凄く勢いのあるRettyさんに訪問させてもらいました。インタビューに答えていただいたのはCTOの樽石さん、iOSエンジニアの櫻井さん、Androidエンジニアの新井さん、インフラエンジニアの梅田さんです。 突撃!隣の開発環境とは 前回も書きましたが、技術事例やノウハウなどは、ブログや勉強会などで共有されることが多いと思います。しかし、各社の開発環境や開発体制などは意外と共有されていないこと多いと思います。ノウハウの流出になるかもしれませんが、それ以上に、より良い開発を目指している会社さん同士で情報交換を行い、良いチーム、良いプロダクトを作っていくという志の会社さんの為の情報共有のための企画になります。開発環境や開
サイト強化はこれひとつ はやく、大きな成果へ ヒートマップ、サイト解析、ページ編集、A/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全てノーコードで使えます。
def deploy(ip): copy('code/', ip + ':~/code', recursive=True) write_template('conf/config.py', ip + ':~/config.py') write_template('conf/crontab', ip + ':~/.crontab') write_template('conf/crontab', ip + ':/etc/apache2/httpd.conf') run_as_root('service cron restart') run_as_root('service apache restart') post('https://pingdom.com/api/2.0/checks', { 'name':ip, 'host':ip, 'type':'ping' }) タスクを実行するものと
【サイボウズ式編集部より】「ブロガーズ・コラム」は、著名ブロガーをサイボウズの外部から招いて、チームワークに関するコラムを執筆いただいています。今回は日野瑛太郎さんによる「情報共有ができないチームのもろさ」について。 チームで働く場合、情報共有はとても重要です。仮に情報共有を一切しないのだとしたら、それは一人で働いていることとほとんど何も変わりません。チームで情報が共有されることではじめて、他人を手伝ったり意見を言ったりすることができるようになります。情報共有はチームワークの基本中の基本だと言ってもよいでしょう。 しかし、そんな基本中の基本であるはずの情報共有が、あまりうまくできていないというチームを結構よく見かけます。人数が少ないうちはある程度うまくまわっていても、チームの人数が増えるにつれて情報共有がいい加減になってしまうということも少なくありません。 僕がまだ会社員をしていたころに一
「TADA」は、画像の遅延ローディングを手軽に実装するプラグインです。ページを読み込んだときではなく、画像が見える位置までスクロールしたタイミングで読み込むので、ページを開いたときの待ち時間を短縮できます。 TADAプラグインはGoogle ChromeなどのモダンブラウザーとInternet Explorer 8以降、iOS/Androidのスマートフォンに対応しています。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、 TADAをGithubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 利用するWebページのbodyの閉じタグ直前で、jQuery本体と、ダウンロードした「jquery.tada.min.js
総務省情報通信政策研究所は、東京大学大学院情報学環 橋元研究室との共同研究として 「平成26年 情報通信メディアの利用時間と情報行動に関する調査」を実施し、その報告書等を取りまとめましたので公表します。 「情報通信メディアの利用時間と情報行動に関する調査」は、スマートフォンの普及等により利用が進んでいるソーシャルメディア等のインターネット上の新しいメディアと、テレビ、新聞といった従来型のメディアについて、利用時間の長さ・時間帯、利用者の割合、利用目的及び信頼度等を継続的に把握し、メディア間の関係を明らかにすることなどを目的とした調査です。 平成24年から東京大学大学院情報学環 橋元研究室との共同研究として実施しており、今回3回目となる平成26年調査の報告書等をとりまとめましたので公表します。 平成26年調査結果の主なポイントは、以下のとおりです。詳細は別添1をご覧ください。 スマートフォ
スマートフォンの普及により、通勤途中の電車やバスの中で、いつでもどこでもプログラミングの勉強を楽しむことができる環境が整ってきました。 本日紹介するアプリ「ofruby」もそんなモバイルプログラミングを実現するアプリの一つです。 組み込み向けの軽量Ruby「mruby」と、簡易なコードでグラフィックスを表現できるフレームワーク「openFrameworks」を組み合わせ、いつでもどこでもグラフィックを使ったプログラミングを楽しむことができます。 ofruby カテゴリ: 教育 価格: 無料 mrubyとopenFrameworksを組合せいつでもどこでもプログラミング! あらかじめサンプルコードがいくつか組み込まれているので、すぐにプログラムを動かしてみることもできます。ofrubyのソースコード自体もGitHubで公開されているので、アプリ開発者にとっても参考になるのではないでしょうか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く