最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Glober 個人・商用利用無料。thin, boldの2書体。 ※現在プロモーション中で、全18書体が
ダウンロードしておきたい！フリーのデザインフォントのまとめ -2014年2月
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Glober 個人・商用利用無料。thin, boldの2書体。 ※現在プロモーション中で、全18書体が
大学生が約3年間WebアプリとiPhoneアプリを合計16個リリースして感じた10個の事 - ゆとりIT
どうも。 何か情報発信をするべきなんじゃないかとふと思って久し振りに記事を書こうと思います。 ところで、私は大学1年生だった2011年の6月からWebアプリとiPhoneアプリを開発してきて、今までに16個のアプリをリリースしてきました。 内訳ですがWebアプリが10個、iPhoneアプリ6個で合計16個です。個という単位があっているのかはわかりません。 開発を始めたのは2011年6月で、2011年の3月にとあるWeb系の会社でアルバイトしていた時に「あ、Web楽しい」って思ったのがきっかけで、Webアプリ、そしてiPhoneアプリを作ってきました。 それまではWebといえば、しょぼいHTMLとしょぼいCGIくらいしか書けませんでしたし、あまり興味がありませんでした、というより自分にはできないと思ってました。 ずっとそれまではネットワークとかセキュリティが好きでちまちまPythonでスクリ
なにこれ超便利！レスポンシブデザインのサイトが各デバイスでどう見えるかが一目瞭然！Adsenseの確認にもなるよ！ | なまら春友流
当サイトはレスポンシブデザインを採用している。 それに合わせて最近GoogleAdsenseのコードをレスポンシブ対応のものに変更した。 その際に面倒なのが、広告が自分のサイトでどう表示されているのかの確認。 キャッシュが残ってたり表示させるガジェットを持っていなかったりという問題があってなかなか簡単に確認できなかったけれど、そんな悩みを一発で解決してくれる便利サイトがあったのでご紹介。 http://mattkersley.com/responsive/ ↑ 上記サイトで自分のサイトのURLを入力すれば各デバイスでどのように表示されるか確認できる。 レスポンシブ対応のAdsenseもそれぞれの大きさに合わせて表示されるのでわかりやすい。 個別ページのURLを入力すればそれぞれのページも表示されるので、トップページと投稿ページのカラムや表示を変えている人にとっても重宝する。 うん、これは便
「古いIEの対応したくないんで新しいパソコン買ってあげます」というすごいWebサービスが登場
古いブラウザでも使えるようにWebサイトを作るのは、ものすごく面倒で生産性のない作業。Web界隈の人なら誰もが一度は古いブラウザを使い続ける人を呪ったことがあると思われますが、とあるWebサービスの運営者は「新しいPCを無償提供するのでそれでアクセスしてください」という抜本的かつマッチョなソリューションを編み出しました。 こちらが問題のサービス「Nursing Jobs」。訪問看護・介護のジョブマッチングサイトです。先日リニューアルしてこんなモダンな見た目になったほか、タブレット端末などにも対応したそうです。 Nursing Jobs: Travel Nursing Jobs, Per Diem Nurse Jobs and Staff RN Jobs Nursing Jobsはつい先日まであの悪魔のブラウザ、Internet Explorer 6に対応していたそうです。しかし今回のリニュ
ウェブ世界の終焉について
「PCの死」と「平等なウェブ世界の終焉」 ここに書かれているようなウェブ世界の終焉が、近い将来実際にやって来る可能性は十分にあると思った。 ウェブ世界といっているのは、要はウェブブラウザのこと。 10年後、ウェブブラウザというのは時代遅れのアプリケーションになっているかもしれない。 完全に消えはしなくても、現在の RSS リーダーのようなストイックな位置づけになって、HTML リーダーと呼ばれているかもしれない。 ティムバーナーズリーが作った WWW は、HTML、HTTP、URL によって成り立っている。 その三要素のうち、HTML はもう半分ぐらい死んでいる。 ウェブサービスの多くは RESTful な API を持っており、ウェブブラウザやネイティブアプリなど複数種類のクライアントから利用される。これらはサーバーから JSON や XML といった非 HTML データを取得し、パース
Web制作の見積もりの難しさとか相場とか｜withComputer
つらつらと考えてしまった記事があったので、長くなるけど書く。 WordPressサイトを構築するといくらかかる？ 見積り勉強会で価格を出してみた | WordBench WordPressの見積り勉強会を終えて、運営の一人として思うこと うえむ日記 - トヤヲ.ネット この手の試みは勉強会としては珍しいのかもしれないけど、Web制作者向けの専門誌「Web Designing」では、架空案件の見積もりをしてもらうアンケートが毎年行われている（Webデザイナー白書という企画の一環）。この手の話が気になる人は、ぜひバックナンバーを取り寄せて読んでみて。 見積額については、上の記事でも「大きな開きがでました」と述べられているけど、Webデザイナー白書の方はもっと極端で、下は6万円、上は1,000万円という結果。発注側（クライアント側）からすれば「ありえねーだろ」という感じかと思うが、これにはいくつ
デザイン力を鍛える！Webデザインのフロー別セオリーと知識まとめ
以前、「WEBデザインが短期間で上達した方法」では、 上達する近道として模写を紹介しましたが、 それ以外にも基本的なセオリーや知識を知っているだけで、 デザインをする力が格段にアップします。 4月からWebデザイナーになる人、また学校に通う人向けに Webデザイン（カンプ）を作成する際のデザインの制作フローごとに 大雑把にですがビジュアル面を中心として、 セオリーと知識をまとめました。 もくじ 情報共有 競合調査 ワイヤーフレーム デザイン 完成に向けて まとめ 余談 情報共有 ディレクターや営業と情報を共有し方向性を統一するのが第一歩。 どのようなクライアントで、どのようなデザインをするのかを ヒアリングやミーティングで共有することで、 デザインのクオリティが変わってきます。 ウェブ制作で使えるヒヤリングシート ディレクターとデザインのあれこれを共有する方法のまとめ 競合調査 クライアン
Web技術を使うということ - Nothing ventured, nothing gained.
私の高校の後輩（と言っても、だいぶ年齢は離れている）に心理学の研究者がいる。ひょんなことから知り合い、主にFacebookで交流を続けている。 あるとき、ブラウザの不具合を訴えていたので、つい「Chromeを使えばいいのに」と書き込んだら、本当にChromeをメインブラウザにするようになってくれ、それ以降、いろいろとアドバイスをしている。実験結果グラフの表示をどのようにすれば良いか悩んでいるようなことを書き込んでいたときには、Google Charts APIを紹介してあげたりもした*1。 すべてWebで その彼が最近、Web技術を研究に使うことの意味をブログで整理していた。この中でWeb技術を使う利点を以下の3つにまとめている。 １．オープンソース Javascriptのライブラリはおそらくほとんどのものがオープンソースです。そしてChromeやFirefoxなどのwebブラウザも無料で
新しさ満載！GIFアニメーションを効果的に使ったwebサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 今回はGIFアニメーションについてお話させていただきます！ GIFアニメーションは、複数のGIF画像をつなげてパラパラマンガのようにWEB上で動きをつける表現手法のことです。 昔からある手法なので古くさいイメージを持たれている方もいるかもしれませんが、手軽でブラウザを問わず閲覧することができ、その表現力の幅広さからGIFアニメーションは長年愛され続けています。 特にFLASHの人気が低迷してからは完全復活しましたね。 そんなGIFアニメーションを効果的に使用したWEBサイトをご紹介させていただきます。 GIFアニメーションを効果的に使用したWEBサイト 卤猫 http://www.oamul.com/ 海外のイラストレーター＆アニメーターOamul Luさんのポートフォリオサイトです。 とにかくイラストの雰囲気がとても柔らかくて癒されます。 ポートフォ
スタートアップは米国発だけじゃない！ドイツ生まれのWebサービスまとめ | Goodpatch Blog
スタートアップと言えば米国発のイメージが強いですが、フィンランド発のAngry Birdsや、スウェーデン発のSpotifyなど、実は米国以外の国から生まれたスタートアップも少なくありません。今回のMEMOPATCHでは、最近GoodpatchにJoinしたドイツ人のBorisが紹介してくれたドイツ発のサービスについて紹介します！ ResearchGate http://www.researchgate.net/ ResearchGateは科学者や研究者のためのソーシャルネットワークで、論文の共有や意見交換などをすることが出来ます。世界中で300万人以上のユーザーに使われており、ビル・ゲイツなどから3500万ドルもの資金を調達しています。 Salon.io http://salon.io ドイツの9elementsが手掛けるSalon.ioは、ドラッグ＆ドロップをするだけで誰でも簡単にサイ
デザイナー死亡カルタを写真素材で完全再現｜フリー素材のぱくたそ
ブラックユーモアと流行りネタが大好きな無料写真素材PAKUTASO/ぱくたそ から、『給料安すぎ』、『今でしょ！』、『5000万円が鞄に入らない』などのパロディ写真素材に続いて、クリエイター系のメディアやブログのアドセンス広告（下記参照）で頻繁に目にする、『ちくしょう。転職だ！』というキャッチフレーズを元に、クリエイターが叫びたくなるようなシチュエーションの写真素材をリリース致しました。 「デザイナー死亡かるた」とのコラボ 「ちくしょう。転職だ！」というシチュエーションにマッチしたシーンですが、昨年クリエイターの間で話題になったえあぱっどそるさんの、「デザイナー死亡かるた」（下記、一覧参照）ツイートを採用しております。DTPやWebデザインに従事するデザイナーという業種に絞ったあるある的なネタが秀逸です。あ行～わ行すべてを写真素材として再現しています。 ※ ツイート内容の著作権はえあぱっど
すごい役立った！Web制作に特化した「提案書」に入れておきたいこと、知識
作成：2014/02/3 更新：2014/11/01 ディレクション > 提案書に必ず書いておきたいことを順を追ってメモしました。イメージはブログ用なので簡易的なものとなっています。フローや内容は会社によって違うと思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイトリニューアルの提案 自社分析によるサイトの問題点とその解決策 見やすさ、管理しやすさへの主な工夫 サイトレイアウト案（トップページ） フロント画面＋管理画面 イメージ 保守＋運用 セキュリティ面でのご提案 バックアップと緊急時の対応 サイトマップ案 強み、実績、事例 スケジュール サイトリニューアルの提案 企画提案書の流れをメモしておきます。実際に提案するときは、ポイントをおさえて簡潔に説明していきます。必要な部分だけピップアップして使います。 自社分析によるサイトの問題点とその解決策
HTML Color Codes - What's your color
All About Picking Colors Digital color can be represented in a number of ways. The most common ways to represent color on the web are via a 6-digit HEX number, RGBA, and HSL (Support for HSL was added in CSS3). Hex is a 6-digit, 24 bit, hexidecimal number that represents Red, Green, and Blue. An example of a Hex color representation is #123456, 12 is Red, 34 is Green, and 56 is Blue. There are 16
フォント選びで個性が出る！ はてなデザイナーお気に入りのフォント16選 - Hatena Design Group
あけましておめでとうございます。はてなデザインチームの id:tanemu です。 デザイナーが個人的に好きなフォントって気になりますよね。新年最初のエントリーは、お気に入りのフォントについてデザインチームに聞いてみました。どことなく人となりが感じられるチョイスになったような気がします。 id:ueday いつもフォント激安情報をIRCに流してくれる id:ueday さんのおすすめは、 salome めちゃくちゃおしゃれ、だけど使いどころが難しいから腕が問われる。 ITC Lubalin Graph スラブセリフかっこいいです。 uedayさんの資料で、数字部分におおきくsalomeをあしらっているのを目撃したことがあります。どちらもXハイトが高めの特徴的なフォントですね。 また、よく使うフォントも教えてもらいました。 見出ゴMB31 ツメて使うのが好み Lato Google webf
2
こんにちは、あゆみです。 Web用としてデータを作成し、フライヤーなどで印刷したとき「なんか色が違うなあ……」と思ったこと、ありませんか？ RGBからCMYKへ変換すると、墨がくすんだような仕上がりになることがあるんです。そこで今回は、Webと紙の両方でデザインをするときに気をつけたい、ちょっとしたことをまとめてみました。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ CMYKとRGBの基礎 まずは色そのもの（CMYKとRGB）についてさくっと説明します。 みなさんが普段目にするものにはすべて色がついていますよね。すべての色は光からの刺激でそ
947 companies in 43 categories: the increasingly crowded marketing technology landscape
Join our daily and weekly newsletters for the latest updates and exclusive content on industry-leading AI coverage. Learn More Ion Interactive CTO and marketing technologist Scott Brinker has released version 3.0 of his “marketing technology landscape supergraphic.” It’s certainly super. The icon-strewn graphic contains a staggering 947 companies that offer mostly web-based software as a service f
【2014】新年さっそく公開されたすごいWebサイト
あけましておめでとうございます。 新年さっそく公開されているすごいWebサイトをご紹介いたします。 （随時更新予定、追加希望はお問い合わせから） 年賀状2014.psd → 年賀状2014.psd 毎年恒例のKAYACのお年賀サイトです。 Webサイト自体がPhotoshopにのような感じの年賀挨拶ページとなっています。スマホでも閲覧できるしクオリティがすごいです。 お好き玉 → お好き玉 先着2014名限定で「いいね！」を押せた人に「お好き玉」2014円あげるという企画。 普通に押そうとしても、いいねが、、、、おせない！！！！ Gunosyより
Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない！上手くなるにはどうすればいいの？など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Flipsblog.jp
