今年は参加できました！Adobe MAX Japan 2017レポート | D.A.LOG
11月28日火曜日、場所はパシフィコ横浜。師走直前の平日ではありましたが、クリエイターにとって唾涎ものの素敵イベントを満喫してきました！ 「Adobe MAX Japan 2017」 Adobeを中心とした最新のクリエイティブな話題に触れることができる、クリエイターのための祭典です。 そもそもMAX Japanを知ったきっかけ 「Adobe MAX Japan」は昨年も開催されていたのですが、信じられないことに参加できませんでした。 仕事の都合とかのっぴきならない事情とかではなく。その理由。「イベントがあることを知らなかった！」のです。（情弱とは恐ろしいものですね…） Adobe歴は正直かなり長く、中学生の頃からIllustratorとPhotoshopを触っていました。そして社会人になってからも、本当に使わない日はない仕事道具です。それなのに最新情報のキャッチアップが全然できていませんで
Adobe XD, Photoshop, Illustratorの注目情報が満載！Adobe MAX Japan 2017 フォローアップのまとめ
Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催されたAdobe MAX Japan 2017のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれません。 Select Subject in Photoshop CC なんと1クリックで、複雑な選択範囲が作成できます！ 1:03あたりから、人物を1クリックするだけで一瞬で選択範囲が作成されています。 Photoshopの次のアップデートで搭載予定の新機能で、Adobe Senseiの人工知能を使い、画像の主題を自動認識して選択範囲を作成します。「Select Subject」という名で、動画を見
WordPress4.9の新機能を紹介！特に便利な6つの機能とは…【WordPressを使いこなそう】
2003年に登場したWordPressは、世界の上位1000万サイトのうち27％で使用されています。 11月16日にリリースされたバージョン4.9では、UXの向上や開発のスピードアップにつながる機能が搭載されました。今回はその中でも特に便利な新機能を6つご紹介します。 1.デザインのスケジューリング 日付や時刻に従って、テーマを切り替えられるようになりました。また、複数メンバーで同じデザインに取り組んでいる場合に便利な、デザインロック機能も搭載されています。せっかく作ったデザインを、他のメンバーが誤って上書きしてしまった経験はありませんか？バージョン4.9では、そんな悲劇を回避できます。 2.新しいギャラリーウィジェット WordPress独自のギャラリーウィジェットが搭載され、サードパーティ製のものを使う必要がなくなりました。テキストウィジェットも強化されており、FacebookやTED
伝言ゲームをなくしてデザインの質を高める！Adobe XDを使ったライブデザインのコツ
243 Screens, Last modified on Nov 27, 2017 12:42 GMT
Flexboxでスマートニュース（SmartNews）風のレイアウトを実装する方法 - Design Color
スマートニュース（SmartNews）風の表示とは 「スマートニュース（SmartNews）」とはスマートフォン用のニュースアプリです。巷では略して「スマニュー」なんて呼ばれています。 読み込みが速いため、いつも情報収集にお世話になっているアプリですが、レイアウトも見やすいんですよね。縦だけでなく、2〜3列で横並びになったりと見た目に変化があって記事が見つけやすいんです。 SmartNews ただ、この見た目をfloatやdisplay: inline-block;で実装しようとするとかなり面倒…と思っていたそんな時、柔軟に対応できるFlexboxの存在を知りました。次からは、Flexboxを使った実装方法をお伝えしていきますよ！ 以下が実装用のコードです。「CSS」のタブをクリックして確認してみてください。 See the Pen Flexboxでスマートニュース（SmartNews）風
【サイトを時代遅れにしないために】要チェック！WordPressテーマを変更すべき時期を知らせる5つのサイン
WordPressは登場して10年以上が経過し巨大なマーケットに拡大した一方で、時代遅れになってしまったサイトも数多く存在するものと思われます。それらのサイトは核心となるソフトウェア自体やプラグインについてだけでなく、テーマについても変更が必要なことをお忘れなく。 プラグイン同様、古いテーマもあなたのサイトのデータベースやファイルシステムにバックドアを開く脆弱性があるかもしれません。或いは、非推奨コードを使っていたり、新機能を存分に使えなかったりする上、ユーザビリティにも問題がある可能性があります。 あなたのWordPressサイトに次の 5つの兆候が見られたら、テーマの変更を検討すべき時期が来ています。 WordPressのテーマについては次の記事も参考にしてみてください。 1. WordPressテーマカスタマイザーを使っていない WordPress 3.4から使えるようになったテーマ
2017年、デザインガイドラインについて考える。｜Yuya Furusato｜note
株式会社rootのUIデザイナー 古里祐哉です（@remmyfurusato）。 rootでは、サービスの立ち上げやリニューアルに伴う、UI/UXデザインをご支援しています。 さて、今年を振り返えると「デザインガイドラインに注力した」年でした。デザインガイドラインを必要とされるクライアント様には共通点があります。 ・レイアウトパターンやパーツの使い方が定義されていないで、設計者やエンジニアが迷う。 ・結果、サービス全体の一貫性がなく使いづらい。 このような課題を抱えるクライアント様からのご依頼を多くいただきました。サービス開発の現場で、徐々にデザインガイドラインの重要性が広まってきているのではないでしょうか。 デザインガイドライン作成を通して考えたことをまとめたいと思います。 デザインガイドラインとは？ デザインガイドラインの定義は「サービスやプラットフォームのデザイン方針を示したドキュメ
WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld
個人的に普段から対応することが多いものを中心に、更新者（クライアント）が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSやJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす
「全然稼げてないけどブログは楽しいよ」という発表をしました - ろくデブログ
「WordBench京都 11月 みんなのブログ事情を聞いてみる」にて発表させていただきました。スライドはこちら。発表時から多少修正してます盆栽のことよく知らずに例えてるので変なところがあると思います...
WordBench京都で「フリーランスWebデザイナーの働き方」の話をしたよ！ | よしぱんblog
WordBench京都11月に登壇しました。 公開日：2017-11-21 最終更新日：2017-12-18 11月19日（日）、大混雑の「秋の京都」でWordPressコミュニティの勉強会「WordBench京都 11月 みんなのブログ事情を聞いてみる」に登壇しました。 「ブログ事情を聞いてみる」という副題ですが、第一部はディレクションセッションで、第二部がブログ事情、第三部は全員で座談会、という流れでした。私は第一部で「フリーランスのWebデザイナーの働き方」についてお話しました。 フリーランスWebデザイナーが楽しく仕事を続けるためにやっていること 当日は実案件のデザインデータを見てもらったり、かなり具体的な事例や金額をぶっちゃけてお話したので、公開できない部分が多いです、スミマセン…。 非公開部分を消しての状態ですが、一応スライドを上げておきます。 ドキドキしたけど楽しくお話できま
div要素の正しい使い方
2017年11月17日の「まぼろしのマークアップ勉強会 #1」でお話したスライドです #mbrs_markup_study
背景デザイン用CSSスニペット10選！無料でより魅力的でユニークなサイト背景をデザインできる
ディスプレイにHDが登場し4Kとなった今日では、スクリーンの殆どを占める背景が主流になりつつあります。とても印象的な視覚効果があり、サイトの情報発信の助けになる背景デザインの重要性が増しているのです。 CSSと少々のJavaScriptを使った背景デザインは、単に写真やテクスチャを張り付けるよりずっと素晴らしい効果があります。 本記事では、面白みのある背景デザイン10選を実例をお見せしながらご紹介します。 （イメージをクリックするとCodePenが見られます。） なお、背景デザインの関連する話題については以下の記事を参照してください。 ・いつもの「白背景」から飛び出そう！Webデザイン5つの背景トレンド【2017年版】 ・デザイナー必見！jQueryスクリプトを使って背景色をアニメーションにする方法 ・【遊べて実用もできるソースコード】必見！CSSとJacvascriptで作るパララックス
第70回WordBench大阪に参加・登壇してきました
11月19日に、大阪のコワーキングスペース「JusoCoworking」にて開催された、WordPressの地域コミュニティ「WordBench大阪」が主催する勉強会、「WordBench大阪Vol.70」に参加してきました。 今回のお題は「カスタムフィールド製造業・Webアセンブラー芸人座談会」ということで、カスタムフィールドを使ったWordPress案件を多く手がける方と、フルスクラッチでサイト制作をすることにこだわらないで制作をしている人たちで、それぞれどんな仕事をしているのか情報交換しようという主旨で開催されました。 この企画は、少し前にまわりの方にお声かけしたところ、予想外に反響があって人が集まったため、せっかくだったら個人的にというよりは、WordBench大阪でもっと広く人を集めたほうが良いかなー、と思って仕切り直したのでした。 募集開始から2日でキャンセル待ちになっていてビ
Yaku Han JP - 約物半角専用のフォント
ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist
Flexboxを利用してよくあるレイアウトを実装したサンプル集 - NxWorld
一部ブラウザ（特にIE）で若干挙動が違ったりすることもあるものの、Flexboxを利用することで今までCSSだけでは難しかった見栄えが実装できたり、よりシンプルなHTML・CSSで実装できるレイアウトが増えました。 そんなFlexboxを利用してサイト制作時によく出てくるレイアウトを実装したサンプルをいくつか紹介します。 紹介するものは基本的にプレフィックスを省略しているので、必要があれば各自で追記してください。 基本的に各実装に必要なFlexbox関連の最小限のコードのみ紹介していますが、サンプルによってはわざわざ初期値（flex-wrapやalign-itemsなど）を指定している場合があります。 それらは挙動を把握しやすくするために記述されているものなので、不要であれば記述する必要はありません。 表示確認のデモはPCでの閲覧推奨です。 要素を両端に寄せる 特にヘッダーやフッターで利用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://geechs-magazine.com/tag/lifehack/20161020_2
もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita
https://blog.mismithportfolio.com/web/wbkyoto201711
frasco.io
まぼろしのマークアップ勉強会 #1
