ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
2011年11月27日 情強がひた隠しにしているフリーソフトまとめ Tweet 3コメント ｜2011年11月27日 13:30｜ソフト・アプリ等｜Editタグ ：フリーソフト >http://uni.2ch.net/test/read.cgi/news/1322219255/ ニュース速報「情強ν速民がお勧めするフリーソフト」http://hatsukari.2ch.net/test/read.cgi/news/1310540136/51 ：(チベット自治区)：2011/07/13(水) 16:08:10.22 ID:Wp6ZvTmw0 GDI++（フォント表示がめっちゃきれいになる） http://www18.atwiki.jp/gdiplus2/ bluewind（シンプルで早いテキストランチャ） http://www.web-ghost.net/bluewind/ マウ筋（マウスジ
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
Twitter関連ツール・まとめ - かちびと.net
Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日本語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。ＭａｃとiPhoneは持って無いですし。。。 また、リンク先を日本の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので１５個追加して180個更に20個追加して200個に育った。 ※8月アップデート＞17個増えて217個 ※9月アップデート＞30個増えて247
Google Chromeの拡張機能が本格的に登場してから約1年が経ち、その数はFirefoxには一歩及ばないもののライブラリーにはクオリティの高い拡張機能がかなり充実してきました。当サイトでもちょうど1年前に、Google Chromeに入れておきたい拡張機能30個まとめという記事をエントリーしたことがありますが、この1年で当初とは比較にならないほど多数の便利な拡張機能が出揃ってきています。 そこで今回は、最近になって登場した比較的新しいものも含め、利用価値の高そうなお勧めの拡張機能を改めて30個まとめ直してみました。Firefoxのように再起動する必要なく気軽に使えるのもChrome拡張機能の特長なので、気になったものがあれば是非一度試してみてはいかがでしょうか。 なお、この記事では上記エントリーで紹介したものとは重複しないように選んだため、あまり広く使われていないマイナーな拡張機能も
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ？」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。 企画／提案 １．企画書 企画書はどれくらいのコストで効果（売上）を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基本／上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum ２．提案書 提案
3分LifeHacking：入力の手間を省く、10のExcelショートカット - ITmedia Biz.ID:
Excelに、毎日文字や数字を入力している──そんなビジネスパーソンも多いことだろう。少しでも入力を早く、簡単にしたい。そんなときは、Excelに備わっているショートカットをうまく活用したい。 1──日付と時刻 ［Crtl］＋［；］を押すと、今日の日付が。［Crtl］＋［：］を押すと、現在の時刻が入力される。 業務記録などを付けていく際には、これを使えば簡単に日付や時刻を入力できる。「now」関数と違うのは、入力した時点の日付・時刻が固定されることだ。 2──繰り返し作業 せっかくコンピュータを使っているのだから、同じような作業は自動的にやってほしい。複雑な作業で、今後も繰り返し使うなら、マクロを書くというような選択もあるだろうが、ちょっとした変更──例えば、セルを1行おきに色を付けたい──なんてときは、［F4］キーを使う。 最初のセルに対して操作を行い、同じ操作をしたいセルを選んで［F4
2013年08月10日13:30 転ばぬ先のExcelワザ これだけは覚えておきたいExcelテクニックまとめ カテゴリ 週末のまとめ記事とまったく関係のないような話だが、つい先日、大学時代からの友人から「会社を辞めたいのだが相談に乗ってくれ」と連絡があった。久々に会って話をしたのだが、ご尊父に介護が必要になり、職場に相談したところ遠回しに辞職をすすめられたのだという。いわく「現職では何かあったときに駆けつけることができない云々」「家庭に不安要素を抱えていたら判断力が鈍る云々」と、もっともらしい理由を言われ二、三日後に返事をしろと言われ迷っているというのだ。 IT関連の会社に二十数年勤めているのでPCの知識もあるしスマホやタブレットも使いこなしている。職場では、PC関連で困ったことがあれば、その友人に聞けば、ほぼ解決すると言われるほどの知識も持っている。なのでIT関連の派遣に登録して適当な
男性向けで「普通に（←ここ大事）オシャレなコーディネート」が見つかるスナップサイトまとめ - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan
builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 突然ですが、私服のコーディネートって、難しいですよね。 ね。 めちゃくちゃオシャレになりたいってわけでもないんだけど、人からそれなりに見られる程度にはきちんとしたい、でもどうコーディネートをすればいいかわからない。 ……で、そういう悩みをどう解決するかというと、一番楽で確実なのは、マネできそうなコーディネートを見つけて、そのままコピーすることだと思うんですよね。 といってもパリコレみたいな奇抜なやつとか、ファッション誌で外国人モデルが着ている「それめちゃ人を選ぶから！」と言いたくなるコーディネート（極端な短パンとか）はもうお腹いっぱいなんです！ 「普通にオシャレなコーディネート」が知りたいんです！ 僕は！ ところがですよ。 ストリートスナップを掲載しているサイトはたくさんあるんですけど、そういう「普通の人」が着る「普
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
PC上級者ってどんなフリーソフト入れてんの？ 1：以下、名無しにかわりましてVIPがお送りします：2012/12/13(木) 17:24:26.91 ID:mkE+fiw50 いまだにGOM PLAYERとかしか入っていないんだけどお前ら何を入れてるの？ 引用元：PC上級者ってどんなフリーソフト入れてんの？ http://hayabusa.2ch.net/test/read.cgi/news4vip/1355387066/ 1：以下、名無しにかわりましてVIPがお送りします：2012/12/13(木) 17:24:26.91 ID:mkE+fiw50 いまだにGOM PLAYERとかしか入っていないんだけどお前ら何を入れてるの？ マウス用ユーティリティ 7：以下、名無しにかわりましてVIPがお送りします：2012/12/13(木) 17:28:08.51 ID:t0692hu0P Whee
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
Tweet Amazing Hipstamatic iPhone Photos iPhoneを使い始めて3年が経とうとしている。 今まで数々のTipsに出会い、何度も驚かされて来た。 「少し工夫するだけで、こんなにも快適にiPhoneを使える」 パソコンにもTipsは多くあるが、いつも持ち歩いているiPhoneだからこそ恩恵も大きい。 今回は私が知っている小技・裏技・寝技を紹介したい。 どれもiPhoneの標準機能でできるTipsだ。 発見して記事にしてくれた方々に感謝。 いろいろ 1. マップで乗り換え案内デフォルトの地図アプリが実は凄い - 春友日記 〜なまらiPhone〜 2. フォルダの名前に絵文字を使うiPhone:iOS 4 フォルダ分けの極私的ルール×3 - b2log/p 3. SMSの履歴を画面いっぱいに広げるiPhone の 「MMS/SMS」でメッセージが見にくいとお
住太陽の「SEO 検索エンジン最適化」
SEO(Search Engine Optimization: 検索エンジン最適化)とは、自社のウェブページがGoogleやBingなどの検索結果で上位に表示されるようにウェブサイトの内外を改善する取り組みです。このSEO実践ガイドでは、SEOの意味や仕組みから自分で実施する方法や手順までを詳しく、初心者にもわかりやすく解説しています。 SEO(検索エンジン最適化)とはSEOとは自社のウェブページがGoogleやBingなどの検索結果で上位に表示されるようにウェブサイトの内外を改善する取り組みです。SEOを実施することで、自社の事業領域に関心の高い見込み客を効率的に、無料で集客できます。SEOは次のような取り組みを通じて実施します。 見込み客が必要としている役立つコンテンツをウェブサイト上で提供する。その情報を見込み客が検索エンジンで見つけやすいように最適化する。その情報が見込み客にとって
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
どうも！Google Chrome歴3年と9ヶ月のするぷ（ @isloop ）です。 今日はちょっと僕が今使っているスーパーおすすめのGoogle Chrome拡張機能をご紹介しようかなと思います。 いまやChrome拡張機能は、もう数え切れないくらい出ていて便利なものも多いですが、むやみやたらに入れすぎても動作が遅くなってしまいます。 そういうことで「無駄な拡張機能は絶対いれん！」と、なるたけChromeをシンプルにするように3年間心がけてきました。 しかし、「これはどうしても捨てることはできん！無理！だって便利なんだもん！」というのが今回ご紹介するベスト14のChrome拡張機能でございます。 というわけで、この記事がGoogle Chrome拡張機能難民の方々に少しでも参考になれば幸いです。ではいってみましょう！ ウェブ閲覧がラクになるGoogle Chrome拡張機能 Keycon
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
自慢じゃないけどネットストーカーが得意。彼氏の元カノのインスタグラムとか秒速で見つけちゃう。マジで自慢じゃないです。このあいだ、友人がVJをやっているというので1分でそのVJユニットのツイッターアカウントを特定して送り付けたら「ネトスト1級？」と聞かれた。粘着質の賜物ですわよ。 まあそれにしたってアカウント特定にはある程度の手がかりが必要になってくる。名前、居住地、出身大学、エトセトラ。なんらかのヒントが無いとさすがに難儀。別に特別な技術があるわけでもないし、本当にただ粘着質なだけで。 人生で特定したアカウントは数知れず、その中でも一番厄介で一番時間がかかった相手がいました。 かかった年数、約2年。 名前も居住地も知らなかった。知っているのは出身大学と顔だけ。共通の知人なんて1人もいない。 それでも絶対に見つけたかった。 2年間、ずっと膨大なネットの海を潜ってはきょろきょろと探し続けていた
本書は、Amazon総合1位(無料)となった科学的学習法の本のWeb版です。 １２万部のベストセラーとなった前著と同様、図とイラストを使って分かりやすく解説しています。 英語学習者・教師・受験生・小学生～高校生の親御さんに読んでいただきたいです。 全５巻(派生巻も含めると全８巻)構成で、これは第１巻です。 それでは、さっそく、サイエンス誌に掲載された論文を解説します。 (サイエンス誌は、ネイチャー誌と双璧をなす、世界最高峰の学術誌です) この論文からは、学習効率に関する重要ポイントをいくつも学べます。 本書は、基本的には中学生でも読めるように書いてあります。 実際、本書をある中学３年生の女の子に読んでいただいたところ、たいへん好評でした。 実際に期末試験の成績も上がり、志望校にも合格し、ご両親も喜んでおられました。 では、以下、論文の解説をどうぞ。 ■カーピキー2008実験 たとえば、英語
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
『こんな部屋にしたい！』時間の経過を忘れてしまう程美しいインテリアを紹介しまくってるサイト色々！ | バンクーバーのうぇぶ屋
将来、家族を持ったらどんな家にしよう… 次引越ししたらどんな部屋にしよう… フリーランスならどんなホームオフィスにしよう… パーティーするならどんな部屋だと良いだろう… 僕自身、何千回、何万回こんなことを考えたか見当も付きませんが、皆さんの中にもきっとそんなことを思い描くのが大好きな人はきっと多いはず。 ついこの間、Facebookの方で『DESK』というクリエイターのデスクを紹介しまくっているサイトを投稿させてもらった時の反応の多さに、「あぁ、やっぱり僕だけじゃないんだな」と改めて思いました。 僕もインテリアを眺めるのが大好きで、以前に僕の記事でも紹介させて頂きましたIDSに行って来た時から、とにかく色んなインテリアというインテリアを眺めては、将来自分が住んでみたい部屋を妄想し続けている毎日です。 …誰に向けた言い訳でも無いのですが、たまにはWEB以外のデザインを眺めて新しいインスピレー
Chromeを最強化するオススメ拡張機能11
人気ブラウザー『Google Chrome』。拡張機能は数多くあるけれど、まず最初に入れておきたい11の拡張機能を紹介。すべてフリーで導入することができる。快適かつ最強にパワーアップしたChromeを使いこなそう！ ●関連サイト Google Chrome 『Incredible StartPage』 スタートページをカスタマイズ！ シンプルなクロームのスタートページを、機能的な画面にする拡張機能。ブックマークやウェブアプリ、最近閉じたタブが見やすくなる。 ●関連サイト Incredible StartPage バージョン 1.4.3 作者 www.visibotech.com 『Chrome用TooManyTabs』 大量タブを開くときに絶対必要な拡張機能！ 大量のタブをサムネイルで一覧で表示、目的のタブを簡単に選び出せる。並び替えや検索機能もあり、タブを閉じるのがめんどうな人にオススメ
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
EdgeRouter X がすごい | yabe.jp
最近北米の自宅と日本の実家に VPN を設けていろいろやれたらいいなーと思い、ルーターを物色したらなかなかすごいヤツを発見したので、買ってみました。 EdgeRouter とは 地元サンノゼのネットワーク機器ベンチャー Ubiquiti Networks のルーター製品群です。このルーターはデータセンター等で使われる Linux 系高機能ソフトウェアルーター Vyatta （Brocade の vRouter の源流）R6.3 をベースにした EgdeOS 搭載のルーター製品ですが、信じられないコストパフォーマンスと、 amazon.com での評価が異常に高いのが特徴です。 ちなみに私が買ったのは最廉価モデルの EdgeRouter X ですが、ハードウェアオフロード有効時でルーティング最大 940 Mbps 、IPsec VPN 最大 200 Mbps 、RIP / BGP / OSP
Firefox使いづらいって奴は取り敢えず俺の設定パクッてみろ Tweet カテゴリ☆☆☆ 1：以下、名無しにかわりましてVIPがお送りします：2011/07/25(月) 20:22:36.36ID:Lx2L/mMp0 Firefoxについて文句言ってる奴は、だいたい的外れな批判ばっかり ググれば解決するような問題ばっかり そういう奴は一生IE使ってろって言いたいところだが、俺の超使いやすいFirefoxの設定を全部言ってくから、取り敢えず真似してみてくれ 一応書きためてる。質問には適当に答えられるときだけ答えてく 今回扱うのはFirefox5について 始める前に、取り敢えず、「Add-on Compatibility Reporter」というアドオンで、アドオン互換性チェックを切ってくれ じゃないと話が進まないから 目的：機能性・有用性・省スペース化を心がける その上で、遊び心を忘れない
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個！』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います！その数も増えて何と30個から45個へグレードアップ！記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです！ それでは、少し長いので「続きから」どうぞ～！ WordPress
いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。｜Fritz | Lead Product Manager @ Mercari
いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。 こんにちは、フリッツ です。今回はプロダクトマネージャーの日課とも言える「仕様書」について。自分にとっては PM 業の施策実行フェーズにおいて最も重要な仕事のひとつであり、最も心躍り、最も興奮する瞬間です。 PM になってかなりの時間が経ちましたが、「仕様書」への力の入れようは減るどころか、「もっと気合を入れなければ。」と感じる一方。在宅勤務が（たぶん） IT 業界のニュースタンダードとなっていくいま、なおさら「仕様書」の重要性を訴えたい今日この頃です。 ということで、今回は ・ 良い仕様書がもたらす 5 つの効果 ・ 仕様書の重要性が増していく 2 つの理由 ・ 仕様書に含めたい 14 の項目・実戦編 ・ 仕様書作成時に心に留めたい 3 つのこと ・ 具体的な仕様書サンプル（
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
ソフトバンク解約者は要注意！ヤフー(Yahoo! ) から毎月390円ずつ盗まれるのを止める方法 - ぐちろぐ
はじめに この記事は『ヤフー(カ』名義で勝手に毎月390円引き落とされるのをこうやって止めたよ！という内容です。 (2016年の体験談なのでGoogle検索結果などが今とは異なっているかもしれません。ご了承ください) 俺の試行錯誤の話なんてどうでもいい！今すぐ解決したい！という方は「まとめ」まですっ飛ばして下さい。 謎の390円の請求に気づく ある時、クレカの明細を見たら『ヤフー(カ』名義で390円が引き落とされている。 ヤフー株式会社から毎月？ 身に覚えがない。 もしかして、有料サービスを利用したままになっている？ ヤフーのプレミアム会員代ではなかった 以前ヤフオク出品のためにプレミアムに入ったことはあったが、それも一時的なものですぐに退会したはず。 それが退会できていなかった？ ログインしてみるが・・・ 未登録だ。 つーかプレミアム会員代、月額462円だから金額が違う。 じゃあ390円
皆さんはGoogleリーダーを使っているでしょうか。デフォルトでも大変使いやすいGoogleリーダーですが、ブラウザの拡張機能やGreasemonkeyスクリプトを組み合わせることで、さらに使い勝手が広がることは多くの方がご存知のことでしょう。当サイトのでも以前、あなたのGoogleリーダーを超便利にする最強のFirefoxアドオンまとめという記事をエントリーしたことがありますが、今回はそのGreasemonkey版ということで、私が普段使っている「これは超便利！」というスクリプトをまとめてみました。 最近では、FirefoxをはじめGoogle Chromeなど多くのブラウザがGreasemonkeyスクリプトの動作をサポートしていることから、特定ブラウザのみで使用可能な拡張機能よりも使い勝手がよく、また管理も楽なので、アドオンなどよりも気軽にインストールしやすいのではないでしょうか。
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
「GoogleAnalytics見てアクセス解析して」って言われた時にまずしていること - Qiita
はじめに 僕はウェブサイト制作会社でサイトの運用・アクセス解析担当をしている者です。 ウェブサイトの制作・リニューアルを受注した際にプロジェクトに参加し、クライアントの現状サイトのアクセス解析とレポート作成、リニューアル提案が主な仕事です。 クライアントと直接相対するディレクターから「GoogleAnalyticsの権限もらったからアクセス解析して」とオーダーを受け、アクセス解析を行うことになります。 そもそも、初めて見るサイトを構造から理解し、リニューアルに資する提案ができるようなインサイトを得るまで分析するのは本当に骨が折れます。 さらに（全くの主観ですが）、多くのクライアントはGoogleAnalyticsを「タグ貼っただけ」状態で放置しています。 そのため、計測したデータが整理されていない・そもそも正しく計測できていないということはよく起こります。 そして、そのような計測エラーがノ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
情強がひた隠しにしているフリーソフトまとめ : ライフハックちゃんねる弐式
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
少しのコードで実装可能な20のjQuery小技集
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
Google Chromeの厳選おすすめ拡張機能30個まとめ | フリーソフトラボ.com
企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ | コムテブログ
転ばぬ先のExcelワザ これだけは覚えておきたいExcelテクニックまとめ : ITライフハック
15 Useful Code Snippets for Smartphone Website
PC上級者ってどんなフリーソフト入れてんの？ : まとめでぃあ
iPhoneがもっと楽しくなる小技・裏技・Tips集 - RyoAnna
prototype.js v1.5.0 の使い方
Google Chromeを3年使い続けて辿り着いたベストな拡張機能14個 – 和洋風KAI
名前も知らない人のアカウントを2年かけて特定したら人生が確変に入った｜四月
最新研究からわかる 学習効率の高め方 - 分裂勘違い君劇場 by ふろむだ
あるＳＥのつぶやき: Ajaxライブラリまとめ
Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
Firefox使いづらいって奴は取り敢えず俺の設定パクッてみろ:ハムスター速報
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
2011年版！絶対にインストールしたいWordPressプラグイン45個 | Vanilla Rock
PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
Googleリーダーを超便利にする最強のGreasemonkeyスクリプト11選！ | フリーソフトラボ.com
jQueryでスクロールすると表示する系いろいろ