Following the paw-steps into dog food history to give a little taste of what our canine companions have had to taste throughout the centuries. Feeling like a burrito, sloth, or a mojito? On Google, there are now over 600 profile avatar illustrations for any mood imaginable.

アプリの企画、制作 ウェブアプリからスマホアプリ、システムまで、要件に合わせて環境やプロジェクトチームの構築から行います。代表がNuxt.js好きです。 使用技術 フロントエンド HTML, CSS, movie, JavaScript, Vue.js バックエンド PHP, Node.js, Python DB MySQL, PostgreSQL, MongoDB, SQLite クラウド AWS, Firebase, Heroku, Netlify no code studio アプリ開発 Electron, Capacitor プログラミング教育 大人向けに自社開発のテンプレートを使ったレクチャーを、子ども向けにロボットを使った教室を行っています。 地域活性化支援 CivicTech（シビックテック）をはじめとして、政策提言のサポート、雇用創出の支援を行っています。

レスポンシブなサイトなどで、画像の横幅を100%に指定している場合、画面サイズによっては画像がオリジナルサイズよりも大きく表示されることがあります。jquery-addMaxWidth.jsは、max-widthを自動で追加することで、任意の画像がオリジナルサイズを超えて表示されることを防ぎます。 ダウンロード 配布終了しました。 使い方 $(function(){ $("img.amw").addMaxWidth(); }); imgタグに対して、自身のオリジナルサイズの横幅をcssのmax-widthとして付与します。「img.amw」のところにお好きなimgタグを指定してご利用ください。 どうでもいい開発秘話 このjQueryプラグインを書くキッカケは、私が作ったデザインを別の方にコーディングしていただいたことに始まります。見出しなどの文字画像は、それぞれ文字数が異なりますから、当然

2020/02/14舞台『乱歩奇譚 Game of Laplace ～怪人二十面相～』、DVD、Blu-rayディスクご予約特典、決定のお知らせ 2020/01/22舞台『乱歩奇譚 Game of Laplace ～怪人二十面相～』Blu-rayディスク・DVD発売日決定のお知らせ 2019/09/30舞台『乱歩奇譚 Game of Laplace ～怪人二十面相～』 公演DVD・Blu-ray予約受付中 2019/03/21舞台『乱歩奇譚 Game of Laplace ～怪人二十面相～』第３弾キャスト、あらすじ、公演スケジュール、チケット情報、発表 2019/02/06舞台『乱歩奇譚 Game of Laplace ～怪人二十面相～』情報 2017/03/06*アケチ役： 北園涼さん、ミカサ役： 矢尾一樹さんによるニコニコチャンネル『矢尾一樹の出張！！矢尾ちゃんの部屋』４月２日（土）２

世の中には、２通りの人がいる。雑用を嫌々ながらやっつけでやる人と、雑用を丁寧にやる人だ。 もちろん雑用など、みんなやりたいはずもなく、進んで引き受ける人は奇特な人である。 だが、「いずれにせよ誰かがやらなければならない」となった時の態度で、その方が信用に値する人物かどうか分かる。 私がそれを知ったのは数年前、ある製造業に訪問した時のことだ。 その会社はとにかく現場を綺麗にすることに固執していた。 製造業で働いている人ならばよくご存知だと思うが、現場の綺麗さ、整理整頓のなされ方でその会社の技術力や品質はほぼ分かる。 その会社も例外にもれず、「現場がとても綺麗」な会社であった。 「現場がとても綺麗ですね」と率直な感想をいうと、その会社の経営者は「ありがとうございます。でも、まだまだこんなレベルでは世界で戦えません」と言った。そして、 「新しく会社に入ってくる方々の意識改革が大変なんです」と言っ

タイトルロゴの違いが明らか！（画像はYouTubeのスクリーンショット） 映像作家マーカス・ローゼントレィターが、絶大な人気を誇るジョージ・ルーカス監督の『スター・ウォーズ』シリーズ6作を同時再生した動画をYouTubeで公開。その動画は、 NY Daily News などさまざまな海外メディアで紹介されるほど話題になっている。 【写真】待望の新作！『スター・ウォーズ／フォースの覚醒』 同シリーズ6作を全て観たことのある人は多いに違いないが、6作を全て同時に観たことのある人はいないだろう。そんな未体験を可能にするのが、今回公開された動画だ。タイトルはその名も「Star Wars Wars: All 6 Films at Once」（スター・ウォーズ・ウォーズ：6作を同時に）。シリーズのエピソード1から6までが音声も含め、同時再生される。 ADVERTISEMENT この実験的映像を観ると、

