svg]:col-span-full [&>svg]:row-span-full " x-ref="stage" :class="isScrolled ? 'lg:opacity-0 lg:bg-white' : 'lg:opacity-100 lg:bg-gray-010'" >
こんにちは。シックス・アパートの井内です。 先日、「Movable Type のプラグインを作ってみたいけど、何から始めればよいですか?」という質問を受けました。 「チュートリアルに沿ってとりあえずやってみる」か「既存プラグインの改修」から始めるのがよいのですが、自分の経験をもとに各種リンクやお役立ち情報を加えつつ、まとめてみました。 プラグインを作る前に プラグインを作ってみる前に、まず Movable Type が動作する環境を準備する必要があります。(既に環境をお持ちの方は、ここは読み飛ばして頂いて大丈夫です) 簡単に環境構築する方法としては、Movable Type for AWS がおすすめです。AWS 無料利用枠でマイクロインスタンスを使えば全て無料で環境構築ができますので、とりあえず試してみたいという方にもぴったりです。環境構築の手順は Movable Type for AW
こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日(水)に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン&マナー設計」にて登壇させていただきました。 皆さんは「トーン&マナー」という言葉を耳にしたことがありますか?「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 デザインのふたつの役割とトーン&マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン&マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想起
サイズが変更されても、ハイライト表示はできます。 Responsive tablesの使い方 Step 1: スタイルシート スタイルシートをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/rwd-table.min.css"> </head> Step 2: スクリプト スクリプトを</body>の上あたりに記述します。 <body> ... <script type="text/javascript" src="js/rwd-table.js"></script> <script> $(function() { $('.table-complex').responsiveTable({ adddisplayallbtn: true, addfocusbtn: true, fixednavbar: '#n
MEMOPATCHでは以前にGoodpatchのデザイナーやディレクターが愛用しているアプリやサービスを紹介しました。 Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービスまとめ Goodpatchのディレクターが実際に仕事で使っているデスクトップアプリ・Webサービスまとめ 社内では日々様々なツールやアプリが共有されていますが、ペンやノートなどの文房具はあまり共有されていなかったので試しに聞いてみたところ、それぞれお気に入りのツールがたくさんありました。ということで今回は弊社デザイナーやディレクターが愛用しているペンやノートなどのアナログツールについて紹介します! ディレクター齋藤 こだわりは特にないけれど、たくさん描けるものを選んでいる、とのことでした。 プロジェクトペーパー(オキナ株式会社)、エッジ セレクチップローラーボール(CROSS)、ノートブック
Announcing the 28 Winners of the 2023 crQlr Awards – the Global Award to Design a Circular Economy Announcing the 28 Winners of the 2023 crQlr Awards – the Global Award to Design a Circular Economy The Future Dynamic Program at National Cheng Kung University: Challenging the traditional education approach through creative learning experiencesThe Future Dynamic Program at National Cheng Kung Univer
グーグルは、検索結果における順位決定に関して、スマートフォン向けの変更や処理を次々と加えてきている。「これからのグーグルSEOを考えるうえで重要なポイント」を解説したうえで、さらに、「将来に向けて価値を生み出すWebコンテンツ管理(CMS)・Webエクスペリエンス管理(WEM)のツールを選ぶための5つのポイント」を紹介する。 グーグルはスマートフォンで表示される検索結果の順位に変動をもたらすアルゴリズムのアップデートを、2013年に発表した。この背景にあるのは、過去5年間でスマートフォンの利用が爆発的に増加したことだと考えて、ほぼ間違いないだろう。 この発表に限らずグーグルは、検索の仕組みに関してスマートフォンへの対応を進めてきている。そうした動きに関して重要なのは、グーグルがモバイルウェブコンテンツの配信を優先するようになってきているという点だ。 モバイル向けコンテンツ配信3つの手法とグ
DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字(リガチャー)として定義されています。そのためフォントの適用ができない場合(サーチエンジンのSEOなど)でも意味が読めます 以下のブラウザはテスト済みです:Chrome(Win・Android)・Firefox・Safari(Mac・iOS)・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字(titl)」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し
効果が出るバナーのレイアウトには一定のパターンがあります。 今回は成果を出せるバナーのテンプレートを20種、広告代理店でバナーを作成している私が作ってみました。 バナーのレイアウトでお悩みの方も、そうでない方も、イメージを膨らませたり、いざという時のためにストックしたり、自由に活用して頂ければと思います。 【eBook】コンバージョンする効果の高いバナーの作成方法 悩んだらまずは最強のベーシック型コピー・訴求文・写真などをバランス良く盛り込み、情報量が多いレイアウト。バナーの時点で多くの情報を伝えられるため、飛び先との整合性が高いことが特徴です。しかし珍しさやインパクトにかけるので、似たようなバナーにまぎれると埋もれてしまう恐れがあります。 ベーシック型バナーレイアウトベーシック型バナーサンプル ベーシックに負けない3つの王道レイアウト同じバナーを出し続けているとユーザはマンネリを感じてし
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。 今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。 なぜwebデザイナーの就活にポートフォリオサイトが必要なのか ポートフォリオは自分自身のデザインスキルや技術スキルの作品集。自分がどんな制作者で何が得意なのか、何が出来るのか、制作したサイトを見れば大体分かります。 webデザイナーにとってのポートフォリオは自分のちからを相手に知ってもらう大事な武器ですので、時間がないからといって片手間で作ったりせず、綿密に計画してフルパワーで作り上げる必要があります。 ポートフォリオを作る前の下準備 作品の構成要素 ポートフォリオに制作実績を掲載する時、下記の6つは載せておきましょう。 サイトのタイトル サイトのURL サイトのスクリーンショット 制
by @mixiappwchr iOSで開発する上で見ておくべきサービスやツールをまとめてみました。 ほかにもたくさんあると思いますが、基本的なやつを集めました。 アプリ配布 depolygate https://deploygate.com/?locale=ja 旧TestFlightがオワコンのため、今ではDeployGateを使うしかありません! まだTestFlight使ってたの?急げ!終了目前のTestFlightから,今すぐにiOSもDeployGateに移行しよう!移行パターンも紹介するよ。 CI Circle CI https://circleci.com/ iOS対応されアプリもクラウドでCI クラッシュログ Crittercism https://www.crittercism.com/ ユーザービリティテスト Repro https://repro.io/ リモートで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く