2013年10月22日のブックマーク (60件)

  • 【Macアプリ】Webデザイナー向けの便利なおすすめMacアプリ28個

    「なんかもっとこう、サクサクとパソコンをいじれないかなあ・・・・」 Macをお使いのあなたはこんな悩みを抱えたことはありませんか? 確かに、ショートカットキーを使いながら仕事を効率化したり、ツールを利用して今までよりも何倍もの速さでパソコンで仕事ができたら理想的ですよね。 事実、できる人はすでに便利なMacアプリをダウンロードし、利用しています。 仕事を効率化させるアプリを使うのとそうでないのではスピードに大きな差が生まれてしまいます。 そこで今回は、日々Macを使って止まないあなたに、仕事が今より3倍はかどるオススメのMacアプリを28コ紹介します。 この記事を読むことで仕事を効率化できるアプリを知ることができ、今よりもサクサクにパソコンをいじることができます。 ぜひ参考にしてみてください。 デザイナーさんが仕事が圧倒的にはかどるMacのオススメアプリ10選 Alfred まず紹介したい

    【Macアプリ】Webデザイナー向けの便利なおすすめMacアプリ28個
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Webデザイナー向け!Web制作に便利なおすすめMacアプリ18個 「制作」の人気記事 Tags: via Pocket October 22, 2013 at 08:23PM
  • Web Audio APIを使ったクールな音楽プレイヤーデモ:phpspot開発日誌

    Web Audio API Demo Web Audio APIを使ったクールな音楽プレイヤーデモ。 次のようなフラットなデザインですがカッコいい音楽プレイヤーの実装デモです。 再生、停止の他、ボリューム調整機能もカッコよく、音声にエフェクトをかけることもできます 普通のプレイヤーじゃだめだ、という方は参考にしてみては。 関連エントリ シンプル多機能なWebオーディオ再生ライブラリ「howler.js」 レスポンシブ&タッチフレンドリなWEBベースの音楽プレイヤー実装デモ

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Web Audio APIを使ったクールな音楽プレイヤーデモ Web Audio API Demo Web Audio APIを使ったクールな音楽プレイヤーデモ。 次のようなフラットなデザインですがカッコいい音楽プレイヤーの実装デモです。 再生、停止の他、ボリュー
  • にゃんぱすー - jsdo.it - Share JavaScript, HTML5 and CSS

    <div id="wrap"> <p><span id="m1">の</span></p> <p><span id="m2">ん</span></p> <p><span id="m3">の</span></p> <p><span id="m4">ん</span></p> <p><span id="m5">び</span></p> <p><span id="m6">よ</span></p> <p><span id="m7">り</span></p> </div> * { margin: 0; padding: 0; border: 0; } body { font-family: "Hiragino Maru Gothic Pro",sans-serif; background: #fff; } #wrap { width: 430px; margin: auto; margin-top:

    にゃんぱすー - jsdo.it - Share JavaScript, HTML5 and CSS
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    にゃんぱすー Questions on this code? Tags: via Pocket October 22, 2013 at 08:20PM
  • キジトラBLOG | 地味に役立つ知恵袋と街の話題など

    マッチングアプリを使うときに役に立つ県民性の違いを調べてみました。 この調査は、恋愛やパートナーとの関係性における「別れ」に焦点を当てています。 【】 四国の県...

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    アフィサイト開設半年で月間100万PVを達成した まとめ系のサイトって他のジャンルに比べてPVの桁が違うんですよ。一般サイトで月間100万PVなんて言ったら有名サイトか芸能人ブログくらいしかありませんが、2chのまとめで
  • イケダハヤトさんの最新記事が何者かによって0ブクマにされてる模様 - はてブのまとめ

    はじめに 最初に決めたタイトルは、「はてブに依存するサイトへの最も悪質な嫌がらせ方法」でこの記事寝かせてたんですよ。 イケダハヤトさんのブログを前回のアクセスを公開してるブログまとめで、参考にする為に見に行った時に偶然発見してしまったのでこちらに路線を変更しました。 イケダハヤトさんの場合はてブに依存してないのでめちゃくちゃな被害は受けてないわけですが。 【スポンサードリンク】 具体的な手法 0ブクマってのは一度ブックマークをつけて外すってことですね。 はてブの新着エントリーに入るには最初のブクマがついて2時間程度に3ブクマが必要なのはもう大体の人がご存知だと思います。 よって、ブログ運営者は2番目にセルクマをするべきだってのが通例なんですよね。理にかなった方法です。 イケダハヤトさんの場合セルクマはしていません。よってナチュラルにブクマが3つついた時のみ新着エントリーに上がることになるん

    イケダハヤトさんの最新記事が何者かによって0ブクマにされてる模様 - はてブのまとめ
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    イケダハヤトさんの最新記事が何者かによって0ブクマにされてる模様 はじめに 最初に決めたタイトルは、「はてブに依存するサイトへの最も悪質な嫌がらせ方法」でこの記事寝かせてたんですよ。 イケダハヤトさんのブ
  • ブログは何を書けばいいのでしょうか? ワンランク上を目指す「つかみ」と「ネタ探し」 | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 企業からの相談ランキング影の1位といっても過言ではありません。前回はメルマガ、今回はブログと、すでに「終わった」かのように語られることもあるネットツールを取り上げるのは、いまでも「現場」で活躍しているから。 メルマガが外回りの営業マンなら、ブログは店頭での接客担当。雑談を織り交ぜ、お客をもてなします。HTMLを駆使したコンテンツも同じですが、便宜上「ブログ」としています。今回はワンランク上のブログを書くための、

    ブログは何を書けばいいのでしょうか? ワンランク上を目指す「つかみ」と「ネタ探し」 | 企業ホームページ運営の心得
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    連載企業ホームページ運営の心得 ブログは何を書けばいいのでしょうか? ワンランク上を目指す「つかみ」と「ネタ探し」 コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web
  • 文字を高速に切り替えながらテキストをカッコよく表示できるjQueryプラグイン「Text Effects」:phpspot開発日誌

    文字を高速に切り替えながらテキストをカッコよく表示できるjQueryプラグイン「Text Effects」 2013年07月25日- Text Effects | Fourdesire 文字を高速に切り替えながらテキストをカッコよく表示できるjQueryプラグイン「Text Effects」 表示するテキストを1文字ずつ切り替えながら読めるテキストにしていく、Flashなサイトではよく見るエフェクトをjQueryで実現。 $(".text-effect").textEffect() みたいに実行するだけで簡単。 速度やリピート回数などのオプション指定が可能です。 関連エントリ CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」 テキストエリアを動的リサイズ&カスタマイズ可能なjQueryプラグイン テキストを要素内にうまく収めてはみ出

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    文字を高速に切り替えながらテキストをカッコよく表示できるjQueryプラグイン「Text Effects」 文字を高速に切り替えながらテキストをカッコよく表示できるjQueryプラグイン「Text Effects」 表示するテキストを1文字ずつ切り替
  • フラットデザインをより魅力的にする、新スタイルトレンド5個まとめ

    「フラットデザイン」という言葉をよく耳にするようになり、しばらく経ちますが、大手サイトの多くも、そのトレンドを採用するようになってきています。しかしWebデザインの移り変わりはとても早く、すでに世界中でフラットデザインをベースにした新しいスタイルトレンドがいくつか出てきているようです。 海外デザインブログNaldz Graphicsで、フラットデザインを進化させた、デザイントレンド5つをまとめたエントリー「Evolution of Flat Design – Creative Emergence for Flat Aesthetics」が公開されていたので、今回はご紹介します。 詳細は以下から。 [dropcap1]1[/dropcap1] ロング・シャドウエフェクト トレンドの中でも特によく見かける、斜め45度で影を追加するロング・シャドウエフェクトは、もともと写真を撮影するときに、コン

    フラットデザインをより魅力的にする、新スタイルトレンド5個まとめ
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    フラットデザインをより魅力的にする、新スタイルトレンド5個まとめPhotoshopVIP | 「フラットデザイン」という言葉をよく耳にするようになり、しばらく経ちますが、大手サイトの多くも、そのトレンドを採用するようにな
  • これってWebアプリなの?ネイティブアプリと遜色ないWebアプリ3選

    スマホアプリと言えば今のところネイティブアプリ一... / ネイティブアプリと遜色ないWebアプリ3選 / Forecast他...全5件 スマホアプリと言えば今のところネイティブアプリ一択ですが、実はその裏でWebアプリが驚くような進化を遂げています。 Webの資産をそのまま活用できるWebアプリの台頭は、Webエンジニアにとってはうれしい限りですね。 そんな、ネイティブアプリと遜色ない、アプリ開発の可能性を広げるWebアプリを3つご紹介します。

    これってWebアプリなの?ネイティブアプリと遜色ないWebアプリ3選
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    これってWebアプリなの?ネイティブアプリと遜色ないWebアプリ3選 スポンサーリンク トップに戻る Tags: via Pocket October 22, 2013 at 10:02AM
  • Loading...

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    コメンター フォント使いの上手いWebサイトや、素敵なタイポグラフィを集めたギャラリーサイト。 Tags: via Pocket October 22, 2013 at 10:02AM
  • Webフォントを使ったWebデザインをコレクションしている・「Typewolf」

    TypewolfはWebフォントを使ったWebデザインをコレクションしてショーケースにしているWebサイトです。フォント別にカテゴリ分けしてあるみたい。まだ数は多くありませんが、増えれば良いインスピレーションを期待できそうですね。 Typewolf

    Webフォントを使ったWebデザインをコレクションしている・「Typewolf」
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Webフォントを使ったWebデザインをコレクションしている・「Typewolf」 Typewolf TypewolfはWebフォントを使ったWebデザインをコレクションしてショーケースにしているWebサイトです。フォント別にカテゴリ分けしてあるみたい。ま
  • ウェブでも紙でも商用利用無料!コリス限定のホビー系アイコン素材150種類を配布します! -Celebrations Icon Set

    海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定のアイコン素材を配布します。 先日Twitter@colisscomでどんなアイコンが欲しいか希望を聞き、Freepikの中の人と相談し、アイコンを作成していただきました。 Freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルのアイコンセットを配布するコラボに当ブログも加わりました。 日では初だそうです、やったね! アイコンのテーマは「Celebrations」 ビジネス系のは他のサイトにたくさんあるので、ホビーやライフなどを主体としたアイコンを依頼しました。

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    ウェブでも紙でも商用利用無料!コリス限定のホビー系アイコン素材150種類を配布します! -Celebrations Icon Set 海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定の
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    そのSEOで大丈夫?スタートアップが「本当に注意しておくべき」検索エンジン対策【辻 正浩】 SEOはWebサービスの要の一つ、それは誰もが知るところ。ですが、「Webサービス」と一口に言っても、スタートアップと中堅以上
  • ここまで出来る!覚えとくと便利な「プログラム」サンプルまとめ

    作成:2013/08/5 更新:2014/11/01 Web制作 > 材を扱っているお客さんから、「ECサイト」を作ってくれと頼まれたので作成しました(事情により、CMSは使えず)。さらにメンテンスが楽になるように更新やSEOを自動化しました。今回は、CMS(WordPressとかEC-CUBEなど)を使わず仕組みを作るときに参考にした「プログラムサンプル」のまとめです。 プログラムの勉強にもなり、「へぇ~こんなことも出来るんだ」と思ったもの。今回は(PHP/jQuery/js)です。 エンジニア速報は Twitter の@commteで配信しています。 一般 画像/PHP 1.画像リサイズ 2.画像に字を書く 3.画像の拡大・縮小・サムネイル出力 4.グラフの描画 5.画像エフェクト25個 URL/PHP 6.ページのURLを取得 7.URLの中身(HTML)を取得 8.URL自動リン

    ここまで出来る!覚えとくと便利な「プログラム」サンプルまとめ
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    ここまで出来る!覚えとくと便利な「プログラム」サンプルまとめ 食材を扱っているお客さんから、「ECサイト」を作ってくれと頼まれたので作成しました(事情により、CMSは使えず)。さらにメンテンスが楽になるように
  • 接続情報をサーバで一括管理できるPHP製のFTPクライアント·Monsta FTP MOONGIFT

    Monsta FTPはPHP製、GPLのオープンソース・ソフトウェアです。 FTPはパスワードも平文でセキュリティ的にも利用はお勧めしませんが、それでも多くのWebサイトでは使われ続けています。そこでGUIクライアントではなくWebベースで使えるMonsta FTPを採用するのはいかがでしょう。 トップページです。サーバ名、ログインID/パスワードを入力します。 接続しました。ファイル、フォルダの一覧が確認できます。 ファイルはドラッグ&ドロップでアップロードできます。 パーミッション設定です。 フォルダを指定して一括アップロードもできます。 Monsta FTPはAjaxに対応し、ファイルのブラウザへのドラッグ&ドロップによるアップロードにも対応しています。惜しむらくはフォルダ単位でのダウンロードには対応していないことでしょうか。それ以外は十分に使えるFTPクライアントです。 MOONG

    接続情報をサーバで一括管理できるPHP製のFTPクライアント·Monsta FTP MOONGIFT
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    接続情報をサーバで一括管理できるPHP製のFTPクライアント「Monsta FTP」 FTPはパスワードも平文でセキュリティ的にも利用はお勧めしませんが、それでも多くのWebサイトでは使われ続けています。そこでGUIクライアントではな
  • WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」

    MockUPhoneはiPhoneiPadAndroidなどを模したイラストにスクリーンショットを合成出来る、というモックアップツール。そのデバイスで閲覧しているような画像を手軽に作ることが出来ます。 MockUPhone

    WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」 MockUPhoneはiPhoneやiPad、Androidなどを模したイラストにスクリーンショットを合成出来る、というモックアップツール。その
  • yuguri.com

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    不動産関係のロゴを作るなら!無料で利用できるベクター形式の不動産ロゴデザインテンプレート35+ 〔PR〕アドビソフト+動画講座受講セット 最大82%OFF~ クオリティの高い不動産関係のロゴデザインテンプレートがあった
  • 「スマホサイト必要ない」が8割超のアンケート結果にはいろいろ疑問が残ります

    いろいろ疑問が残るアンケート結果だなぁ。 楽天リサーチを活用して、スマホユーザー100名に対し、スマートフォンからPCサイトとスマホに最適化したスマホサイトのどちらを活用しているかを尋ねたところ、実に8割以上が必要性を感じていないと回答したというのです。 Photo:Smartphone chat By Lars Plougmann このアンケートを実施したのは、有限会社いろはの代表・竹内謙礼氏。 これだけ読むと、スマートフォンサイトの全てに対して必要性を感じないという結果に見えてしまうんですが、どうもそういう感じじゃないんですよね。 ※スマートフォン所有者 ※インターネットで月に1回以上商品を購入したり、サービスを利用したりする人 ※画面を見て「スマートフォン専用サイト」と「PCサイト」の見分けがつく人 via. スマホ専用サイトは当に必要か? - 竹内謙礼の「経営コンサルタント」 上

    「スマホサイト必要ない」が8割超のアンケート結果にはいろいろ疑問が残ります
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    「スマホサイト必要ない」が8割超のアンケート結果にはいろいろ疑問が残ります いろいろ疑問が残るアンケート結果だなぁ。 楽天リサーチを活用して、スマホユーザー100名に対し、スマートフォンからPCサイトとスマホに
  • quusookagaku.com - quusookagaku リソースおよび情報

    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.

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    youtubeやinstagramの埋め込みコードをレスポンシブ化させてくれるwebサービス「embedresponsively.com」 覚えておいて損はないかも。 自分のブログ内で、自分で用意する画像や映像に関してはCSSで割と簡単にレスポンシブ化させるこ
  • レスポンシブWebデザインに対応するナビゲーションのパターンをいくつかまとめている・Responsive Navigation

    レスポンシブなナビゲーションのパターンをまとめているResponsive Navigationのご紹介です。選択肢が複数あるとコンテンツにも合わせやすくなるので覚えておきたいところです。 レスポンシブWebデザイン対応のWebサイト向けのナビゲーションです。ブレークポイントに応じて、そのデバイスで使いやすいナビゲーションに変化してくれる、というものが中心のようですね。

    レスポンシブWebデザインに対応するナビゲーションのパターンをいくつかまとめている・Responsive Navigation
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    レスポンシブWebデザインに対応するナビゲーションのパターンをいくつかまとめている・Responsive Navigation レスポンシブなナビゲーションのパターンをまとめているResponsive Navigationのご紹介です。選択肢が複数あるとコンテ
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    プロ級の仕上がりを実現、レトロ&amp;ビンテージ系無料Photoshopアクション素材10個セットPhotoshopVIP ボタンクリックひとつでできる、お手軽操作が魅力のPhotoshopツール、アクション素材。10種類のビンテージエフェクトを収録
  • Loading...

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    コメンター iPhone5sサイトのような1ページ毎にスクロールするページのコード一式。 Tags: via Pocket October 22, 2013 at 10:01AM
  • 完璧に分かる!「google アナリティクス」の得する設定と使い方まとめ31

    作成:2013/09/24 更新:2014/11/01 SEO対策 > 毎月、ECサイトや情報サイトなどアクセス解析保守を9社ほど作らないといけません。ここらでおさらいを兼ねて、Googleアナリティクスを扱ううえで必要なことを整理しようと思います。今回は成果を上げるうえで「知らないと損する」ことをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 外部連携(初期) 1.複数サイトを一つで管理 2.すべてを一元管理 3.ウェブマスター連携 4.AdWords連携 5.アドセンス連携 共通設定(初期) 6.プロファイル 7.フィルタ 8.IP除外 9.Cookie除外 トラッキング設定(初期) 10.トラッキング設定 11.時間/曜日/日付 12.集客/キーワード/ページ 13.流入/属性/閲覧開始/トレンド 計測方法と基知識 14.ディメンション

    完璧に分かる!「google アナリティクス」の得する設定と使い方まとめ31
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    完璧に分かる!「google アナリティクス」の得する設定と使い方まとめ31 毎月、ECサイトや情報サイトなどアクセス解析保守を9社ほど作らないといけません。ここらでおさらいを兼ねて、Googleアナリティクスを扱ううえで
  • フラットデザインHTMLテンプレート『Flat UI Pro』by DesignModoを5名様にプレゼント

    海外人気デザインブログDesignModoより、PhotoshopVIP読者5名様に、「Flat UI Pro」($69相当)をプレゼントする機会をいただきました。 トレンドにもなっているフラットデザインを、手軽に採用することができるHTMLテンプレート素材なので、多くのかたに参加していただければと思います。 アップデートされたフラットアイコン これまでのアイコンに加え、新たにイラストが素敵なデザインが50種類追加されています。どれもすぐに使いやすいように、CSSスタイリングがされています。 Flat UI Proは、人気の高いTwitter製ワイヤーフレームの最新版Bootstrapに対応したHTMLテンプレートとなっているので、使いやすさにも定評があります。無料版も公開されており、詳しくはこちらのエントリーで触れています。 Flat UI Pro基内容 [list type=”sta

    フラットデザインHTMLテンプレート『Flat UI Pro』by DesignModoを5名様にプレゼント
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    フラットデザインHTMLテンプレート『Flat UI Pro』by DesignModoを5名様にプレゼントPhotoshopVIP 海外人気デザインブログDesignModoより、PhotoshopVIP読者5名様に、「Flat UI Pro」($69相当)をプレゼントする機会をいただきました。 トレンド
  • Twitter Bootstrapベースの管理画面デザインテンプレート・「TemplateVamp」

    TemplateVampはTwitter Bootstrapを使ったWebアプリの管理画面デザインテンプレートで、無料で配布されています。動作デモをみた感じでは、かなり見やすく使いやすい印象でした。カスタマイズも可能とのことなので一度目を通しておくといいかもしれません。Twitter BootstrapベースなのでRWDにも対応しています。 TemplateVamp

    Twitter Bootstrapベースの管理画面デザインテンプレート・「TemplateVamp」
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Twitter Bootstrapベースの管理画面デザインテンプレート・「TemplateVamp」 TemplateVamp TemplateVampはTwitter Bootstrapを使ったWebアプリの管理画面デザインテンプレートで、無料で配布されています。動作デモをみた感じでは、かなり見や
  • このトピックは表示できません

    「このトピックは表示できません」というテーマに関する回答です。

    このトピックは表示できません
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    このトピックは表示できません Tags: via Pocket October 22, 2013 at 09:57AM
  • 管理画面のデザインテンプレートをフリーでダウンロード! | スターフィールド株式会社

    webアプリケーション、webの管理画面で、 そのままでも、少し加工して、デザインの参考に、 使えそうなデザインテンプレートがありましたので、紹介します。 いずれもフリーで手に入れられます。 BlueWhale Admin 960 Grid CSSをベースに作っているようです。 Twitter Bootstrap Admin Template こちらはTwitter Bootstrapをベースに作っているようです。こちらはシンプルでいいデザインですね! Free Web Backend Admin Template PSD: App Admin おまけ clipularというchrome拡張機能が良いらしいと聞きました。 webサイトのキャプチャを撮れるものなんですが、それだけで終わらず、クラウドに自分で撮ったキャプチャのギャラリーを作れるというなんとも素晴らしい内容。(作れる

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    管理画面のデザインテンプレートをフリーでダウンロード! いずれもフリーで手に入れられます。BlueWhale Admin 960 Grid CSSをベースに作っているようです。 Twitter Bootstrap Admin Template こちらはTwitter Bootstrapをベースに作っているよ
  • 『Webフォントの作り方と応用方法』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。 以前「Three.jsとBlenderによるWebGL」という記事を書かせて頂いた、 html5、javascript、flashなどのクライアント開発をメインに担当しております、 菅家(@KA_ka_YY)と申します。 Webフォントのメリットベクター形式なので拡大縮小による劣化がない フォントデータはベクターデータです。 →つまりスマホ開発においてretio別に画像を切り出したりする必要がない! 制御のしやすさ html上で指定文字を記述するだけ。デコレーションもcssによってある程度行える。 陰、グラデーションなど 容量比較 :画

    『Webフォントの作り方と応用方法』
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Webフォントの作り方と応用方法|1 pixel|サイバーエージェント公式クリエイターズブログ さらに「作成終了後、WOFFコンバータを起動するに」チェックをすれば 「作成開始」ボタンと同時にwoff形式の軽量フォントを一緒に
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    シンプルで機能性も◎、フラット無料UIデザイン素材Flat Rounded Square UIPhotoshopVIP 部品を組み合わせだけで、ウェブサイトやアプリのインターフェース画面、モックアップデザインなどを簡単に作成できる、無料UIデザイン素材
  • iOS/Android/PCで使えるパララックスページ作成用jQueryプラグイン「skrollr」:phpspot開発日誌

    skrollr - parallax scrolling for the masses iOS/Android/PCで使えるパララックスページ作成用jQueryプラグイン「skrollr」 プログレスバー付きのパララックス効果が作れます。デモがなかなかいい感じです。 パララックスなサイトを作る際の1つの選択肢として覚えておいてもよさそう 関連エントリ レスポンシブなパララックス効果付きサイトを作るフレームワーク「CoolKitten」 パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」 パララックス効果を作るスクリプトやプラグインのまとめ

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    iOS/Android/PCで使えるパララックスページ作成用jQueryプラグイン「skrollr」 iOS/Android/PCで使えるパララックスページ作成用jQueryプラグイン「skrollr」 プログレスバー付きのパララックス効果が作れます。デモがなかなかいい感じ
  • YouTubeからさくっとGIFアニメが作れる『Giflike』 | 100SHIKI

    似たようなツールはあるものの、シンプルなインターフェースが良かったのでご紹介。 GiflikeはYouTube映像から一部を切り取ってGIFアニメを作れるツールである。 ちょっと試してみたが、操作も簡単で、FPSを指定できたりもする。 なかなか小粋なツールですな。覚えておいてもいいのかもしれない。

    YouTubeからさくっとGIFアニメが作れる『Giflike』 | 100SHIKI
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    YouTubeからさくっとGIFアニメが作れる『Giflike』 似たようなツールはあるものの、シンプルなインターフェースが良かったのでご紹介。 GiflikeはYouTube映像から一部を切り取ってGIFアニメを作れるツールである。 Tags: via Pocket Oct
  • Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」

    BootflatはTwitter BootstrapベースのフラットデザインなWebサイトを構築する為のフレームワークです。モバイルファーストな設計で、リッチなコンポーネントが多数用意されています。ライトで使いやすい印象でした。ライセンスはMITとなります。 Bootflat

    Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」 Bootflat BootflatはTwitter BootstrapベースのフラットデザインなWebサイトを構築する為のフレームワークです。モバイルファーストな設計で、リッチな
  • WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 –

    WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 – Jxck 画像は、サイズが大きい(大きくなりがちな)コンテンツの一つです。 最近は画像を使わないページはほとんどなく、むしろ使う量はどんどん増えているんじゃないでしょうか。また、HiDPI対応などでサイズも増えつつあるでしょう。 Googleの調査では、現在Web上のトラフィックの65%を画像が占めているそうです。Introで解説したように、パフォーマンスを考えるとファイルサイズは「なるべく小さく」が望ましいため、画像は通常圧縮された形式で使用されます。 WebPは、Googleが開発した圧縮形式で、従来の形式よりもファイルサイズを小さくすることを目的としています。今回はそんなWebPの概要と使い方、注意点を取り上げます。 画像圧縮とは? ここで対象としているのはピクセル形式

    WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 –
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 – 画像は、サイズが大きい(大きくなりがちな)コンテンツの一つです。 最近は画像を使わないページはほとんどなく、むしろ使う量はどんどん増えてい
  • IDEA * IDEA

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

    IDEA * IDEA
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    JavaScriptを貼り付けるだけで高機能なお絵かきボードを設定してくれる『Drawingboard.js』 画像のドラッグ&ドロップも出来たりと、わりと高機能ですね。ちと覚えておこう。というわけで詳細は以下からどうぞ。 Tags: via Pocket O
  • Chromeのアプリ一覧が新しいタブを開いても出てこなくなったのでKeyconfigで開くことにした | delaymania

    メインブラウザにChrome使ってます@delaymaniaです。 パソコンのChromeのブックマークバーにアプリという項目が出るようになりましたね。 これにともなって僕が便利に使ってたことができなくなってましたので対処法を考えました。 Chromeのアプリがブックマークバーに いままでは新しいタブを開くとアプリ一覧が出てきてました。(厳密にはアプリ一覧画面を選ぶこともできたっていう感じですが) 今回のアップデートで「検索窓と良くアクセスするサイト」のページしか開けなくなってしまいました。 ▼ブックマークバーにアプリという項目が出来ましたがここを押すのはめんどくさい。(しかも消すことも動かすこともできない) 僕は「command+T (winだとCtrl+T)」で新しいタブを開いてアプリ一覧からFacebookやハングアウトなどの良く使うアプリを立ち上げてたので、この仕様はものすごく不

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Chromeのアプリ一覧が新しいタブを開いても出てこなくなったのでKeyconfigで開くことにした いままでは新しいタブを開くとアプリ一覧が出てきてました。(厳密にはアプリ一覧画面を選ぶこともできたっていう感じですが) Tags:
  • 使うならやっぱり国産!使い勝手のよい国産のアイコンWebフォント

    CONDENSE-iconFontWebでよく使... / Ligature Symbols200種以上のア... / Web Icon FontsはてブやGree、モ...他...全4件

    使うならやっぱり国産!使い勝手のよい国産のアイコンWebフォント
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    使うならやっぱり国産!使い勝手のよい国産のアイコンWebフォントまとめ4つ CONDENSE-iconFont Webでよく使われるアイコ... /Ligature Symbols 200種以上のアイコンが揃っ... 他 » Tags: via Pocket October 22, 2013 at 09:56AM
  • yuguri.com

    Click here to enter

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    インスピレーションが半端ない!WEBフォントを使ったデザイン性の優れたギャラリーサイト「Typewolf」 〔PR〕アドビソフト+動画講座受講セット 最大82%OFF~ 海外のサイトではWEBフォントを利用したサイトが次々と公開され
  • びよ〜んと弾むのが気持ちいい!タブレット・スマフォで使いたいナビゲーション -Bounce Menu

    タップすると、びよ〜んと弾んでナビゲーションが表示されるタブレット・スマフォ向けに実装してみたいナビゲーションを紹介します。 Bounce Menu 左下をタップで動作します。 実装はこんな感じです。 HTML <div class="device"> <div class="screen"> <div class="menu"> <ul> <li class="lock"><a href="">Lock</a></li> <li class="share"><a href="">Share</a></li> <li class="download"><a href="">Download</a></li> </ul> </div> <div class="toggle"> <div class="x"></div> <div class="y"></div> </div> <div cl

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    びよ〜んと弾むのが気持ちいい!タブレット・スマフォで使いたいナビゲーション -Bounce Menu 紹介するのは、デザイン的なものと実際に動作するデモの2つです。 まずは、デザイン的な方から。 ダウンロードできるファイル
  • Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」

    Start BootstrapTwitter Bootstrapで使える様々なテンプレートを配布するWebサイトです。ギャラリーサイト用、フルスクリーンなレイアウト、ブログ風など多岐に渡ります。スターターキットとして作られているので使いやすそうです。 Start Bootstrap

    Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」 Start Bootstrap Start BootstrapはTwitter Bootstrapで使える様々なテンプレートを配布するWebサイトです。ギャラリーサイト用、フルスクリーンなレイアウト、ブ
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    ネットで見れる!国内有名Webサービスの「ナマ企画書」まとめ 今回の記事では「あの有名サービスたちの企画書」を各社から特別にOKを頂き公開します。3億の調達を決めた資料から、社内ベンチャーが事業承認を得るため
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    起業前に知りたかった!創業時の資金繰りに役立つ「助成金」まとめ 起業した後の苦労の一つが「資金繰り」。資金繰りのリスクを減らすためにも助成金はマストで活用したいところ。700万円~800万円を貰える助成金もあ
  • Loading...

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    コメンター Bootstrapで作られたよくあるサイトレイアウトパターンを網羅したHTMLテンプレート集。 Tags: via Pocket October 22, 2013 at 09:45AM
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    無料ダウンロードできる、Photoshopお役立ち系デザインPSD素材まとめPhotoshopVIP | 前のエントリー 次のエントリー 無料ダウンロードできる、Photoshopお役立ち系デザインPSD素材まとめ2013 Tags: via Pocket October 22, 2013 at 09:45AM
  • yuguri.com

    Click here to enter

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    無料のオンラインストレージを安全に使うには?「Boxcryptor」がおすすめ 〔PR〕アドビソフト+動画講座受講セット 最大82%OFF~ 無料のオンラインストレージを活用していますか? 私もドロップボックス、GoogleDrive、Dumptrackな
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    無料で使える!Webサイト負荷テストツール 12選 2013/10/04 Tags: via Pocket January 06, 2014 at 12:31PM
  • フルページスクロールするサイトを作るのに使える「fullPage.js」:phpspot開発日誌

    fullPage.js One Page Scroll Sites フルページスクロールするサイトを作るのに使える「fullPage.js」。 紙芝居のようにページ全体を切り替えつつコンテンツを切り替えられるようなサイトを作ることができます 各ページコンテンツはdivで区切って記述するだけで簡単楽ちん。 タブレット等でも動作 関連エントリ バウンスさせたりできるページのアニメーションスクロール実装jQueryプラグイン「AnimateScroll」 ページを水平にパララックスしつつスクロールさせられるjQueryプラグイン「jInvertScroll」 スクロールしてもブロックを固定位置に表示させられるjQueryプラグイン「Sticky-Kit」 スクロールすると上に固定される一見普通のナビゲーション実装jQueryプラグイン「SMINT」 アニメーションスクロールをデフォルト化できるj

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    フルページスクロールするサイトを作るのに使える「fullPage.js」 フルページスクロールするサイトを作るのに使える「fullPage.js」。 紙芝居のようにページ全体を切り替えつつコンテンツを切り替えられるようなサイトを作る
  • 11月1日で終了するiGoogleの代わりになりそうなスタートページ色々! | バンクーバーのうぇぶ屋

    朝起きてまず何をするか・・・iGoogleを開く。お昼ごはんと共に何を見るか・・・iGoogleを開く。夜寝る前に何を見るか・・・iGoogleを見る。 という、とにかくiGoogle中毒なセナです。こんにちわ。 最近iGoogleを開く度に出てくる『iGoogle は XX 日後に終了します。お手数ですが、iGoogle に保存してある重要なデータをバックアップしてください。』ってアレが、当に不幸の手紙的な何かに見えて仕方がない。大げさですが、この7,8年間くらい思ってみれば当に多くの時間をiGoogleと共に過ごしたなぁとしみじみしている今日この頃です。あいみすあいごーごる。 どのくらい悲しいかと言うとGoPetition(なんか反対運動とかそういうのに著名するようなサイト?なんて言えばいんだ?)に『iGoogleを殺すな!』の投稿があったんで著名したくらい悲しい。まぁ、もう今更な

    11月1日で終了するiGoogleの代わりになりそうなスタートページ色々! | バンクーバーのうぇぶ屋
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    11月1日で終了するiGoogleの代わりになりそうなスタートページ色々! 朝起きてまず何をするか・・・iGoogleを開く。お昼ごはんと共に何を見るか・・・iGoogleを開く。夜寝る前に何を見るか・・・iGoogleを見る。 Tags: via Pocket Octo
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    おすすめ!人気トレンドを採用したプレミアムWordPressテーマ素材まとめPhotoshopVIP | 海外デザインブログVandelay Design Blogで、人気トレンドを採用し、作成されたプレミアムWordPressテーマ素材をまとめたエントリー「33 New WordPress
  • Google Chromeで新規タブを開いたときにアプリのページを開くようにする設定方法 - ディレイマニア

    ▼アドレスバーにchrome://flagsと入力 ▼「Instant Extended APIを有効にする」の「既定」を「無効」に変更 あとはChromeを再起動すればおっけーです。(そのページの下に再起動ボタンが出てきますのでそれをクリック。) ▼復活しました!よかった!! 最後に iGoogleがなくなることを受け入れられたのはこの機能があったからです。 そんな重要な機能が使えなくなって焦りましたが、ようやく解決策が見つかって安堵しております。

    Google Chromeで新規タブを開いたときにアプリのページを開くようにする設定方法 - ディレイマニア
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    Google Chromeで新規タブを開いたときにアプリのページを開くようにする設定方法 最近Chromeの仕様が変わって、新規タブを開いたときにアプリが表示されず困ってました。 Keyconfigを使って開くようにしたものの、手は「コマン
  • スマフォやタブレット向けのCSSフレームワーク・CLANK

    CLANKはスマフォやタブレットデバイスのWebアプリ向けに作られたCSSフレームワークです。コンポーネントも多数揃えられており、SCSSで作られているそうです。シンプルで使いやすそうですね。 CLANK

    スマフォやタブレット向けのCSSフレームワーク・CLANK
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    スマフォやタブレット向けのCSSフレームワーク・CLANK CLANKはスマフォやタブレットデバイスのWebアプリ向けに作られたCSSフレームワークです。コンポーネントも多数揃えられており、SCSSで作られているそうです。シンプルで
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    PS&amp;AI両対応、お洒落なビンテージラベル無料デザイン作成キット5 Vintage LabelsPhotoshopVIP Photoshopだけでなく、Illustratorでもデザイン編集可能な、ビンテージラベル無料作成キット5 Vintage Labels / Insignias vol.1が公開されていたの
  • WP管理者必見!AWSで構築する新スケーラブルなWordPress構成〜CloudFront as Reverse Proxy | DevelopersIO

    ちなみに、来CloudFrontとELBは取捨選択するものではなく、両方を使うことでお互いの機能を補完することができます。今回のCloudFront as Reverse Proxy構成でも、Webサーバーの手前にELBを組み合わせることが可能です。 それでは、それぞれの機能について少し詳しく見ていきます。 CloudFrontのキャッシュ機能 CloudFrontの最低限の用語をここで押さえておきます。CloudFrontでは、元のコンテンツを持つWebサーバーをオリジン、オリジンへの振り分けルールをビヘイビアと呼びます。CloudFrontによるキャッシュ動作の流れを以下に示します。 初回アクセス クライアントがCloudFrontのキャッシュサーバー(エッジロケーション)にアクセス キャッシュサーバーは、ビヘイビアを確認しオリジン(WordPressのWebサーバー)にアクセス オ

    WP管理者必見!AWSで構築する新スケーラブルなWordPress構成〜CloudFront as Reverse Proxy | DevelopersIO
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    WP管理者必見!AWSで構築する新スケーラブルなWordPress構成〜CloudFront as Reverse Proxy | Developers.IO ども、大瀧です。LINE砲やネットニュース、テレビでの紹介などに備えるべく日々の負荷対策に悩めるWordPress管理者のみなさん、
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    iOS 7対応のアプリデザイン、モバイルサイト作成ガイド2013PhotoshopVIP アップルが新ブラウザiOS 7を公開してから、数週間が経過し、まわりでも利用している方を、見かける機会も多くなったのではないでしょうか。 Tags: via Pock
  • javascript基礎 条件式の復習 3項演算子、if文 – (補足)jQuery isを使った便利な分岐例 | Stronghold Archive

    javascript基礎 条件式の復習 3項演算子、if文 – (補足)jQuery isを使った便利な分岐例 どうもこんにちは。Toshikuraです。今回のTipsは【javascript基礎 条件式の復習 3項演算子、if文 – (補足)jQuery isを使った便利な分岐例】です。何を今更と言われてしまいそうですが…復習の意味も込めて改めて書いておきます。一部蛇足ですがjQuery isを用いたif文例もメモしておきます。 条件式(if) 一番見慣れているだろうif文です。例ではAが80以下の時とそうでない時の分岐をしていきます。 if(A <= 80){ // 80以下の場合実行}else{ // それ以外の場合実行}[/js]jQuery isを使う場合上の例ではAが特定の値だった場合○○するという式でしたが、もう少し具体的に特定要素にclass名【on】が付いていた場合を条件

    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    javascript基礎 条件式の復習 3項演算子、if文 – (補足)jQuery isを使った便利な分岐例 どうもこんにちは。Toshikuraです。今回のTipsは【javascript基礎 条件式の復習 3項演算子、if文 – (補足)jQuery isを使った便利な分岐例】です
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    配色が素敵!フラットデザイン無料アイコン90個セットBeautiful Flat IconsPhotoshopVIP かわいいイラストを、ていねいに90個作成した、フラットデザインの無料アイコン素材セットBeautiful Flat Icons – Download 180 Free and Open Source Variation
  • IDEA * IDEA

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

    IDEA * IDEA
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    CSS3コードがコピペできる200以上のアイコン集『CSS3 Icons』 これ、便利なのでは・・・。メモ的にエントリーしておきます。 ↑ コードもコピペできます。ブラウザ互換情報もあって便利すね。 Tags: via Pocket October 22, 2013 at 09:44
  • ユーザーテストする際に使ってみたい、手軽に使える便利なツール5つ | Goodpatch Blog

    最近はサービスのUI/UXを重視する話題が増えてきました。モックアップやユーザーテストを通して、実際の反応を観察しながら改善していくプロセスやツールが求められています。そこで今回はユーザーテストに役立ちそうな5つのツールを紹介します。

    ユーザーテストする際に使ってみたい、手軽に使える便利なツール5つ | Goodpatch Blog
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    ユーザーテストする際に使ってみたい、手軽に使える便利なツール5つ 最近はサービスのUI/UXを重視する話題が増えてきました。モックアップやユーザーテストを通して、実際の反応を観察しながら改善していくプロセスや
  • 【保存版】スマートフォン制作でよく使うJavaScript まとめ

    このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 今回は、スマートフォンサイト、webビューApp(ハイブリッドApp)等HTML5、CSS3、JavaScript等を用いてコンテンツを制作する際によく使う(使うと便利)JavaScriptをまとめてみました。 ユーザーエージェント スマートフォンサイトを制作する際に、ユーザーエージェントを取得し端末により表示や関数を実行したりすることが多々あります。 取得方法、振分け方等の詳細は当サイトやその他のweb情報サイトにも多々UPされているかと思いますのでそちらをご参照ください。 それではscript var ua = navigator.userAgent, uaFunc = function(s,h) { return (h.indexOf(s) > -1)}; var

    【保存版】スマートフォン制作でよく使うJavaScript まとめ
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    【保存版】スマートフォン制作でよく使うJavaScript まとめ 今回は、スマートフォンサイト、webビューApp(ハイブリッドApp)等HTML5、CSS3、JavaScript等を用いてコンテンツを制作する際によく使う(使うと便利)JavaScriptをまとめ
  • プログラミングが出来なくても簡単!ARコンテンツの作り方【導入編】

    Tweet九州先端科学技術研究所(通称ISIT)にお勤めしている@Taka_Yoshinagaさんとご縁があって、ARコンテンツの作り方についてあれこれ教えてもらいました。 「え!こんな簡単にARってつくれちゃうわけ!?」と驚くことが多かったので誰かに伝えたくなりました。 何回かにわけて公開しますが今回はタイトル通り、プログラミングの知識がなくてもAR技術を使ったコンテンツが簡単に作れますよという内容です。 しかも使用するツールは全て無料。こんなノウハウを惜しみなく教えてくれるなんて、ありがとう@Taka_Yoshinagaさん、すごいよISIT、さすが先端科学研究所というだけあります! さて、さっそく題に入ります。 ARブラウザのインストール インターネットを見るときはIEやChromeなどのブラウザを通してコンテンツを閲覧します。 ARコンテンツを見る場合にはARブラウザが必要なので

    プログラミングが出来なくても簡単!ARコンテンツの作り方【導入編】
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    プログラミングが出来なくても簡単!ARコンテンツの作り方【導入編】 九州先端科学技術研究所(通称ISIT)にお勤めしている@Taka_Yoshinagaさんとご縁があって、ARコンテンツの作り方についてあれこれ教えてもらいました。 Ta
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    ooiooiooi0313
    ooiooiooi0313 2013/10/22
    ニッポンの広告掲載料をまとめてみました。 街で見かけるあの広告、一体いくらなんだろう?有名企業が掲載しているあの広告が、意外な値段で安く出稿できたりします。 Tags: via Pocket October 22, 2013 at 09:43AM