タグ

2012年10月11日のブックマーク (55件)

  • Mac でものすごく簡単に favicon.ico を作る方法

    便利なんだけどあまり使われてないような気がするので。 ご存じだったらごめんなさいよ。 ウェブサイトに設置する favicon.ico ですが、 用意した画像を favicon ファイルに変換するの Mac だとものすごく簡単にできます。 画像を「プレビュー.app」で開く デフォルト設定なら普通に開けばプレビューで開かれると思います。 (必要なら)サイズを変更する 「ツール」→「サイズを調整」で16 px 四方のサイズに。 別名で保存 「ファイル」→「別名で保存」を選ぶ。 別のファイルにするんだから当たり前といえば当たり前。 「フォーマット」で「Microsoft アイコン」を選ぶ この表現がわかりにくいんだけど、要するに favicon です。 (Mac OS 10.7 Lion 以降でのやり方は後述) Favicon はもともと Internet Explorer 独自の仕様だったから

    Mac でものすごく簡単に favicon.ico を作る方法
  • 【番外編】Androidの爆速エミュレータ環境を構築する | DevelopersIO

    ※追記しました. OSXの方々は注意点もありますので、追記も併せてご覧ください 2012.10.17 Android爆速エミュレータ環境の作り方 Android開発者界隈のTwitter TLで、「Androidのエミュレータが低速で使い物にならないとか言って許されるのは小学生までだよねー。きゃははー」的な会話が繰り広げられていたので、これは知らないのはマズイのでは、という危機感から、一念発起し、爆速Androidエミュレータ環境の構築を試みました Androidのエミュレータが低速で使い物にならないというのは、すでに過去の話だそうです。真の情報強者の方々は、すでに爆速エミュレータでの開発を行っているようです。中には、実機よりも早いので、実機代わりに使ってるという方もおられるようです もうAndroidのエミュレータが遅いなんて言わせない!iPhoneのエミュレータに匹敵する(?)速度を手

    【番外編】Androidの爆速エミュレータ環境を構築する | DevelopersIO
    haru135
    haru135 2012/10/11
  • スマートフォン向けに軽量化されjQueryとの互換性を持つJavaScriptライブラリ「Zepto.js」|BLACKFLAG

    今やWebサイトを彩るのに主流といっても過言ではないjQuery。 とても便利で使いやすく構成されていますが、スマートフォン向けサイトなどで使用する場合は レスポンシブWebデザインが重要視されている昨今に対して、 ライブラリファイル自体の重さの負荷が懸念点としてあげられてしまいます。 そんなjQueryをスマートフォン向けに最適化したJavaScriptライブラリ 「Zepto.js」がこの先便利に使えそうだったのでご紹介してみます。 Zepto.js 使い方はライブラリファイルである「zepto.js」を読み込んだ後に jQueryと同じような記述方法でいろいろなアクションを組み込むことができるようになっています。 「zepto.js」で使うことができるアクションやイベントは 上記のライブラリページの左側に一覧で表示されています。 見て分かる通りjQueryと同様の記述でスクリプトを組

    スマートフォン向けに軽量化されjQueryとの互換性を持つJavaScriptライブラリ「Zepto.js」|BLACKFLAG
  • ファンの心をがっちり掴むECサイト「スイーツサイト」厳選8サイトご紹介 |https://wp.yat-net.com/name

    僕は甘いもの、特にケーキが好きなんですが、最近Webサイトが凄く独創的なショップサイトを目にすることが多く、行ってみたいと思うお店が多くてやばいです。 販売しているケーキ屋やスイーツが美味しいのは当然として、Webサイトやお店にストーリーだったり、特出したデザインだったりといったものが見えると、どうしても行ってみたい!って強く思ってしまうんですよね。 素敵なサイトの紹介 1.素敵なサイトの紹介 今回はそんな素敵なサイトをまとめて紹介したいと思います。ツイッターで流れてたり、有名なお店だったりするので、知っているサイトが殆どかもしれませんが、まとめとしてストックしておきます。他にもあったら是非教えて下さい! ANTIQUE -アンティーク- パンを販売していますが、ドーナツも販売しているのでスイーツというカテゴリに入れちゃいました。スイーツのサイトで一番気に入っているサイトです。大阪にも店舗

    ファンの心をがっちり掴むECサイト「スイーツサイト」厳選8サイトご紹介 |https://wp.yat-net.com/name
    haru135
    haru135 2012/10/11
  • 電子書籍.club - 

    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.

    haru135
    haru135 2012/10/11
  • 料理写真共有アプリ「miil」のiOS版刷新--LINEへも投稿可能に

    FrogAppsは10月10日、料理写真共有アプリ「miil(ミイル)」のiOS版をメジャーアップデートした。 今回のアップデートでは、細かなユーザビリティを向上させたほか、現在地周辺の飲店を検索できる「お店検索機能」を拡充し、「友達」が行ったことのある店や自分が以前「べたい!」した店の絞り込み検索ができるようになった。 また、ユーザープロフィールや店舗詳細ページで「べたい!」の総獲得数や総投稿数が表示されるようになった。写真の投稿画面では、これまでのTwitterやFacebookに加えて、LINEへの投稿が選択できるようになった。 このほか、初心者ユーザー向けの活性化施策として、ユーザー登録時に人気ユーザーを自動フォローする「おすすめユーザーフォロー機能」が追加された。 miilは、料理の写真をワンタッチで美味しく見えるように加工できる写真共有アプリ。2011年10月にiOS版が

    料理写真共有アプリ「miil」のiOS版刷新--LINEへも投稿可能に
    haru135
    haru135 2012/10/11
  • HugeDomains.com

    Captcha security check desicreator.com is for sale Please prove you're not a robot View Price Processing

    HugeDomains.com
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

  • 縦のパララックス 紙芝居っぽいの。 - jsdo.it - Share JavaScript, HTML5 and CSS

    haru135
    haru135 2012/10/11
    パララックス
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

  • Shortcat: Universal command palette for your Mac | Shortcat

    ShortcatManipulate macOS masterfully, minus the mouse. Download Shortcat or brew install shortcat v0.11.4 – Released Jan 31, 2023 macOS 11, 12. Apple Silicon / Intel The universal command palette for your Mac.🔍 Shortcat indexes your Mac's user interface and makes them available to you in a powerful command palette. 🪤 Click buttons, focus text fields, invoke menu commands, switch windows, and mor

    haru135
    haru135 2012/10/11
  • マウス要らずの生活へようこそ!すべての操作をキーボードで可能にする「Shortcat」が最強すぎる! | ゴリミー

    パソコンをバリバリ使う人ほどマウスを使いたがらない、という話を聞いた1日のほとんどをMacの前で過ごしている僕はMagic Mouse愛用者!どうも、g.O.R.i(@planetofgori)デス! 僕は確かにMagic Mouseを愛用しているが、普段キーボードをバチバチ叩いているので、できるのであればキーボードから指を離さずに操作ができるのが理想。その理想の一角を担っているのが僕の場合高機能ランチャー「Alfred」だったりするのだが、その理想をほぼ実現したと言っても過言ではないMac用ツール「Shortcat」のベータ版が公開されていたので、紹介する!! イメージとしては、「画面上に表示されているすべての文字を検索対象とするSpotlight機能」と言ったところ。見たほうが分かりやすいと思うので、以下の公式プロモーション動画をどうぞ! What is Shortcat? from

    マウス要らずの生活へようこそ!すべての操作をキーボードで可能にする「Shortcat」が最強すぎる! | ゴリミー
    haru135
    haru135 2012/10/11
  • http://info.ii-s.biz/2012/10/11/facebook%E3%81%A7%E6%8A%95%E7%A8%BF%E3%81%AE%E5%AE%A3%E4%BC%9D%E3%82%92%E6%97%A9%E9%80%9F%E8%A9%A6%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F-iis_hara_dev/

  • 体験のレイヤーをつくるWebデザイン

    2012年10日6日は、神戸ITフェスティバルの講演に続いて CSS Nite in KOBE でも登壇しました。神戸での記念すべき第一回目ということで、技術話がほとんどない働き方をテーマにした話題が中心でした。私のセッションは、終わりなき Web の旅と題して、予測不能でトレンドも目まぐるしく変わる Web の世界で変わらないもの、目標にできるものを紹介しました。 再考 Progressive Enhancement 今頃「Progressive Enhancement」なんて言葉を使うなんて古いと考える方もいるかもしれません。不幸にも日語で最適な表現がなく、カタカナ表記でプログレッシブ エンハンスメントとしてもピンと来ないのが、言葉のもつ意味が浸透しないひとつの要因ではないかと考えています。例えば、昨年からよく耳にするようになったレスポンシブ Web デザインにしても、Progres

    体験のレイヤーをつくるWebデザイン
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
    haru135
    haru135 2012/10/11
  • FacebookのOGPでちょっと気になった事があったんですけど誰か / Maka-Veli .com

    Facebook眺めていて、OGPがちゃんと設定されてるのに表示されないモノがあったので少し調べてたんです。先に言っとくと、その件は個人の中ではまだ解決してないんですが、その他のところで気になったのがあったのでメモしときます。 OGPってアレですね、Facebook等でシェアされた時に表示される情報を設定するヤツ。例えば <meta property=”og:title” content=”MAKA-VELI.COM” /> としたら投稿のタイトルが MAKA-VELI.COM になるヤツ。 詳しくはこちら で、気になったのは、これらがきちんと設定されていたページにも関わらず、ogpのimageが表示されていなかったんです。 デバッガー通せばキャッシュされて表示されるかな?と思ったんですが、 なぜかデバッガーではきちんと設定されていた項目になぜか警告とエラーが。 ソース中で

    haru135
    haru135 2012/10/11
  • グラフィックについての、環境と形状の話 / Maka-Veli .com

    電車広告を眺めるのはクリエイターの日課ですよね(えっ、僕だけ?) 電車の広告、特に棚上広告は横にびっしりと並んでますよね。隙間無い程(電車によっては隙間あるモノもありますけど、、) 他にも電車だけでなく、町中に貼ってあるポスターや街頭広告。 基、真隣でなくとも広告枠の領域は、当然の事ですが広告が並びます。もちろんクリエイターは、それを見越して、よりインパクトのあるグラフィックを狙いますよね。 時には派手に、時には大きく。なんとかの背比べみたいになってる広告群もありますね。 でもそれって、どうなんでしょう? 目立たせるだけでは意味を成さない気がします。 ポスターは、より簡潔に、そして完結に、物事を明確、かつ適切で心に響くモノが理想的です。見る人の記憶に残るのが目的であって、インパクトだけでは単なるエグい広告「群」になるだけかなと。 更にいうと、描かれている形状も気になります

  • JASRACが2年ぶりに増収、そのワケ (1/2)

    社団法人日音楽著作権協会(JASRAC)は14日、2007年度における音楽著作権使用料の徴収額を発表した。金額は1156億7055万6764円で、前年比104.1%と2年ぶりに微増となった(徴収額を含むPDFファイル)。 JASRACと言えば、ネットの一部には「訴訟も辞さない、厳しい使用料の取り立てを行なう団体」というイメージを持っている人もいる。なぜ、今年になって徴収額が増えたのか、そして当にJASRACの取り立ては厳しいのか。ジャーナリストの津田大介氏に話を聞いた。 CDは落ち込む中で増収 ── ここ数年、音楽業界と著作権使用料はどんな状況にありましたか? 津田 よく言われるように音楽CDの売り上げは、1998年をピークにして下がってきています。一方で、使用料の徴収額は、90年代の終わりから伸びてきている。 その理由は、ほかの使用料収入が増えたからです。1999年にiモードが登場し

    JASRACが2年ぶりに増収、そのワケ (1/2)
    haru135
    haru135 2012/10/11
  • この順番で読めばOK!JavaScriptを理解するための14冊 | DECONCEPTER

    JavaScriptの書籍はjQueryやサンプル中心のチップスなどを含めると、多数出ており、これから勉強したい人にとってはどれから読めばいいか迷うところだと思います。 今日はここ数年で出た書籍の中で初級者から脱中級者になるまでに読みたい書籍を、この順番で読めばステップアップできるという内容で紹介したいと思います。 STEP1. 初心者へのおすすめはダントツでこれ一択。 初心者向けの内容としてはこれがダントツでおすすめです。内容が易しく丁寧な上にサポートサイトで書籍の内容を動画で説明してくれています。 Amazon.co.jp: よくわかるJavaScriptの教科書: たにぐち まこと: サポートサイトはこちら STEP2. 全体を把握するには十分なボリューム。脱初級者向けにはこの2冊。 2冊とも初級者にとっては少し厳しい内容になっていますが、この2冊が理解できれば後は作りまくる

  • Macトラックパッドの3本指タップでホイールクリックが出来る BetterTouchTool – 和洋風KAI

    ダウンロードしたら早速解凍して、アプリケーションフォルダに突っ込んでおきましょう。 あとは早速起動して上の画像のように設定を施すだけです。(画像はクリックで拡大可) 手順は、TrackPadを選択し、Add new gestureをクリックして、項目を追加し、TouchPad Gestureを「Three Finger Tap」にし、Predefined Actionを「MiddleClick」にするだけです。 ポンポンアラートが出ちゃう場合。 BetterTouchToolを入れるとアラートがポンポン出ちゃう場合があります。そんなときは、メニューバーのから「システム環境設定」-「ユニバーサルアクセス」 で「補助装置にアクセスできるようにする」にチェックを入れると収まります。(画像はクリックで拡大可) Mac起動と同時にBettorTouchToolも起動させたい場合。 この記事を参考に

    haru135
    haru135 2012/10/11
  • スマホ用の下からニュッとGoogleマップを表示するJavaScriptライブラリ - SUSH-i LOG

    以前jQueryライブラリとして公開していましたが、そもそもスマホサイトでjQueryを読み込むこと自体が重荷のように感じたので、ネイティブのライブラリを作ってみました。 ただ、ちょっと実機の実験がiOS6の純正ブラウザのみしか出来ていないので、他のデバイスで動くか心配です。 変更点 変換する時に1KB程度増加しましたが、jQueryそのものが要らなくなるので、90KB程度削減できたと考えられます。 実行時の関数が少し変わっています。詳細はGitHubをご覧ください。 デモ デモページ(スマートフォンでご覧ください) はこちらから ダウンロード(GitHub

    スマホ用の下からニュッとGoogleマップを表示するJavaScriptライブラリ - SUSH-i LOG
    haru135
    haru135 2012/10/11
  • 野菜マッシュで考古学のロマンの旅へご招待 by LittleBall

    2022/1/13をもって お客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。 (詳細はこちら) クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。 (Microsoft Edgeでクックパッドにログインできない場合はこちら)

    野菜マッシュで考古学のロマンの旅へご招待 by LittleBall
  • TOP - 三田製麺所

    つけ麺専門店 三田製麺所のホームページです。新商品やお得な情報を掲載中。

    haru135
    haru135 2012/10/11
  • 台州钾掖商务服务有限公司

  • 紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ - DesignWalker

    紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ - DesignWalker
  • PSDTuts - Photoshop Tutorials and Links - Transparent Glass Lettering in Photoshop

    In this tutorial, we're going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Because there is so much use of layer styles, you need to download the sample PSD from the link at the bottom of the tutorial in order to follow along. Step 1: BACKGROUND LAYER To begin this tutorial, we'll first give ourselves a nice background grad

    PSDTuts - Photoshop Tutorials and Links - Transparent Glass Lettering in Photoshop
  • Create an Open Book Icon In Photoshop | Psdtuts+

    Unlimited fonts, graphic templates, mockups, add-ons & more! Unlimited asset downloads! From $16.50/m

    Create an Open Book Icon In Photoshop | Psdtuts+
  • Shiny Lock Icon Design Tutorial | Web Icon Set

    Warning: Declaration of am4MenuPage_settings::validate($options) should be compatible with am4FormController::validate() in /home/cs2hmcps/webiconset.com/wp-content/plugins/amember4/menu.php on line 96 Hello to you all, we hope this following tutorial can be helpful in creating a good Icon design using Adobe Photoshop. The version I’m working with here is CS3. If you follow the following steps you

    haru135
    haru135 2012/10/11
  • 石川の旅館 | 和倉温泉加賀屋【公式】

    創業以来培われた 伝統のおもてなしを。 加賀屋にお泊りになる方すべてに 心より寛いでいただきたい。 これは加賀屋創業時からの 私たちの願いです。 そのひとつがお出迎えのときから、 お帰りになるその時まで、 小さな気配り、心配りを 重ねています。 それが加賀屋のおもてなしの 基と考えています。 百年という加賀屋の歴史、代々の 女将による薫陶が、社員の間で 連綿と受け継がれてきた心得が、 今も息づいています。 一期一会の感動と、 感謝の気持ちを大事に今日も、 加賀屋は皆様のお越しを 心よりお待ちしております。 加賀屋で過ごす最良のひととき、 ごゆっくりとお寛ぎください。

    石川の旅館 | 和倉温泉加賀屋【公式】
    haru135
    haru135 2012/10/11
    いきたいです
  • UX Kanazawa Vol.4 「プロトタイピングから始めよう」 長谷川恭久さん — UX Kanazawa

    UX Kanazawa Vol.4 を10月20日(土)に開催します。今回は、長谷川 恭久さんを講師にお招きしてペーパープロトタイピングのセミナー&ワークショップを行います。 イベントは終了しました。 内容 パソコン向けにだけ Web サイトを作っていた頃はあまり必要性を感じられなかったプロトタイピングも、Webへアクセスする方法が増えてきたころから、その必要性も高まりつつあります。パソコン向けに絞ったとしても複雑なインタラクションを絵だけで共有するのが難しくなってきました。余計な書類を減らし、課題が具体的に見えてくるプロトタイプの魅力と活用を紹介。今回はプロトタイプの中でもペーパープロトタイピングにスポットを当てて、メリット・デメリットを解説します。また、今回はミニワークショップを行い、プロトタイピングと批評を行います。 今回の勉強会は、名古屋で 9 月に開催されたセミナー+ワークショッ

    haru135
    haru135 2012/10/11
    これもいきたい…
  • UX Kanazawa

    12/2開催 UX Japan Forum 2017 in Kanazawa UX Japan Forum 2017 の開催にあたりましては、当初の開催予定が台風のため延期となり、お申し込みいただいた皆様には 大変ご迷惑をおかけいたしました。12月2日(土)に開催が決定いたしましたのでご案内申し上げます。 続きを読む ≫

    haru135
    haru135 2012/10/11
  • http://atnd.org/events/33082

    haru135
    haru135 2012/10/11
  • いま改めて問う、デザインの力 ― NOSIGNER・太刀川英輔のデザイン論。[前編] | キャリアハック(CAREER HACK)

    近年、プロダクトやグラフィックといった分野にとどまらず、さまざまなフィールドで「デザイン」が求められるようになっている。私たちは今、デザインをどのように定義すべきなのか?そしてデザインの持つ力とは?その答えを探るべく、デザイン集団《NOSIGNER》を率いる太刀川英輔さんにお話を伺った。 改めて考える、デザインの力。 デザインとは、何か? この問いに対する答えが、いま変わってきているように思う。「ソーシャルデザイン」「コミュニケーションデザイン」といった言葉に表れているように、今やデザインというものを定義する境界はうすれ、あらゆるものに「デザイン」が求められているからだ。 だからこそ、この時代の文脈にそって「デザイン」というものの定義を改めて考えてみたい―。そう思い白羽の矢をたてたのが、デザインコンサルティングファーム《NOSIGNER》を率いる気鋭のデザイナー・太刀川英輔さんだ。 NOS

    いま改めて問う、デザインの力 ― NOSIGNER・太刀川英輔のデザイン論。[前編] | キャリアハック(CAREER HACK)
  • いちばんシンプルなHTML5のベースを用意 | necozine

    私は、例えばjavascriptをどう動かしたらいいかと理解する時、テキストエディタを使って最低限のコードでサンプルを試します。 そんな時の、ベースとなるHTMLのコードを紹介します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/html5reset.css" /> <!--&#91;if lt IE 9&#93;> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <!&#91;endif&#93;--> <style type="text/css"> <!-- /*css*/ --> </style> <scr

  • 結婚記念にこんな写真はいかが? 「不思議の国のアリス」と「帽子屋」に扮した新郎新婦が可愛くって、切なくって、なんだかすごくイイ | Pouch[ポーチ]

    » 結婚記念にこんな写真はいかが? 「不思議の国のアリス」と「帽子屋」に扮した新郎新婦が可愛くって、切なくって、なんだかすごくイイ 結婚記念にこんな写真はいかが? 「不思議の国のアリス」と「帽子屋」に扮した新郎新婦が可愛くって、切なくって、なんだかすごくイイ 田端あんじ 2012年1月26日 0 結婚を考えているあなたも、今現在まったく結婚の予定がないというあなたも、結婚する際にはこんな写真に挑戦してみてはいかがでしょうか。 今回紹介するのは海外サイト『laurenbrimhallphotography.com』に掲載されている、新郎新婦がティム・バートンの映画『アリス・イン・ワンダーランド』のキャラクター、アリスと帽子屋(マッドハッター)に扮した、とってもステキなウェディング写真! 映画のなかでは結ばれる運命になかったふたり。だけど、写真のなかではひたすら可愛らしいアリス新婦と、ジョニー

    結婚記念にこんな写真はいかが? 「不思議の国のアリス」と「帽子屋」に扮した新郎新婦が可愛くって、切なくって、なんだかすごくイイ | Pouch[ポーチ]
    haru135
    haru135 2012/10/11
  • 特別展「チョコレート展」

    2013/2/22 入場者が30万人を突破しました。ありがとうございます! 2013/1/28 [イベント情報] 講演会「世界のカカオ栽培-カカオ農家を支える取り組みについて」 2013/1/25 [イベント情報] バレンタインシーズンに合わせた期間限定企画(2/1~14) 2013/1/22 入場者が20万人を突破しました。ありがとうございます! 2013/1/11 [イベント情報] カカオハンター小方真弓のカカオセミナー開催 とギャラリートーク追加 2013/1/7 [イベント情報] チョコレート展特別トークショー(第三回、第四回) 2012/12/26 [イベント情報] お正月企画 ~お年玉チョコプレゼント~(1/2~6) 2012/12/13 入場者が10万人を突破しました。ありがとうございます! 2012/12/11 [イベント情報] クリスマスシーズンに合わせた期間限定企画(1

    haru135
    haru135 2012/10/11
    気になる
  • jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法|BLACKFLAG

    Webサイトのトップページで表示するお知らせ情報など、レイアウトの都合上、長い文字列を特定の文字数でカットしたいことはよくあることかと思います。 そんな際にjQueryを使って文字列を任意の文字数でカットして、末尾に「…」などの追記情報(これも任意の文字列)を追加するやり方をシンプルなスクリプトで実装する方法をご紹介してみます。 【テキストのみ】 jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 まずは実装するHTMLソースが下記のような構成だったとします。 ◆HTML <ul> <li>このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です

    jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法|BLACKFLAG
  • Create a Set of Glossy Labels and Save them for Web | Envato Tuts+

    Unlimited fonts, graphic templates, mockups, add-ons & more! Unlimited asset downloads! From $16.50/m

    Create a Set of Glossy Labels and Save them for Web | Envato Tuts+
  • CSSのセレクタによる優先順位を分かりやすくビジュアル化するオンラインツール -Specificity Calculator

    Specificity Calculator CSSの優先順位とは、例えば同じセレクタでスタイルを定義した場合、後に記述したものが適用されます。これは「後に記述したものが優先される」ということです。 例: <h1 class="title">見出し</h1> h1の見出しに、同じセレクタで異なるスタイルを適用してみます。 .title{ color:red; } .title{ color:blue; } この例では、後に記述した「color:blue;」が適用されます。 いわゆる、上書き状態です。 また、記述の順番には影響されず、セレクタのポイントにより優先順位が決まります。 ここで紹介する「Specificity Calculator」では、セレクタを入力するだけで、そのポイントをビジュアル化して優先順位が簡単に分かるようになります。 例: h1.title{ color:red; }

    haru135
    haru135 2012/10/11
  • illustratorにある2種類の「ぼかし」の違いと特徴について検証してみた Be Creative Be Happhy/// ナナメウエBlog

    こんにちは、illustratorマニアの鈴木です。 知っている人も多いと思いますが、イラレには2種類の「ぼかし」が存在します。 今回はillustrator効果の中にある[スタイライズ] → [ぼかし] とPhotoshop効果の中にある[ぼかし] → [ぼかし(ガウス)]の違いについて説明します。 ぼかしの適用前はこんな状態です。 アイコンのオブジェクトの背面に#000の楕円形のオブジェクトがあります。 シャドウを表現するために、この状態から楕円形のオブジェクトに2種類のぼかしをかけていきます。 同じ半径でもぼかしのかかり方に違いがある 左はillustrator効果[スタイライズ] → [ぼかし]半径7pxで適用。 右はPhotoshop効果[ぼかし] → [ぼかし(ガウス)] 7pxで適用したものです。 同じ半径7pxのぼかしなのですが表示される結果に違いが見られます。

  • 株式会社ナナメウエ - nanameue, Inc.

    Our missionつながりを、科学する。 人と人との出会いのカタチは広がっている一方で、 心が通じ合う人とつながることは、まだまだ難しいものです。 私たちは、より良い人間関係をアルゴリズムによって科学し、 「出会うべき人に出会える機会」を届けていきます。 性別も、年齢も、住む場所も飛びこえた、 当に気の合うつながりを。 ありのままの自分をさらけ出して、 尊重しあえるつながりを。 普通に生きていては出会うことのないような ナナメウエのつながりを、ひとつでも多く。

    株式会社ナナメウエ - nanameue, Inc.
    haru135
    haru135 2012/10/11
  • 【保存版】やるとやらないでは大違い!Facebookいいね!ボタンを最適化する「OGP」設定方法まとめ- SMMLab(ソーシャルメディアマーケティングラボ)

    【保存版】やるとやらないでは大違い!Facebookいいね!ボタンを最適化する「OGP」設定方法まとめ Facebookのソーシャルプラグイン 「いいね!」ボタンの最適化に必須である「OGP(Open Graph Protocol)」について、その内容と具体的な設定方法をご紹介します。 こんにちは、アライドアーキテクツ株式会社 制作部 プロデューサーの久保田です。 突然ですが、あなたのサイトの「いいね!ボタン」、最適化されていますか? 「Like Button(いいね!ボタン)」は、Facebookにログインしているユーザーが「いいね!」すると、Facebookのタイムライン上にタイトルと画像、説明が表示されるソーシャルプラグインの1種です。オウンドメディアのソーシャル化にあたり、最もよく利用されており、またユーザーにも馴染みがあるものでしょう。そして、この「Like Button」を通じ

    【保存版】やるとやらないでは大違い!Facebookいいね!ボタンを最適化する「OGP」設定方法まとめ- SMMLab(ソーシャルメディアマーケティングラボ)
  • 米国市場の高校サイトでは、今、何が起きているのか?

    ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日(金)

    米国市場の高校サイトでは、今、何が起きているのか?
    haru135
    haru135 2012/10/11
  • [JS]テキストを揃えたり、文字間を調整したり、かっこいいアニメーションを適用したりするjQueryのプラグインのまとめ

    テキストにかっこいいスタイルを与えたり、レスポンシブに対応した配置や複雑な形状の回り込み、タイプライターや案内板のようなアニメーションで一文字ずつ表示するなど、テキスト関連のjQueryのプラグインを紹介します。

  • Specificity Calculator

    A visual way to understand CSS specificity. Change the selectors or paste in your own. Specificity Calculator was built by Keegan Street. The specificity calculator JavaScript module is available on GitHub or via npm install specificity. Specificity Calculator is built for CSS Selectors Level 4. Care has been taken to ensure results are accurate. If you find a defect, please report it.

    haru135
    haru135 2012/10/11
  • 150 Amazing Examples of CSS Animation & Effects

    We have compiled a huge collection of amazing CSS effects for you to check out. Have a look and use these examples to help you learn the nitty-gritty details so you can create more beautiful and engaging web sites. When you’re done, you can also take a look at our other articles on CSS effects for even more ideas. Enjoy! Your Web Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon S

    150 Amazing Examples of CSS Animation & Effects
    haru135
    haru135 2012/10/11
  • 亀戸にあるごっつが秋葉原にもオープンしたので食べてきた。レビュー - すしぱくの楽しければいいのです。

    公開日:2012年10月11日 カテゴリ:べてきた HTML5をおかずに飯がえる事で有名なWebcre8の酒井優さん主催で、MTからRubyベースのCMS「Jekyll」に乗り換えてリニューアルされた@kojika17さんと、ゴッホ大好きなWebデザイナーで最近アイドル的な存在の彩さんと、執筆した記事をRTしてくれると「あぁ、この記事は色々と大丈夫なんだな」と自分の中では安定の査定人(キュレーター)になっている@yusuke824さんと、北の来訪者オフ(60名)でお話できずに初めましてだった@o_tiさん6名で、Web屋御用達の「ごっつ」へ行ってきました。 秋葉原に2号店目!背脂祭りのごっつ 丁度半年くらい前に大川さんの第一回試レビューの場として紹介させて頂きました背脂ラーメンことごっつさん。 ・ 第1回!WEB屋にひそかな人気のラーメン店、つけ麺ごっつを大川氏がす!レビュー OZ

    亀戸にあるごっつが秋葉原にもオープンしたので食べてきた。レビュー - すしぱくの楽しければいいのです。
  • 私が売れるランディングページを作れる様になる迄の3年で学んだ7つの事

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページは、商品の売上にダイレクトに影響する重要なものだ。それだけに、じっくりと時間をかけて、長期的に安定した売上を出せるものにする必要がある。 私は、今でこそ、コンスタントに高いコンバージョンを出せるようになったが、そこまでの道は決して簡単ではなかった。 そして、過去の私と同じように、高いコンバージョンを出せずに悩んでいる方は多いだろうと思う。 そこで、日は、私が売れるランディングページを作れるようになるまでの3年間で学んだ7つの気付きをシェアさせて頂こうと思う。 1.データの前では直感は無意味と知った一見すると、WEBセールスは派手に見えるかもしれない。しかし、コンバージョンを上げる作業は、多くの人が考えるよりも、ずっと地

    私が売れるランディングページを作れる様になる迄の3年で学んだ7つの事
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

    haru135
    haru135 2012/10/11
  • manymo.com - manymo リソースおよび情報

    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.

    haru135
    haru135 2012/10/11
  • 意外に簡単!CSS3を使ったシンプルな横メニューの作り方

    CSS3をいくつか使ったシンプル横メニューの作り方を順番に説明してみます。特に目新しいものではないですが、CSS3をこれから勉強する人や使い方が分からないという人のお役に立てばと思います。 以前に「細部にこだわってみた!CSS3を使った美しい横メニューの作り方」というのを書きましたが、こちらの方が難しいと思います。 例によってCSS3はブラウザによって対応状況が違い、IE8以下だと今回紹介するCSS3プロパティに対応していません。他の主要ブラウザはよほど古いバージョンでない限り問題ないと思います。 ここら辺のCSS3の基礎について勉強したい方は「CSS3について知っておきたいことのまとめ」をご覧ください。 HTMLはこんな感じです。Internet Explorerだけ文字数の関係でIEと略させていただきました。 <ul id="menu"> <li><a href="#">IE</a><

    意外に簡単!CSS3を使ったシンプルな横メニューの作り方
    haru135
    haru135 2012/10/11
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    haru135
    haru135 2012/10/11
  • ラジオボタンをCSS3で装飾して作った画像ギャラリー

    ラジオボタンを使った画像ギャラリーを作りましたので紹介してみます。かなり変わった使い方ですが、CSSの勉強にもなると思いますのでぜひ。 今回は古いブラウザ(IE7,8)でもそれなりに対応できるようにしましたので、そこそこ実用的だと思います。 別サーバーにサンプルを用意していますので動作確認していただければと思います。 HTML ではまず外部ファイルの読み込みから。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="js/selectivizr.js"></script> <![endif

    ラジオボタンをCSS3で装飾して作った画像ギャラリー
    haru135
    haru135 2012/10/11
  • [HTML5 入門]HTML5の略された49タグの語源全てを調べた

    タグ名がそのままタグの意味になっているものは抜いてあります。ここにあるのは108つあるHTML5タグのうち49個。 付け加えておきますと、この表はタグの英語での意味ではなく、単純にタグの名前になった元の単語を示しただけです。それでもどうしても分かりにくそうなものは熟語として加えてあります。 一応分かりにくいものだけ補足 hrタグについて よく昔hairline(細い線)と説明されているのを見かけましたが、正しくは水平方向の罫線と言う意味です。 dlタグ、dtタグ、ddタグについて dlはdescription listです。HTML4まで、dlは定義リスト、つまりdefinition listという意味でした。しかしHTML5からしれっとdescription list、つまり記述リストと言う意味に変わっており、用途も単に定義の言葉とその対応を示すもの、というものからターム(専門語と言うよ

    [HTML5 入門]HTML5の略された49タグの語源全てを調べた
  • WordPressテーマを再度作成、ブログのリニューアルをいたしました!

    リニューアルナー!!! と言うことで、年1月にWordPressのテーマを自作、リニューアルをしてから9ヶ月経った昨日、再びブログのリニューアルを敢行いたしました! (スマホでご覧の方はPC、もしくは最下部のモバイルテーマをOFFにしてくだしあ) リニューアルのポイント 今回は、全くhtmlすら知らなかった為にいろんな方に手伝っていただいた前回とは違い、一人でのリスタート。 読みやすく、なおかつ前回より軽い挙動を目指しました。多少はページ読み込みも早くなっているかと思いますがどうでせうか。 以下、リニューアルにおける変更点です。 2カラム→3カラムに トップパネルの作成 画面中央に位置固定のソーシャルボタン 2カラム→3カラムに 大きな変更点がこちらでしょうか。メインコンテンツの幅も960px→1040pxと大きく広げました。 トップパネルの作成 ヘッダー上に開閉式のパネルを設置。左側の

    WordPressテーマを再度作成、ブログのリニューアルをいたしました!