タグ

ブックマーク / webcre8.jp (17)

  • フォントの総選挙！★ Fonts.com で人気のフォントランキング TOP100その他

    Fonts.com の毎日更新ランキング 世界最大のフォントファウンダリ(制作会社)である Monotype のオンライン販売サイトFonts.comでは、毎日更新でベストセラーフォントの発表を行っています。ベストセラーということですから恐らくは通算の数字となるのだと思います。 今回はこのフォントランキングの2013年6月23日付けでのランキングを調査したので、世界ではどんなフォントが人気があるのかチェックしてみてください★ TOP 10 フォント まずはTOP 10から。とは言え、この辺はさすがに伝統のあるフォントばかりですね。 しかし殆どのフォントがこのサイト内で2000年発売の古いものであるなか、比較的販売開始が遅かった ITC Avant Garde Gothic® と Neo® Sans が健闘している印象ですね。 Neue Helvetica® Linotype

    フォントの総選挙！★ Fonts.com で人気のフォントランキング TOP100その他

  • [デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した

    考える。 WEBCRE8.jpによるweb制作やデザインについての考察を 書き綴っていくカテゴリです。

    [デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した

  • [web制作]webコンテンツの可読性を左右しそうな要素を思いつくだけ書き出した

    最初に定義をしておくと、可読性とは、素早く読めるか、理解しやすいか、読んでて疲れないかという事です。これらにおいて可能な限り優れたものを作ることが、コンテンツと、それを届けようとする各セクションに関わる人が考えるべきことだという事になります。 可読性とコンテンツ まず、何はなくともコンテンツです。文章が読み易いものであることを可読性が高いという言い方をするのは聞いたことがあるかと思います。そのうち、コンテンツ自体が読み易い内容であるかどうかをリーダビリティー(readability)と言います。 リーダビリティーに関わってくるのは 文章量 図版率 内容 表現、言葉遣い といったものです。コンテンツを作る人は、自分の書いている文章の長さ、文字と図の割合、内容、表現の複雑さ等を届ける相手に適したバランスにしなければいけません。 可読性の低いコンテンツ

    [web制作]webコンテンツの可読性を左右しそうな要素を思いつくだけ書き出した

  • はてなブックマーク＆RSSチェック用iPhoneアプリ「FeedDrop」

    先週友人のみぞれ様がiPhoneアプリを制作しリリースされたとのことなので、遅ればせながら記事で紹介させて頂こうと思います★ 受動的情報チャネルの一元化ツールとして。 能動的な情報収集と受動的な情報収集 web制作の学習において、情報収集は必須ですよね。 情報収集にはRSS配信等やメールマガジン、まとめ等でオススメされる受動的な情報収集と、検索エンジン等で今必要な情報を探す能動的な情報収集があります。 そのうち、受動的な情報収集は更に、ブログのRSS等の配信者ベースでの情報と、ソーシャルブックマークやGunosy等の、キュレーションやレコメンドベースの情報に分類できると思います。 [情報収集]Gunosyによってちょっと情報の拡散のされ方が変わりそうな件 – WEBCRE8.jp Googleリーダーの終了… RSSによる情報配信とキュレーションについての実感 – WEBCRE8.jp オ

    はてなブックマーク＆RSSチェック用iPhoneアプリ「FeedDrop」

  • [web制作]脳みそに素振りをさせる

    考える。 WEBCRE8.jpによるweb制作やデザインについての考察を 書き綴っていくカテゴリです。 ものを作ること、楽しいです 私は趣味でも仕事でも、ものを作ることに楽しさを感じています。ゲームだったり、絵だったり、ポスターだったり粘土細工だったり。仕事になっているのはweb制作だけですが、何かを発想してそれを思い通りの形にする、人のイメージを具現化して想像通りだと喜んでもらう、というのは他の何にも代え難い楽しさがあります。 そう思えることばかりだとは限らない ですが、中には自身が生産性を感じられないものを作ることもありますよね。これをやったところで、この成果はどこで役に立つのか。 また、縁の下の力持ち的な働き方には形のある実績がつかなかったり、明確に「これのどこを作った」と誇りを持つことが出来ない場合もあります。 反復 AさんとBさんは同じ額の時給をもらい、同じような仕事をしています

    [web制作]脳みそに素振りをさせる

  • [web制作]ブログ、サイト、サービスの名前を考える時の留意点

    年間500程度のwebサービス等を見てきて 私は去年の10月ごろまで「201*年*月のwebサービス・コンテンツ**(リリース・話題になったもの)」というサービスまとめ記事を書いていたのですが、11月から書いてません。わりと大変なわりにあんまりニーズがあるように思えなくなってきたというのもあって…。ネタは溜まってるんで、再開しようかな―とは思ってるんですけど。めんｄ(ry で、その中でも私はやっぱりまずサイト名に目が行くわけです。何を考えてこの名前にしたんだろう？あーなるほど、とそういう感じで考えてみてます。 その中で気にすべきだなと思ったことを軽くまとめてみます。 ユニークな名前かどうか 何はなくとも、とりあえず考えた名前で検索しましょう。これすらやってなさそうなパターンもあります。固有の名前にしましょうねーという事です。 私の中では、検索に出てこないサイトは存在しないサイトです…少なく

    [web制作]ブログ、サイト、サービスの名前を考える時の留意点

  • [HTML5 入門]HTML5におけるブロック要素とインライン要素の考え方

    http://www.hamashun.com/ で、お会いしたときにここぞとばかりに私が気にしているコーディングのしかたなどを聞いてもらったりしたのですが、いくつか気になるコメントをもらえたのでじっくり考えてみました。 今まで考えていた根拠の薄いコーディングルール 私は普段からかなり文書構造に気をつけてコーディングを行っていますが、仕様の中で理解できない部分についてはわりと独自の解釈も用いています。そのひとつに、「入れ子の同じ階層にブロック要素とインライン要素を置かない」というものがありました。 入れ子の同じ階層にブロック要素とインライン要素を置かない 具体的に説明すると、body要素等のブロック要素の直下にdiv要素等が置かれていた場合、それの外側の同じ階層状にspan要素等を置かないという事です。 <body> <div id="container"> <header id="top

    [HTML5 入門]HTML5におけるブロック要素とインライン要素の考え方

  • [デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した

    角丸の話題が盛り上がってましたね 先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました！ デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書いたりしていました。 illustratorで角丸を扱う際の注意点 ※追記しました | ナナメウエblog 私も以前デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素という記事を書いたとき、角丸についてはさらっと触れるに留めたのですが、いずれもっとがっつり言語化したいものだと考えていました。 気になることもあったし、ちょうど良いので今回便乗して記事にしてみようと思います。 形状としての

    [デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した

  • [web制作]今、制作会社の(特にスタッフ持ち回りの)ブログがアツい

    たくさんのブログのお世話になっています 私はweb制作の知識を、webでの検索やRSSで受信することをメインに集めています。本も読みたいんですけど、なかなか…年に大した量を読むことはありません。 web制作を学び始めて3年以上経ちましたが、最近特に気になるのは読んでいるブログに、制作会社のスタッフ持ち回りブログが増えてきたなーという事です。 好きな企業ブログの魅力 さて、普通の個人やフリーランスの人がやっているブログや企業名義で情報を発信しているブログと比較して、こうした(特に持ち回りブログの)見どころとは何でしょうか。 何かしらのインセンティブを用意していてスタッフの記事を書く意欲が高い、企業のワークフローに属しているのでクオリティーが高い、といったことはフリーランスの人や企業名義のブログでも同じだと思うので置いておきます。 更新頻度が高い まあ、私もやる気だけで企業ブログの更新頻度に追

    [web制作]今、制作会社の(特にスタッフ持ち回りの)ブログがアツい

  • ここ一年くらいで参考になったデザイン/webデザインに関するスライド10

    スライドはズルい スライドってズルいですよね！ｗ web制作においてはコンテンツを閲覧させる障壁とも言われるクリックを150回とか強いるのに、こんなにも読ませるコンテンツ！！すごい！ズルい！ たまに思うんですが、私の長文もスライド形式にしてしまえば読んでもらいやすいんじゃない？とか考えます。フリーのwebデザイナーのたえさん(@ken_c_lo)も同じこと考えてたみたいでひじょーに嬉しかったですｗ なんかそのうちブログをスライド化して見られるプラグインでないかなー、もしくは作ってみようかなと思っている今日この頃です。 webデザインに関するスライドまとめ 本題です。世間的には少ないと言われているwebデザインにおける「デザイン」にフォーカスを当てたスライドで私がブクマしていたものを集めてみました。 タイトル的にうん？と思うものもありますが、全て考え方等を含めデザインを考えることについて参考

    ここ一年くらいで参考になったデザイン/webデザインに関するスライド10

  • [CSS3]擬似要素とbox-shadowを駆使したエレメントデザインのコツ(サンプルコード付き)

    先日擬似要素のまとめを書きましたが、用途の説明に留まり不完全燃焼だったので…今回それを使った表現のコツなんかを突き詰めてみました。サンプルコード付きですー！★ 擬似要素で出来ることを考えていて、先日[CSS]擬似要素の実用的な使用用途のまとめ – WEBCRE8.jpというまとめを書きましたが、やっぱり自分で作ったりしたかったですｗ 今回は実際に擬似要素などを使ってCSSのみでどんな表現が出来るのか、どこが難しいのか、どんなことなら出来るのかを掘り下げてみました。その過程で出来たサンプルも公開しますー。 まずは枠線の作り方。通常枠線はCSSのborderプロパティを使い、値にdoubleを設定する事で二重線が出来ます。ここではそれにバリエーションをつける方法を解説します。 デモ：box-shadowによる実線のボーダー box-shadowで実線を作れる borderで枠線をつけるところ、

    [CSS3]擬似要素とbox-shadowを駆使したエレメントデザインのコツ(サンプルコード付き)

  • 知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ

    調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。

    知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ

  • ブログをどう始めたらいいか分からない人へ。目的とテーマ

    はじめに webcre8は毎日楽しくブログのことを考えています。ときには制作そのものより楽しくなってしまうほどにです…！ｗ 仕事柄なのか普段から仲良くさせてもらっている人たちもやはりwebに興味のある人が多く、その中にはブログを始めたいと言う人も結構います。…そして、色々考え込んじゃってなかなか行動に移せない人も多いんですよね。 webcre8自身もそうでしたし、ブログを始めてそれほど経っているわけでもありません。なので説得力がどの程度あるかは分かりませんが…この記事ではそういう人たちに向けて、どのようにブログを始めればいいかをwebcre8なりに書かせてもらおうと思います。もしかしたら超詳しい人とか遠い存在な人が書くより、私のように身近だったり普通の人が書いた方が自分と重ねやすいかもしれないですし！ なお、この記事はどちらかというと元々web制作の仕事をされていたり、勉強中の人を想定して

    ブログをどう始めたらいいか分からない人へ。目的とテーマ

  • [ダウンロード]商用無料、108個のピクセルベースパターン素材作りました

    以前グラフィックパターンの柄やテキスタイルの名前まとめと言う記事を書いたのですが、それのパターンを実際に作りました。自作パターンを持ってない人はベースに是非★ 今回作ったのはPhotoshopのパターンファイル。拡張子は.patで、Photoshopのプリセットのpatternフォルダには初期設定のものが入っています。この辺は過去記事[Photoshop]ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう！で一通り説明しています。使い方が分からない人はそちらを参照してくださいね。 グラフィックパターンの名前を調べましたけど 以前書いた[デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめという記事で、色んなグラフィックパターンや柄の名前を調べてみました。服飾やインテリア壁紙、ファブリック等に使われるこれらのパターンですが、webサイトに応用することでクールだったり、かわいらしい

    [ダウンロード]商用無料、108個のピクセルベースパターン素材作りました

  • 私がweb制作でよく使うサイト47+α 作業ごとリスト

    web制作でお世話になっている便利サイト 今回は画像もなしに一覧にしてしまおうと思います。使うときにパッと一覧するような実用性を考えているので、詰めてあった方がいいですよね。 webcre8がwebサイトの制作をしているとき頻繁にアクセスするサイトリストです。これらは大半、webcre8がこれまで「*役に立つ」タグをつけてブクマ管理していたものですが、他にも漏れがあったり他のタグに入っていたり、何故か毎回検索して使っていたサイトも多いので今回ひとまとめにしてついでにシェアしてみようかなって感じです★要はリンク集ですね。 これらのサイトをぐるぐる回っているうちにみるみるwebサイトが…出来てくると良いですねｗ 素材サイト まずはよくある素材サイト集。当然全てフリーで商用可です。webcre8は写真をバナーや商用サイトに使う事が多いので、有料素材が用意出来る場合を除き普段からクレジット不要のこ

    私がweb制作でよく使うサイト47+α 作業ごとリスト

  • デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素

    元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ

    デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素

  • [webサービス]2012年1月リリースされた(話題になった)webコンテンツまとめ

    2012年1月のwebサービス総括 2012年1月も、web、webサービスを取り巻く話題には事欠きませんでしたねー。ネガティブな話題も含めて、ですがｗ 記憶に残っている事もいくつかあるのですが、個人的にネガティブな話題を殊更論じるのがあまり好きではないので、そう言うのは華麗に忘れ去りましょうｗ Grow!が正式リリース 以前よりweb業界では話題になっていたGrow!ですが、この度サービスのサブタイトルをソーシャルパトロンプラットフォームからSocial Tipping Platform ― ソーシャルチッピングプラットフォームと変更し、正式リリースされました。年末から資金調達の話とか、景気のいい話題が飛びかってましたね。 mixiとDeNAが業務提携、ショッピングサイト立ち上げ おおー、すごいなーと単純に思いました。webcre8はmixiも使ってましたしモバゲーも割と楽しんでたので普

    [webサービス]2012年1月リリースされた(話題になった)webコンテンツまとめ
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.