11.09（金）渋谷WWWにて行われた Charisma.comワンマンライブのレポート掲載していただいております。   ナタリー https://natalie.mu/music/news/307620 EM …

これは画像などを除いて、HTML=DOMの読み込みが終わったらfunction()の中の処理(=なにかしらの処理)を実行するという意味です。 jQuery(JavaScript)はHTMLが完全に読み込まれないまま何か処理を実行すると大抵正しく動作しません。なのでこのreadyを使うことになります。 $(function(){ //なにかしらの処理 }); jQuery(document).ready(function() { //なにかしらの処理 }); jQuery(function(){ //なにかしらの処理 });

スマートフォンの普及などがきっかけとなり、写真撮影をする機会が増えてきました。 それに伴って、写真をより魅力的にしてくれるアプリなどが非常に人気で、InstagramのようなSNSにも写真を加工してアップロードする方が女性を中心に多くいらっしゃいます。 今となっては、女性が好む写真にするには加工が必須と言っても過言ではありません。 Instagram風に女性好みの写真に加工したいときは、Photoshopのアクションが便利です。 利用する際は、アクションを再生すると一瞬であらかじめ設定した加工を施してくれ、写真を素敵に仕上げてくれます。 今回は、女性が好きそうな写真に加工できるアクションファイルをまとめでご紹介します。 写真を可愛くお洒落にしたい方、女性をターゲットにしたビジネスをしている方はぜひ参考にしてみてください。 Instagram風に写真を加工するアクションファイル50選 1.F

こんにちは、デザイナーの姐さんです。 今回はアクションを使わずにInstagram風のヴィンテージ加工に挑戦してみたいと思います。 加工前の写真はこんな感じです。この写真をヴィンテージ加工してみたいと思います。 グラデーションマップを使って全体を黄色味がかった色に補正する レイヤーパネルの下にある調整レイヤーのアイコンから、グラデーションマップを選択します。 オレンジ、イエロー、オレンジのグラデーションを選択します。 写真の明暗がグラデーションに置き換わるのでなんだかすごいことに。 レイヤーモードを「乗算」に変える 次に、上記で作ったグラデーションマップレイヤーを「乗算」モードに変えます。 不透明度を40%に。おっ、なんだかもうそれらしくなってきましたよ。 ヴィンテージ風加工のチュートリアルを見てると、だいたいこの手法が取られてる場合が多いです。 写真の印象をサクッと変えるのに大変便利な小

Resource Cards is a growing list of free resources aimed to help creatives with their next project. hello@resourcecards.com Credits: “Camera” icon by icon 54, “Ampersand” icon by Justin Perricone, “Penrose Triangle” icon by BraveBros., “Adobe Photoshop” icon by Oliviu Stoian, “Diamond” icon by Gautam Krishnan, “Drop” icon by Arthur Shlain, “Wireframe” icon by Alfredo Hernandez, “Search” icon by ar

TOP  >  Design  >  ウェディング系デザインに活用できるアイコンまとめ「Free Wedding Icons For Your Design Projects」 6月のウェディング繁忙期に向けて、すでにデザインを手がけているという方もいらっしゃるのではないでしょうか？今回はそんなシーンに活用できるアイコンまとめ「Free Wedding Icons For Your Design Projects」を紹介したいと思います。 Wedding and Love +50 free icons (SVG, EPS, PSD, PNG files) 厳選された数ではありますが、どれも使いやすそうな種類が揃ったアイコンセットがピックアップされています。 詳しくは以下 FREE Wedding Icons by Rinat Rozilio – Dribbble フラットタイプのアイコンセ

WHAT'S ICOOON MONO 商用利用可能なアイコン素材をフリー(無料)ダウンロードできる素材配布サイトです。 WEBデザインやDTPのほか、ビジネスシーンで活用できるアイコン素材をストックしています。 TopeconHeroesが作成したこのサイトに掲載している素材は、どなたでも使用条件に違反しない限りクレジット表記や許可なしで、 自由にご利用いただけます。

#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord

「DECT※準拠方式」採用 ※DECT(Digital Enhanced Cordless Telecommunications)はETSI(欧州電気通信標準化機構)の商標で、世界で広く普及している無線通信方式のひとつです。Panasonicの製品はARIB(一般社団法人電波産業会)の標準規格「ARIB STD-T101」に準拠しています。 外形寸法(約)(室内モニター) : 高さ2.1×幅12.6×奥行5.9cm(突起部除く)、高さ5.1×幅13.2×奥行7.95cm(充電台付親機使用時、突起部除く) 質量(室内モニター) : 約120g(バッテリーパック含む) 電源(室内モニター) : リチウムイオン電池(品番 CGA-LB102)(DC3.7V)(940mAh) 連続使用時間 モニター時間約2.5時間※ 待ち受け時間約100時間※ 充電時間約6時間 ※充電完了の状態で、使用環境温度が

最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介

WordPressではショートコードAPIと いう便利なAPIがあって、これを使え ば記事や固定ページでより幅広い表現 が知識の無い方でも出来ます。この ショートコードで様々なコンテンツ を実装出来るようにしてあるプラグイン です。 作成されているショートコードはタブ、スライダー、Twitterのツイート表示などなど30以上あり、覚えていなくとも簡単に利用出来る工夫もなされています。 個人的にショートコードの一元管理化はやろうと思っていた事だったのですが、プラグインの作り自体が凄く参考になったのでメモ的に記事にしました。もう少しシンプルでいいんですけど、自分で作成したショートコードの管理のいい雛形になるっぽいです。こういうのはGPLのいい所ですね。 沢山のショートコードが用意されていて、手軽に記事内にスライダーやタブ、アコーディオンやツイート表示、テーブルの作成などが可能です。 引用とか、