自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大枠の構成だけですが、基本的な作り方を調べてみました。（あとは引数で設定を変えるのがかっこいいと思ったので作ってみたかったのもあります。） 無名関数 他の領域に干渉しないされないように以下の記述で囲みます。jQueryを引数として指定しているので、この中でも$表記が使えます。 (function($) { //中身 })(jQuery); メソッドを追加する ここが実際に処理するコードを書いていく場所です。「$.fn.hogehoge」のhogehogeの部分がメソッド名になります。 (function($) { $.fn.hogehoge = function(options){ //プラグインの中身 } })(jQuery); 使用する 実行のコードです。プラグインを使うときによ

CSSを短く読みやすいように変換してくれるサイト「SHRTHND」。 オレオレ記法で書いている人の記述確認にも使えそうです。 SassやLessを導入してない人は、納品前の整形用途に使っても良さそうですね。 �SHRTHND 後藤賢司 東京と大分を拠点として全国的に活動しています。出版社、デザイン会社、Web制作会社、企画・マーケティング会社での経験を生かし、媒体にとらわれない提案・企画・設計が得意です。自社メディア運営によるノウハウを持ち、様々な視点を活用した提案をしております。よつばデザイン（後藤賢司）は、中小企業庁「中小企業・小規模事業者ワンストップ総合支援事業（ミラサポ）」の派遣専門家として認定を受けたり、大分商工会議所が主催する「大分商工会議所ビジネスなんでも応援隊」のサポートメンバーとして、中小企業様の経営課題や広告・看板・宣伝ツール・Webサイトなどのプロモーション相談を受け

Facebookのシェアボタンの設置 Facebookのシェアボタンの設置自体は難しくありません。Googleで検索しても簡単に出てくるし、Facebookにも開発者向けに公式ページが用意されています。https://developers.facebook.com/docs/reference/plugins/share-links/ OGPタグによるシェアボタン押下後の表示のカスタマイズ シェアボタンを押したあとのサムネイル画像・タイトル・説明文をカスタマイズしたい場合、WEBページにmetaタグでOGPタグを設置します。以下のページの説明が分かりやすいです。http://www.site-support.jp/?p=4281 FacebookのOGPタグの扱いにおける不具合 しかし、FacebookではこのOGPタグ（特にog:image）が正しく反映されないことがあり、バグレポートが

TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ？」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。 企画／提案 １．企画書 企画書はどれくらいのコストで効果（売上）を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基本／上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum ２．提案書 提案

こんにちは! ヨス（プロフィールはこちら）です。 今回はTwitterの技の紹介です。それは記事の中でのリンク先を「Twitterのつぶやき投稿ページ」に指定して、更にリプライ（@）とかハッシュタグ（#）を、あらかじめ指定しておく「Aタグの書き方」の紹介です!! なんかやこしくてすみません。 「Twitterのつぶやき」へのリンクにリプライやハッシュタグを付ける さて、Twitterのつぶやきへのリンクとはこんなやつです。 ここから好きなことをつぶやくのだ これは、リンク先に「 https://twitter.com/intent/tweet 」を入れることでできます。 リプライ（@）が付いた状態をリンク先にする方法 まずは、投稿ページに行ったときに最初から「リプライ（返信）」になっている方法です。 最初からリプライの例 タグはこんな感じになっています。 <a href="https://

この先は「デイリーポータルZをはげます会」会員向けの有料コンテンツです。会員になるとごらんいただけます。

気軽に色調整を楽しむ目的で始まった「色調補正周遊の旅」の第2弾は、「シャドウ・ハイライト」。一見単純に見えるが、プロにも使ってほしい機能だという。実は深いその操作方法を解説する。 連載8回目の今回は、「シャドウ・ハイライト」についてお話したいと思います。 前回から、「色調補正周遊の旅」と題して、「イメージ」→「色調補正」のコマンドの中から、プロになってからも使えるものを中心に、網羅してご紹介しております。 図は、前回独断と偏見で行なった色調補正コマンドの「格付け」なのですが、その中から「B」ランクに属する「シャドウ・ハイライト」をお送りするのが今回です。ちなみに、AからEの各ランクには、以下のような意味があります。 Aは、私がPhotoshopで色調補正する際には、ほぼ毎回使うコマンドです。 Bは、必要に応じて使うコマンド。 Cは、たま～に思い出したように使うくらい。 DとEは、使ったこと

デザインの評価項目とデザインエレメント一覧表 -... / 【スマートフォン向け開発】ユーザビリティチェック... / Facebookページのタイムライン化で検討すべ...他...全10件

【Webサイトをリニューアルする時によく使ってます】WordPressを専用ディレクトリに配置する方法を解説したスライドがとてもわかりやすい 既存のホームページの改修に合わせて、WordPressで作りなおすケースは私はよくあります。 「ちょっとこのHPいい感じにしてよ、たのむよ」「とにかく自分たちで更新したい。WordPressって言葉たまに聞くけど、今のサイトをそれにリニューアルできるかな」みたいな相談が多いです。 で、そんな時私は、WordPressを専用ディレクトリに配置して既存（リニューアル前）のファイルを残しつつ、すっきりとWordPressファイル群を１つのフォルダ内にまとめてインストール。後に移行、一般公開。おおまかですが以上の流れをとる場合があります。（場合がある、という表現をしたのは、既存のサーバ環境やディレクトリ構成、その他諸々の要件を検討した結果、一案として採用して

イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。

先日、勉強会でAdobe Bracketsをはじめて触ってきました！ 私はST2に恋している身なのでそこまで興味はなかったのですｇげふんげふん！これ、使ってみたらなかなか良かったのですよ…！ なので、今日はそこで学んできたAdobe Bracketsの魅力と、コーダー必須アイテムであるEmmet（Zen-Coding）のインストール方法を皆さんにご紹介したいと思います！！ というわけで、@stocker_jpさんがオープンされた教室『Stocker.jp / Space 』にて行われた@glatyouさんのAdobe Brackets勉強会にいってきました。 こういう勉強会に参加して、アプリケーションに触れてみるのって大事ですねー。ST2の時も触るまで微塵も興味なかったなぁ…ｗ Adobe Bracketsとは Adobeから出ている無料のテキストエディタです。CCに加入している必要はなく

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

webデザイナ向けアレコレ計算式、略してweb計。 WordPressのfunctions.phpでのカスタマイズをコピペで簡単にできるWP-functions generatorもどうぞ 大丈夫だとは思いますが、計算が違ってても責任は負いかねます。いちおう免責として。

シームレスに各デバイスの表示領域を確認できるブッ... / シームレスにタブレット・スマートフォンサイズでの... / 確認するデバイスサイズを自分好みにカスタマイズで...他...全8件

2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効

【Diesel】Dieselで使われているカラー... / #F15C22 / #7A7B7D他...全42件