グルーヴをより深く理解でき、新しい発見にも出会える。音楽好きなら覚えておいて絶対に損はないメソッドです。 さて、音楽には生まれつき秩序がありますが（少なくとも大半は）、音符と記号だらけの譜面を見てその秩序をぱっと理解するのはなかなか難しいですよね。ところが円と針を使って表現すれば、音楽を構成しているあらゆる音のバックボーン…つまり｢リズム｣がとてもシンプルにヴィジュアライズできるんです。 TEDで紹介されたこのユニークな方法では、時計のようなメタファーが使われています。時計とちょっと違うのは、円盤上に何重もの輪が描かれ、ポイントとなる位置に印がついているところでしょうか。 John Varneyさんが紹介する｢ホイール・メソッド｣は、異なるタイプのビートやそれらが全体のリズムの中で担う役割を直感的に理解でき、かつシンプルに類型化できます。 世界にちらばる様々なジャンルの音楽にどれだけ共通点

「Photoshopしか使えない」Webデザイナーとは、「お絵かき」「見た目」だけにこだわるデザイナーのことです。ビジュアルデザイン以外の付加価値がないデザイナーは今後は生き残ることは難しいです。 今ではWebサイトを作ることが当たり前になりました。 それどころかスマートフォンの普及でレスポンシブWebデザインで作るサイトも当たり前になっています。また、ASPでWebサイトを作るサービスも増えています。JIMDOなどが代表的な例でしょう。 普通に「Photoshopしか使えない」だけのデザイナーは、もう生き残れるのは難しいでしょう。

Qiita 上では sytle タグが入れられないようなので URL末尾に .md を付加して手元の Markdown プレビュアーで確認することにする CSSでキレイな日本語フォントの明朝とゴシック | Ri-mode Memo を参考にさせて頂いた。 分かりやすくするため、フォントサイズを 2.4rem ぐらいで。 .font-size-big { font-size: 2.4rem; } .mincho { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 2.4rem; } .bold { font-weight: bold; } .italic { font-style: italic; }

font-familyについて。 だいたいのサイトは見出しから本文から全部ゴシックなので、ゴシックは基本のお気に入りセットみたいのをつくって使っております。 しかし明朝指定はこれまではあんまり機会がなく、とくにそういうの持ってなかったのですが、 このところクライアントからの要望や自分で作ってたやつなどなどで明朝指定をすることが重なったので、この機に明朝の基本セットをつくっておこうということで以下に決めました。 font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

シロクロは、ブランディングとコンテンツマーケティングを掛け合わせた戦略を提供するWeb制作会社です。 WordPress構築、オウンドメディアの制作や改善、BtoB中小企業のコーポレートサイト制作を得意としています。 ご相談や概算見積の段階では費用はかかりませんので、要件が定まっていない段階でも、お気軽にご連絡いただければと思います。

Welcome to Eighteen Penguins Design Office. Cover - Parents birds hold eggs and chicks on their feet - #001 : Emperor penguin まずは、こんにちは。こんばんは。 このような辺鄙なウェブサイトを訪問していただき、どうもありがとうございます。ようこそ。 ここは、『18ひきのペンギンたちデザイン事務所』。僕、デザイナの水田（と18ひきのペンギンたち）が営んでいる独立まもない小さなデザイン事務所のウェブサイトです。 デザイン事務所といっても、得意なことはウェブデザイン。 まだ、『ウェブデザイナ』という職業が一般に浸透する以前から、僕は2つの制作会社でおよそ10年間、ウェブサイトの制作に携わってきました。ウェブ制作というと、大勢でそれぞれの専門分野を担当し分業してつくり上げるの

