公開日: 2016/03/09 | 更新日: 2017/08/10 WEBPコンバーターは、JPEGやPNGをWEBPに、WEBPをPNGに変換するウェブサービスです。画質を保ったまま、圧倒的に容量を圧縮できるWEBPをウェブサイトで活用していきましょう。Chromeにのみ対応しています。 ヒントJPG、PNGからWEBPに変換する「変換前の画像」という項目にある「ファイルを選択」を押して、PNGかJPGのファイルを指定して下さい。「変換後の画像」という項目に、WEBPに変換した画像が表示されるので保存して下さい。WEBPからPNGに変換する「変換前の画像」という項目にある「ファイルを選択」を押して、WEBPのファイルを指定して下さい。「変換後の画像」という項目に、PNGに変換した画像が表示されるので保存して下さい。プライバシーについてここで使用した画像は、当サイトのサーバーにはアップロー

電脳レストハウス梅ちゃん堂は終了しました。

2019年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。

SEOに適したWebサイトの構築に有用な「Webフォント（ウェブフォント）」 SEO（検索エンジン最適化） SEO効果を高める「Webフォント」サービス WebフォントにオススメなWeb表示・オンスクリーン向けに設計されたフォント（書体）「青花ゴシック体」 「DynaSmart V」などの利用でダイナフォントをWebフォントとして使用できる「DynaSmart DFO オプション」 「ダイナコムウェア DynaSmart T PC1台1年 カード版(新規・更新兼用)」Amazonでの購入はこちら 「ダイナコムウェア DynaSmart T PC1台3年 カード版(新規・更新兼用)」Amazonでの購入はこちら 「ダイナコムウェア DynaSmart T PC1台1年 カード版(新規・更新兼用)」楽天市場での購入はこちら 「ダイナコムウェア DynaSmart T PC1台3年 カード版(新

みなさん、こんにちわ！ ジャングルオーシャンのラファエロです！ みなさんはユーザー登録やお問い合わせのページって作ったことありますか？ See the Pen XGgMrB by JOラファエロ (@jo_raffaello) on CodePen. このようなフォームのページを作成するには、inputタグやtextareaタグなどといったフォーム部品タグと呼ばれる専用のHTMLタグを使います。 多分、Webデザイン初心者の方はほどんど触ったことなかったりするんじゃないでしょうか(^^;) 実はフォーム部品タグには、ユーザビリティを向上させるための専用の属性や便利なCSSの設定が色々あるんですよ！ ということで、今回はフォームのHTML・CSS基本テクをご紹介します！

公益社団法人日本アドバタイザーズ協会 Web広告研究会は11月16日、第6回Webグランプリ「企業グランプリ」部門の各受賞サイトを決定、発表した。BtoBサイト賞グランプリが「コクヨの実験」（コクヨ）、BtoCサイト賞グランプリが「日めくり絶滅危惧種」（ブラザー工業）、プロモーションサイト賞グランプリが「絶やすな！絶品高崎グルメ『絶メシリスト』」（高崎市）、コーポレートサイト賞グランプリが「近畿大学公式ウェブサイト」（近畿大学）に決定した。 グランプリのほか優秀賞も発表になり、グランプリ受賞サイトと合わせて計13サイトが入賞。「企業グランプリ」部門の審査は参加企業による相互審査方式で行われ、今年は58社から104サイトの参加があった。 Webグランプリは、前身の「企業ウェブ・グランプリ」が「Web クリエーション・アウォード」と統合してリニューアルした賞で、今年で6回目を迎えた。同賞は、優

最新WEBサービスのUI開発の裏側をご紹介したいと思います（最新スタートアップではありますが最先端ではありません）。 サービス スカウトミー https://scoutme.biz ITエンジニア専門スカウト転職サービスです。 求人票の掲載も人材紹介も一切なく、登録エンジニアは採用企業自らが直接送るスカウトメールをひたすら待ちます。 今は転職を考えていないという人も登録可能ですので、自分の価値を確かめる為にも是非！ 開発チーム構成 エンジニア：1名 デザイナー：1名 ディレクター兼デザインアドバイザー：1名 3名となっていますが、ロゴとランディングページｘ2（ユーザー＆採用企業TOP）のデザインカンプ制作以外のUI実作業は全てエンジニアが行いました。品質は必要最低限とし、最も速くリリースすることが出来る最小なチーム構成にしました。 画像職人 + HTMLコーダーの時代 最近、WEB開発を始

 どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単にモダンなWebサイトを作ってそのまま公開できる無料のWebサービスをご紹介します！ 類似サービスはいくつかあるのですが、Webサイトの構築やデザインの骨組みを人工知能が自動的に作ってくれるため、簡単な編集だけすれば立派なWebサイトが完成するというのが最大の特徴です。 【 Bookmark 】 ■「Bookmark」の使い方！ それでは、実際に「Bookmark」を使いながらどのようなサービスなのかを見ていきましょう！ まず、サイトにアクセスしてトップページにある「START NOW」ボタンをクリックします。 次に、「名前・メルアド・パスワード」を入力してユーザー登録を行います。 すると、自分専用の「ダッシュボード」が作られます！ この画面からWebサイトを作ったり、ページ解析やサポートなどさまざまな機能にアクセスするこ

2. 2016/01/29 OBS 勉強会 #1 上野 裕樹 産業技術大学院大学 人間中心デザイン2012年度卒業生 大規模サイトの設計・運用マネジメント マークアップ・フロントエンドの設計・実装 中小企業のコンサルタントや、チームマネジメントなど 株式会社大塚ビジネスサービス Web制作チーム所属 インフォメーションアーキテクト / フロントエンドアーキテクト

Prott User Meetup vol.11 Google Playベストアプリ特集 で話したことです。 補足などをここに書きました。 http://tech.pepabo.com/2016/02/05/talked-about-ui-design/Read less

情報やデータを視覚的に表現し、受け手に直感的な気付きを与えるインフォグラフィック。一般的には「図解」のようなものとして認知されているが、ひと工夫を凝らすことで、興味や関心の低い相手を振り向かせる、コミュニケーションの強力な武器になる。 インフォグラフィックでは、図解にピクトグラムを組み合わせるなどの手法で、より感情に訴えかけるビジュアルを制作する。ここで、図解とインフォグラフィックは以下のようなものだ。 最近では、企画書や提案書にもインフォグラフィックが使用されることがある。確かに「相手を魅了する」という特徴は目的に合致するが、デザインの心得のない人間にとってインフォグラフィック制作は少々敷居が高く感じるだろう。 日本におけるインフォグラフィック制作の第一人者は、『NewsPicks』のインフォグラフィックス・エディターで、『たのしいインフォグラフィック入門』（ビー・エヌ・エヌ新社）著者の

物心ついて初めての「将来の夢」はウルトラマンでしたが、巡り巡ってWEB編集者10年目に突入しました。どうも。夢破れたすべての大人を応援している@sakucchiです。 最近、雑誌社からWEBに転向する編集者と仕事をする機会も増えてきました。 サンプリング数が少ないのでなんとも言えませんが、彼ら彼女らが入社後にぶち当たる「壁」のようなものが見えてきたので、今日はそのことを書こうと思います。 それは「流通」「展開」「数字」の3つの壁です。 1.流通の壁 コンテンツビジネスは「生産」と「流通」の2つの力を、いかに最大化できるかがひとつのポイントです。 たとえ面白いものができても、それが誰にも届かなければ存在しないのと同じですし、流通網が整備されていても、届けられるものが面白くなければ、誰にも読まれません。 あくまでも一般論ですが、雑誌社は編集部と販促部に分かれてることが多く、既に書店やコンビニへ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

WordPressテーマ:おしゃれなポートフォリオが作れる！簡単にカスタマイズできる日本語対応「LIQUID PORTFOLIO」 写真集やデザインなどの作品集としてWEBサイトを作ってみたいなと思うとき、「どうやったらいいのか」「テーマを選ぶときに何て言うのだろう」と思う方。 「ポートフォリオ」のキーワードを追加して探すといろいろでてきます。 ポートフォリオとは・・・ ポートフォリオとは紙挟み、書類かばん、作品集、品揃えなどを意味するものです。つまり、自分の制作実績や作品集として使われています。 今回は以前より紹介している「LIQUID PRESS」シリーズからポートフォリオ向きのWordPressテーマがリリースされたので紹介していきたいと思います。 今回のWordPressテーマももちろん国産で日本語対応しており、最新のBootstrap4を採用し、SEO対策、SNS連携などもされて

プロデュース、マーケティング、エンジニアリングなどウェブサービスの運営に携わる全ての担当者にとって、ユーザーの活発な利用を促進するユーザーインターフェース（UI）の企画と開発は大きなテーマである。提供されるサービスが価値の高いものであったとしても、ユーザーにとってUIが使いやすいか否かで、サービス全体のKPIの達成が大きく左右されると言っても過言ではない。 こうしたUIの刷新と評価をスピーディに進め、ユーザーの利用促進を成功させた好例が、グルメサービス「Retty（レッティ）」だ。2011年6月のサービス開始から利用者数は順調に伸び、2015年11月には月間利用者数が1500万人を突破。投稿されたクチコミの件数は2015年12月に200万件を突破するなど成長している。その背景には、年間200件を超えるUIの改善が挙げられるのだという。 RettyのデザイナーチームはどのようにUIを見直し、

アプリのUIデザインをまとめたギャラリーサイトを紹介します。デザインのアイデアが思いつかないときや、アプリのUIをさらに改善したいときに参考になりますので、ぜひチェックしてみてください。 CAPPTIVATE.co http://capptivate.co/ アプリのUIを動画で見ることができるサイトで、画像をマウスオーバーすることで自動的に動画が再生されます。UIのパターンやバウンド、イージングなどアニメーションの効果でも探すことができ非常に便利です。「Capptivate.co」のiOSアプリも配信されているので、こちらもおすすめです。 UX Archive http://uxarchive.com/ 「ログイン」や「商品の購入」などユーザーの各行動フローに注目したギャラリーです。ひとつの行動フローが複数枚の画像で表現されています。アプリの機能を考えるとき、どのような画面・項目が必要な