[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

TIPSに関するninkのブックマーク (115)

  • 動くCSSのためのメモ。

    CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ

    動くCSSのためのメモ。
    nink
    nink 2015/11/13
    アニメーションがいいかんじ!
  • CSSサンプル集

    .play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79

    nink
    nink 2013/09/04
    こうゆうの見てるだけでワクワクするね!IE10より前のバージョンでは全滅でした(^^)
  • 最初に設定しないと絶対損する!Google Analytics 9個の必須設定&解説 | Find Job ! Startup

    アクセス解析は最初の解析設定が命。「やっておけばよかった!」と後悔しても、設定し忘れた集計数値はもう2度と手に入りません。 Webサイトの財産とも言える解析データをしっかり取得してビジネスの成長につなげるためにも、必ず設定しておきたいGoogleアナリティクスの必須設定項目をまとめました。 もし抜けがあるようでしたら、この機会に設定してみて下さい。 ※現時点で、アナリティクスの設定は標準・ユニバーサルの2種類があります。ユニバーサルは、まだ不完全なので今回は「標準」での設定をベースにご紹介します。 【設定1】プロパティ&プロファイル まずはサイトの運用方針などに合わせて、的確にプロパティとプロファイルを設定します。 基的には「サイトごとにプロパティ」設定がおすすめ いくつものサイトを『それぞれ別のドメインで展開』する場合や、サブドメインでそれぞれのサイトを管理する場合、基的に

    nink
    nink 2013/07/04
    損してたわー!
  • 『Fireworksを使った大規模ウェブサイトのデザイン設計』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ

    『Fireworksを使った大規模ウェブサイトのデザイン設計』
  • 続・アプリ内から自社の全アプリを宣伝する超簡単な方法 - しすぜろ

    先日の記事、アプリ内から自社の全アプリを宣伝する超簡単な方法2つを書いたところ教えて頂いた、iOSのOSバージョンを気にせず出来るアーティスト(iOS 6で言う所のデベロッパ情報)リンクの方法を改めて試してみたいと思います。 やり方はとっても簡単だった! 明示的にiTunesを起動するURIスキームである itms-apps から始まるアーティスト用のリンクを用意し、ボタン等に以下のアクションを割り当てます。 NSURL *url = [NSURL URLWithString:@"itms-apps://itunes.com/apps/アーティスト名"]; [[UIApplication sharedApplication] openURL:url]; これだけ! アーティスト名(企業名)の記述ルール 使用するアーティスト名は、アプリ公開用に記載した名前を使いますが、この記述には、いくつか

    続・アプリ内から自社の全アプリを宣伝する超簡単な方法 - しすぜろ
  • 「Vimを使い始めようと思うんですけど、おすすめを教えてください」 - ぼっち勉強会

    この記事は Vim Advent Calendar 2012 : ATND 17日目の記事です。 前日は@syootaroさんのでした。 今年、ぼくの周りで「Vimを使ってみようと思う」と人が3人くらい出てきました。 その人達から「おすすめのプラグインや設定ないですか」とか 「Vimってこういうこと出来ないの?」という質問を受けることがありました。 また、私の操作を見て「何それどうやったんですか」という質問もいくつか受けました。 毎回説明するの面倒くさいのでこの経験を生かし、今後も増えることが間違いない新世代Vimmerに向けて 「ぼくがおすすめする基操作と初期設定とプラグイン」を書いてみたいと思います。 ほとんどただのリンク集となっていますが。 対象は「Vimを触り始めてちょっと経った」程度の人です。 何より大事なこと viじゃなくてVimです。 前提 Vimはインストール済みであると

    「Vimを使い始めようと思うんですけど、おすすめを教えてください」 - ぼっち勉強会
    nink
    nink 2012/12/18
  • 今朝「熱が39度でたので、(会社を)休みます。」と言って仮病が成功したのはいいのですが、上司から「明日病院の診断書を持ってこ... - Yahoo!知恵袋

    今朝「熱が39度でたので、(会社を)休みます。」と言って仮病が成功したのはいいのですが、上司から「明日病院の診断書を持ってこい」と言われました。 今朝「熱が39度でたので、(会社を)休みます。」と言って仮病が成功したのはいいのですが、上司から「明日病院の診断書を持ってこい」と言われました。 ちなみにこの仮病はすでに何回か使っています(その際は診断書の提出は求められませんでした)。 病院で診察を受けて診断書はもらってこれるんですけれども、熱が全くないので診断書を見せれば嘘だったとばれるかもしれません。 仮病を使った自分が悪いのですが、何かこのピンチを乗り越えられる方法があれば教えてください。

    今朝「熱が39度でたので、(会社を)休みます。」と言って仮病が成功したのはいいのですが、上司から「明日病院の診断書を持ってこ... - Yahoo!知恵袋
    nink
    nink 2012/12/18
    よく見たら2008年の投稿だったでござる
  • WEB制作|デザイン会社|超簡単! 髪の毛の画像を1分で切り抜く方法まとめ

    お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない! 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか!」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお

    nink
    nink 2012/03/29
    な、なんだってー!?
  • Wi-FiアクセスポイントがなくてもWi-Fi版iPadをネットにつなぐには? | iPad | iPad iPhone Wire

    アプリ・サービス使用レポート Wi-FiアクセスポイントがなくてもWi-FiiPadをネットにつなぐには? 海上忍 2012/03/26 iPadには、Wi-Fi版とWi-Fi+3G版の2種類が存在する。前者を購入した場合、Wi-Fiアクセスポイントがなければインターネットに接続できず、結果としてiCloudや音声入力といった先進の機能を利用できない。通信以外のハードウェアスペックはほぼ共通しているが、携帯キャリアのモバイルデータ通信の有無で使い勝手や機能に大きな差が生じるのは事実だ。 逆にいえば、Wi-FiiPadWi-Fiアクセスポイントは必須といえる。自宅に無線LAN環境を整えるのはもちろんのこと、外出に備え公衆無線LANを契約しておくのも手だ。モバイルルータの導入を検討してもいいだろう。 外出先に自由に使えるパソコンがあれば、そのインターネット環境を利用させてもらうこともでき

    nink
    nink 2012/03/27
    これは覚えておいて損はないね
  • Dropboxベータテスト参加で追加5GBを獲得するための手っ取り早い方法

    Dropboxクライアントのベータ版をインストールし、ベータ版のみにある「Dropbox camera import」という機能で画像や動画を転送すると、最大5GB分Dropboxの容量が増えるって話です。 ベータクライアントは、以下からダウンロードできます。 そう言われると5GB分容量を増やしてみたいですが、いきなり5GBと言われても、さあ、5GB分何を用意したもんやらと困惑することでしょう。(続きは[Read More]から) そこで登場するのが、このダミーファイル。 DUMMY_FILES.zip (5MB) 僕は素直?に1GB な dd で作った .mp4を5個アップしました. RT @hitoriblog: 4.6GBの偽JPEG、SDカードにコピーできない — Hiroshi SHIRATSUCHI (@epkg) February 4, 2012 小さな5MBのzipファイル

    Dropboxベータテスト参加で追加5GBを獲得するための手っ取り早い方法
  • Not Found

    nink
    nink 2011/12/17
    なるほど、ここを利用すれば、格安でアドビ製品を購入出来る。
  • 痴漢冤罪回避(転載です。自己責任において正しい知識をつけましょう。)

    痴漢冤罪回避 (転載です。自己責任において正しい知識をつけましょう。) もし、貴方が痴漢恐喝女に嫌疑をかけられ、駅員に引き渡されそうになったら・・・ ★駅員「痴漢ですか?事務室で事情を聞きましょうか?」 ○貴方(身分証を提示、名刺を渡す) 「私は痴漢ではありませんし、住所・氏名を明らかにしました。 刑事訴訟法217条により、私を現行犯逮捕することは違法です。」 ※刑訴法第217条[軽微事件と現行犯逮捕] 三十万円(刑法、暴力行為等処罰に関する法律及び経済関係罰則の整備に関する 法律の罪以外の罪については、当分の間、二万円)以下の罰金、拘留又は科料に当たる 罪の現行犯については、犯人の住居若しくは氏名が明らかでない場合又は犯人が逃亡する おそれがある場合に限り、第二百十三条から前条までの規定を適用する。 (身元を明らかにしている人間は現行犯逮捕できない。) ★駅員「いい

    nink
    nink 2011/12/04
    デマっていうかちょっとズレてんのかな → http://d.hatena.ne.jp/hakuriku/20040527#chikan
  • http://neetetsu.com/archives/51777976.html

    nink
    nink 2011/12/04
    いつ何があるかわからないのでブックマークしておくべし。
  • 他キャリアが裸足で逃げ出す!? SIMロックフリーiPhone 4S+ドコモXi契約SIMが最強 - 週刊アスキー

    ちなみに下記のような内容で契約を行なっています。 タイプXiにねん:780円 mopera U スタンダードプラン:525円 Xiパケ・ホーダイ フラット:4410円 ユニバーサルサービス料:7円 合計:5723円 ※消費税の算出方法の都合上、1円繰り上がります。 ただし上記のXiパケ・ホーダイ フラットの料金は2012年4月末日までのキャンペーン価格なので、5月以降は下記の料金となります。 タイプXiにねん:780円 mopera U スタンダードプラン:525円 Xiパケ・ホーダイ フラット:5985円 ユニバーサルサービス料:7円 合計:7298円 ※消費税の算出方法の都合上、1円繰り上がります。 キャンペーン後の7298円でも、テザリングまで利用できるのであれば非常に魅力的な料金です。それでは早速試してみましょう。

    他キャリアが裸足で逃げ出す!? SIMロックフリーiPhone 4S+ドコモXi契約SIMが最強 - 週刊アスキー
    nink
    nink 2011/11/25
    ほお…これは中々良いではないか。でもSIMフリーのiPhone本体高すぎだわー
  • アルファベットを使ってロゴを作るときの10のTips - DesignWalker

    アルファベットを使ってロゴを作るときの10のTips - DesignWalker
  • ウェブル@soraiyさんのPHP で凄く簡単に GET/POST 送信ができる関数を勝手に改良した | zaru blog

    soraiyさんが「PHP で凄く簡単に GET/POST 送信ができる関数を作りました」という記事でGET/POSTを簡単にできるものを公開していたんですが、ちょっと気になった部分があったので、勝手に改良してみました。 と思ったら、いろいろな人が既に反応していた…。でももう書いちゃったし、公開するか…。 var_dump(wbsRequest('GET', 'http://httpstat.us/200',array('key' => 'value'))); var_dump(wbsRequest2('GET', 'http://httpstat.us/200',array('key' => 'value'))); var_dump(wbsRequest('GET', 'http://httpstat.us/404')); var_dump(wbsRequest2('GET', 'htt

    nink
    nink 2011/08/18
    使わせていただくぜっ!
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。

  • Morf.js - CSS3 Transitions with custom easing functions

    Native These are the natively supported easing functions, built into WebKit. linear ease ease-in ease-out ease-in-out Custom These are custom easing functions (thanks to Robert Penner & Thomas Fuchs) that can produce much more interesting transitions. Generated Animation CSS Internally the custom easing function for the transition is faked using CSS animations. Here is the code that is produced on

    nink
    nink 2011/07/01
    これは実装出来れば面白い。
  • 【今日のボタン】公式の『mixiチェックボタン・mixiイイネ!ボタン』『Twitterツイートするボタン』『Facebookいいね!ボタン』『Googleプラス1ボタン』『Google+バッジ』等を設置する方法。まとめ・

    百丽直播app旗下最权威专业的搜索客户端,精选新闻资讯,了解天下大事 第一步:访问百丽直播app官方网站或可靠的软件下载平台:确保您从官方网站或者其他可信的软件下载网站获取软件,这可以避免下载到恶意软件。 第二步:选择软件版:根据您的操作系统(如WindowsMacLinux)选择合适的软件版。有时候还需要根据系统的位数(32位或64位)来选择百丽直播app。 第三步:下载百丽直播app软件:点击下载链接或按钮开始下载。根据您的浏览器设置,可能会询问您保存位置。 第四步:检查并安装软件: 在安装前,您可以使用杀毒软件对下载的文件进行扫描,确保百丽直播app软件安全无恶意代码。 双击下载的安装文件开始安装过程。根据提示完成安装步骤,这可能包括接受许可协议、选择安装位置、配置安装选项等。 第五步:启动软件:安装完成后,通常会在桌面或开始菜单创建软件快捷方式,点击即可启动使用百丽直播ap

    nink
    nink 2011/06/30
    ボタンの設置の仕方。
  • fladdict » スマホのUI考 〜 ボタンについて

    SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

    nink
    nink 2011/06/12
    これは参考になるかも。