まとめ使われているフォントは、AXIS、ゴシックMB101、筑紫A丸ゴシック、筑紫明朝などが多く、明朝体よりもゴシック体の方が人気のようでした。無償で利用できてクオリティの高い源ノ角ゴシックも今後増えていきそうです。これらのサイトで使われているサービスはTypeSquare、FONTWORKS、FONTPLUS、Fonts.comなどで、それ以外のサービスはフォントブログの国内のWebフォントサービスまとめ - フォントブログに特徴も分かりやすくまとめられています。 日本語Webフォントは多くの場合定額で費用がかかること、そして読み込み処理の問題があります。ただメリットとしては、構築／更新のしやすさと文字の美しさを両立できるので、できるだけ使っていきたいと思いました。 ブログ一覧へ

fonts.comの日本語Webフォント「AXISフォント」を導入してみたら、学生さんから「どんなフォントを使っているのですか？」と質問が来たのでブログ記事にしてみます。 海外のWebフォントサービスです。海外のベンダーさんには珍しく日本語Webフォントを扱っています。ちなみに、日本語にローカライズされていますが、翻訳がものすごく変です。 取り扱っている主な日本語フォントは次の通りです。 AXISフォント（AXIS株式会社） ダイナフォント（ダイナコムウェア株式会社） イワタフォント（株式会社イワタ） モトヤフォント（株式会社モトヤ） 変わったフォントとして、なぜか「MS ゴシック」「MS 明朝」シリーズも取り扱っています。 fonts.comを使ってみるときに知っておく点がいくつかあります。 無料で使えますが、バナーが表示されます。そして、日本語Webフォントは使えません。 有料プランに

