デザインに活かせるフレームワーク20｜金 成奎
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
WordPress で jQuery を使う時の注意点
慣れていない方には解りにくいところがあるようですので、いまさらですが要点をまとめます。 特別な理由がない限り WordPress に含まれている jQuery を使う WordPress には外部スクリプトを読み込むための独自の仕組みがあります。また、WordPress インストールには初期状態で jQuery が含まれており jquery というスクリプトハンドルですぐに呼び出せる状態となっています。コンフリクトや依存関係の問題を引き起こさないように考えられていますので、特別な理由がない限りこれらを利用します。 コード例 テーマの functions.php に以下のように記述するとサイトの公開側に jQuery が読み込まれるようになります。 function my_scripts() { wp_enqueue_script( 'jquery' ); } add_action( 'wp
WordPressサイト用の.htaccess例 - dogmap.jp
よりパフォーマンスの良い WordPress サイトを構築したいならば .htaccess ファイルを修正しましょう。 Webサーバに apache 2系を使用しているサイト用に、私が書いた .htaccess ファイルを元に解説します。 基本方針は mod_deflate が使える場合は、有効にしてコンテンツを圧縮転送する。 mod_expires が使える場合は、有効にして画像ファイル等の静的ファイルをブラウザにキャッシュさせる。 適切な ETag を発行して、ブラウザのキャッシュを制御する。 アクセスしてほしくない WordPress ファイルに対するアクセスをブロックする。 存在しない静的ファイルに対してアクセスされた場合、WordPressを起動させない。 まず、私が作成した .htaccess ファイルを提示します。 AddType image/x-icon .ico <IfM
デバイスに合わせてCSSを振り分ける「Media Queries」 | DevelopersIO
Media Queriesは、読み込まれるCSSや、CSSの記述のインラインに条件を加えること出来るようになる仕様です。 今までもCSS2のMedia typesを使い、screenやprintなど大まかなメディア用スタイルを設定することはできました。ですが、それでけでは昨今のスマートフォン、タブレット端末事情にはとても対応できません。JavaScriptで対応する方法もありますがシンプルではありません。そこで、CSS3だけで振り分けが可能になるのがMedia Queriesという仕様です。 Media Queries Media Queriesはユーザーの端末、スクリーンサイズをもとに適したスタイルシートを適用することができます。Media Queriesを利用することで、PC用スタイルシート、タブレット用スタイルシート、スマートフォン用スタイルシートと個別にスタイルを指定することができ
【VIP】webディレクターだけど、初心者に役立つサイト教える てんこもり。
1: 以下、＼(^o^)／でVIPがお送りします 投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
アフィリエイトに役立つWordPressプラグイン21選
アフィリエイトの収益を増やすのに役立つWordPressプラグインを紹介します。 成果報酬型広告・PPC広告の運用に役立ちます。 この記事で紹介するプラグインは、広告のHTMLコードの管理や広告の露出を増やすのに役立ちます。 これらのプラグインを活用して、アフィリエイトの広告収入を増やしましょう。 アフィリエイト関連のプラグインは、収益に直結するツールです。 運営作業の効率化に役立つプラグインは積極的に導入しましょう。 有料版が用意されているプラグインは、上手く活用すると収益の拡大に繋がりやすいです。 自分のブログと相性の良いプラグインを選んで活用しましょう。 この記事を読むと得られること はじめに アフィリエイトとは？ アフィリエイト（Affiliate）とは、成果報酬型広告のことです。 成功報酬型広告とも呼ばれます。 アフィリエイトの仕組みを簡単に説明すると、あなたが運営しているブログ
All in One SEOの設定方法と使い方
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPress を使うなら、初心者にとって必須と言えるプラグインがいくつかある。その中でも、All in One SEO は非常に重要度が高い。 なぜなら、このプラグインは、WordPress の集客を成功させるために欠かすことのできない SEO のメタ要素の設定ソーシャルメディアの拡散効果を上げる OGP の設定クローラーの巡回を促す XML Sitemap の設定という３つの設定を一挙に担っているからだ。 ここでは、そんな必須プラグインである All in One SEOの効果的な設定方法と使い方をご紹介する。この記事に書いている通りに進めて頂ければ全く難しいものではないので、安心して読み進めて欲しい。 １．All in One
WordPressの記事ごとに個別のCSS, JavaScriptを追加できるプラグイン -Custom CSS and JS
WordPressの記事やページごとに、それぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインを紹介します。 Custom CSS and JS [ad#ad-2] Custom CSS and JSのインストール WordPressの記事ごとに個別のCSSを追加 WordPressの記事ごとに個別のJavaScriptを追加 Custom CSS and JSのインストール プラグインのインストールは、WordPressの管理画面「プラグイン」の「新規追加」から行えます。キーワードに「Custom CSS and JS」を入力して、「プラグインの検索」ボタンをクリックしてください。 プラグインの新規追加画面のキャプチャ 検索結果に表示された「Custom CSS and JS」の「プラグインのインストール」でインストールが始まります。 また、下記ページか
[勉強用] WPのテーマに独自のオプション機能を加える事が出来るTheme Options Theme
なんと説明していいか分かりませんが、 配布されているテーマの中には、テーマ 独自のオプション機能が加わっているもの を見かけたことが有るかと思います。以前 当ブログで配布したテーマにも独自のオプ ション機能を追加しました。そのスニペット 的なソフトウェアです。 以前配布させて頂いたYoutube動画を背景に指定できるWPテーマ・WP-Tubularにも簡単なオプション機能を付けています。 このオプションを加えることで、ユーザーはPHPもHTMLも学ぶこと無く、簡単に好きなYoutube動画を背景に加えられる、という訳です。 ※プラグインではないです。念のため 勉強用にも良さそう。貴方だけのオリジナルオプション機能をテーマに加えることが出来ます。テーマファイルに加えるPHPファイルで、プラグイン作る程でもないけど、管理画面で変更できると良いよね、的な機能をつけてあげたり、なんて時に。 上図の
![[勉強用] WPのテーマに独自のオプション機能を加える事が出来るTheme Options Theme](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f6bc818ca62716d332249d7691031ec7d21b4aa/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2010%2F12%2Ftheme01.jpg)
ハッカー（クラッカー）の気持ちで考えるWordPressのセキュリティー対策 | 無料WordPressテーマ BizVektor [ ビズベクトル ]
WordPressのセキュリティ設定に関するブログ記事は山ほど見かけますが、今回はよく発生する改ざんについて「効果が高い」「比較的カンタンに出来る」「費用がかからない」という視点でピンポイントに対策したいと思います。 不正アクセスの目的と手口 そもそも何が目的で不正アクセスをしようとしてくるのか？ 自分も含めいろいろな改ざん報告を見ると、 改ざん者が関連しているウェブサイトへ誘導するスクリプトをこっそり書いていく 投稿の本文の文中にサイトへの誘導リンクを書き込む メールを自動送信するプログラムが書いてあるファイルをテーマディレクトリ内に置かれる というケースが多いようです。 効率良く改ざんするための手順 それでは、上記の事を達成するのに効率が良いのはどんな方法か？ 現実的に考えて、人間が手動で一つ一つのサイトにハッキングを試みるのはどう考えても効率が悪いです。そんな事をするくらいなら時給で
![ハッカー（クラッカー）の気持ちで考えるWordPressのセキュリティー対策 | 無料WordPressテーマ BizVektor [ ビズベクトル ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f766f5261227a22c288258afdfb88c6481b833da/height=288;version=1;width=512/https%3A%2F%2Fbizvektor.com%2Fwp-content%2Fuploads%2Fsec1-1024x538.jpg)
WordPressを巡る理想と現実、あるいは誤解
ブコメでもすでに色々言われていて、自分のFacebookのタイムラインでも軒並み言及されているので、触れたくない理由は色々あるのだが、CMSで仕事をしている以上、反応しとかないといかんかなと思って筆を取る。そう、この件だ。 WordPressで「ささっと作る」で請けれなくなってる現状。 まとめると、WordPressは作り手にとっても楽に作れて、ウェブサイトを持ちたい人にとってもイニシャルコスト・ランニングコストともに安く済ませられる、みんながハッピーなツールだったはずが、そうではなくなってきた、と言う話。そうではなくなってきた根拠は何かと言うと、セキュリティ対応と管理画面の使いにくさ、カスタマイズ範囲の肥大化、の３点があるようだ。 セキュリティ対応は必要ですし、ランニングコストもかかります セキュリティ対応については、WordPressの導入によく使ってきたロリポップサーバーでWordP
初めてWordPressを使ってみようという人の為の予備知識
私も大好きな WordPress。これから WordPress を始めてみようかなと思ってる人や、インストールまではしたけど ... という人向けの記事です。カスタマイズなどについての記事ではないので、いつもの読者さん向きの記事ではないかもしれません。 このブログ – Webデザインレシピ、WordPress というキーワードで訪問してくれる人がとても多いんです。でも「WordPress」だけで、複合キーワードなしで訪れてくれているので、WordPress についての何を調べているのかなー …。 なので、今回は WordPress そのものについて、知ってる範囲でまとめてみました。WordPress って何？という漠然とした疑問を持ってる人、または、初めて WordPress を使う！という人向けの記事です。 初めての WordPress 目次 WordPress って何？ WordPre
ピクセル・センチ変換
インチ、センチ、ミリ等の長さの換算（計算）ができます。メートル法、ヤード・ポンド法、尺貫法の単位変換に対応しています。
登録数2倍にしてと言われた時の正しい対処法
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3のtext-shadowを使ったテキスト装飾のサンプル集
MdN Design｜総合情報サイト
フォントサイズpx,em,%,pt
無料ウェブ素材＋デザインリンク集｜styraise.com