iOS7 以降とYosemite になってから　ヒラギノ角ゴシックにw1, w2 のウェイトが追加されたので、 CSS でHelvetica Neue とのいい感じの混植を模索。 とりあえず Yosemite だけでいい感じになるように。 .w1, .w2, .w3, .w6 { -webkit-font-smoothing: antialiased; } .w1 { font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1"; font-weight: 100; } .w2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", ".HiraKak

各環境でどんな日本語フォントが使えるのか、まとめてみました。 それぞれのOSで標準添付されていると思われる日本語フォントをCSSの指定で表示させたものをキャプチャーしました。小さい方の字は16ピクセル、大きい方は 150% とCSS上で指定しています。使用ブラウザは主に各環境の標準ブラウザ(MacはSafari、WindowsはEdge)です。 Mac Windows Linux macOS Sonoma (14) ヒラギノ角ゴシック (ウェイト:W0〜W9の10段階) font-family: "HiraginoSans-W0","Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 100; font-family: "Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 400; font-family: "Hiragino S

引用元：フォントカタログ5・ブラウザのデフォルトフォント 合成フォントの問題 font-familyを指定する際に、日本語フォントよりも優先順位の高い位置に欧文フォントを置くテクニックがあります。こうすることで、欧文フォントに存在しない文字だけ日本語フォントが適用される、いわゆる合成フォントが実現できます。ブラウザの標準フォントでも、safariではHelveticaとヒラギノ、IE8ではArialとMSゴシックの合成フォントが適用されています。 合成フォントは、日本語フォントの英数字を見やすくする措置です。しかし、ひとつの文章の中に複数のフォントが混在すると、文字の大きさやウェイト、ベースラインなどが微妙に異なり、違和感を覚える懸念があります。英数字だけにやけに太かったり、ひとまわり小さかったり。印刷物と違って、ウェブでは微調整がとてもむずかしい。特別、デザイン的な狙いがないのであれば、

はじめに こんにちは、くろていです。先日、TwitterにてWindows/Mac間の違いにおいてのフォントの表示、内蔵しているフォントについて少し話し合いをしました。その内容を受け、「様々な環境の視点から」どう「きれいなフォント」を表示するかを考え、それをまとめ、みなさんに知って欲しいと思い、記事を書きました。 実装案 各OSに入っているデフォルトのフォントを把握する 様々な環境の視点からフォントを考え、指定するときには、もちろんそれぞれの環境のデフォルトに内蔵されているフォントを知ることが最重要です。それをまとめ、整理してみました。(ゴシック体のみ) Windows: MS Pゴシック, メイリオ(vista以降), 游ゴシック(8.1以降) Mac:ヒラギノ 角ゴシックProN W3,W6,W8, 游ゴシック(Mavericks以降), MS Pゴシック(Office for Mac

はじめに 2017/01/20現在、挙動のテストが追いついていないので、このページを訪れる人に役立つと思われるリンクを置いておきます。 https://speakerdeck.com/tacamy/modanri-ben-yu-huontozhi-ding https://rxon.now.sh/crossPlatformYu.md 以下は2013年11月の情報なので参考にしないでください(その間にChoromeがDirectWriteに対応してnameテーブルの参照メタデータが変わったりしていて、設定すべきfont-family値が変わっていることが大きな要因です)。 序文 Windows8.1とOS X Mavericksのリリースが開始されました。 Windows8.1ではRC版にインストールされていた游ゴシックに加えて、游明朝もインストールされています。 OS X Maverick

美術系の学生に特に多いのは、卒業後に企業には就職せずフリーランスとして働くパターンです。デザイナーやディレクターとして個人で仕事を受注して、仕事をする道もひとつの選択肢ではあります。今回お話を伺った千合さんも卒業後はフリーランスとして働く道を選んだひとりでした。独立してどのように働いていたのか、1年後どのようにCEKAIに所属することになったのか、卒業後の独立を考えている学生に、是非読んでいただきたいインタビューです。編集・執筆 ／ AYUPY GOTO 詳しいプロフィールはこちら CEKAIと個人を行き来する、最先端の働き方 ― “CEKAI”はどういった会社なのでしょうか。 千合さん：京都・東京に拠点があり、個々のメンバーが持つ専門領域を活かしながら作品や企画を提案することで「純度の高いものづくり」を目指している組織です。様々な分野や形式のお仕事の依頼をいただき動いていますが、僕は主に

Những điểm nổi bật của nhà cái Bj88 Đội ngũ phục vụ chuyên nghiệp, luôn sẵn lòng hỗ trợ 24/7, đảm bảo sự tận tâm và hiệu quả. Sở hữu hệ thống trò chơi đa dạng với hơn 3000 tựa game cho bạn lựa chọn, đảm bảo sự đa dạng và thú vị. Được đánh giá cao về uy tín, hoạt động dưới sự giám sát của cơ quan giải trí và an ninh mạng quốc tế. Quy trình đăng ký và nạp tiền được thực hiện một cách thuận tiện và h

「SUGOI JAPAN Award2017」アニメジャンル「SUGOI 20」にノミネート！国民投票スタート！

人は、人生の大きな決断をするとき、信じられないほど自分に厳しくなります。しかし、恋愛であれ、仕事であれ、複雑で多面的な事柄について決定を行うときは、間違いをしてもOKなのです。実際問題、あなたがする最初の選択は、たいていは間違っています。例えば、こんなふうに思ってしまうことはありませんか？ 5回も恋愛が破綻に終わったとき、自分はひとりっきりで生きていく運命なのだと考える。 大学に行き、学位を取って、何年も働いたあとで、その仕事が嫌いだと気づいたとき、なぜもっと前にわからなかったのかと落胆する。 本を書きたいとか、NPOを立ちあげたいとか、何か価値あるものを創造したいという夢を持っていて、最初の試みで失敗したとき、そもそも自分には向いていなかったんだと考える。 こうしたケースにおいて、間違うということは（また、あとから振り返って、間違いだったと気づくということは）、正しいことをしているサイン

roomieより転載：世界最大級の家具・雑貨チェーンのイケア。2015年5月に、イケアの故郷であるスウェーデンのエルムフルトへ世界中のメディアを招き、イケアのビジョンを伝える「Democratic Design Day 2015（デモクラティック・デザイン・デー）」が開催されました。イケアは「より快適な毎日を、より多くの方々に（Create a better everyday life for the many people）」をビジョンに掲げ、家具から、カーテン、カーペット、寝装品、食器、家庭用品まで、私たちの日常生活にまつわるさまざまな商品を取り扱ってきました。 そして、これら多種多様な商品の礎ともなっているイケア独自のデザイン哲学が、「デモクラティックデザイン（Democratic Design）」。"みんなのためのデザイン"、という意味です。 ・FORM（優れたデザイン） ・FUN