タグ WEBCRE8.jp
人気順 5 users 10 users 100 users 500 users 1000 usersWeb制作（コーダー）の実務で個人的に使っている技術やツールと今後使いたいもの - WEBCRE8.jp
2015/01/06
279 users
コーダー
コマンドラインツール
npm
門前払い
実務
コマンドラインツール ターミナルからnpmでファイルをさくっとダウンロードしたり、ちょっとした繰り返し作業も一発で実行してくれるツールが色々あって、やっと苦手意識も減ってきました。 まだ全然使いこなせてはいないんですが、前に比べて意味が分からず門前払いを食らっていた便利なツールがちょっとづつ使えるようになってきました。 気になったのでこもりさん（@chiper）が販売しているDevelopment... 続きを読む
PSDデザインカンプからのコーディングに超便利！Extract for Brackets - WEBCRE8.jp
Bracketsがメジャーバージョンアップ 昨日、これまで小刻みなマイナーバージョンアップを繰り返し0.44までバージョンを重ねていたBracketsが1.0と、正式なバージョンアップを行いました。わーい！！確か私は0.14くらいから（2年近く経ってる？）使っているはずですが、開発には既に3年ほどかかっているそうです。 Brackets – A modern, open source code e... 続きを読む
[デザイン]ピクトグラムに求められる条件、制作の難しさと楽しさ - WEBCRE8.jp
2014/10/03
50 users
ピクトグラム
ピクタソン
ハッカソン
物体
概念
ピクトグラム制作には、文字を自分で生み出すような面白さと、物体や概念を絵に落とし込む楽しさがあります。デザイナー向けハッカソン「ピクタソン」の参加を通して感じたことを書きます。 先日ピクトグラムを作ってその出来を競うデザイナー向けのハッカソン、「ピクタソン」というイベントに参加してきました。その中で、元々好きなピクトグラムの制作の難しさと、そして楽しさをまた実感することができました！ というわけで... 続きを読む
[ブログ]書籍のページをWebで引用するとき知っておきたいこと - WEBCRE8.jp
2014/06/22
53 users
書籍
web
キャプチャ
ページ
単行本
マンガのコマや雑誌のキャプチャをブログで使いたい ブログやメディアをWebで運営していて、ある雑誌や単行本のページのキャプチャを使いたいということがありますよね。私もたまにあるんですけど、こういうときどうするのがいいんでしょうか。突っ込むとコワイ著作権関係の話題ですが、とはいえやりたいと思ったことについてあらかじめ知っておくことも大事だと思いますw ちなみにWEBCRE8.jpでは過去にも著作権や... 続きを読む
WebフォントのCSS指定2014年度版とこれまでの歩み - WEBCRE8.jp
2014/05/22
146 users
Webフォント
メジャーどころ
経緯
実務
Web制作
比べる。 WEBCRE8.jpとその仲間達で、web制作における「選択」に おいて最良だと思われるものを考察していくカテゴリです。 考える まとめる 会う 作る 作る 作る 最近Webフォントについて色々調べたので、これまでの経緯やメジャーどころの記法を踏まえつつ良い書き方を探った結果を共有しておきます！私自身はまだ実務で積極的に使っているわけじゃないんですが…(でもぼちぼち使ってます)。足りない... 続きを読む
[SEO]大手サイトもやっているカテゴリーを使った内部リンク構築術 - WEBCRE8.jp
2013/07/24
390 users
SEO
カテゴリー
大手サイト
Webサイトを上位表示させるためにはコンテンツの質が良いことは当然として、外部リンクの獲得、近年ではソーシャルの活用等も重要になってきています。 ですがそれだけではなく、特にWebサイトの設計段階においては検索エンジンによるWebページの評価の仕組みを理解して、適切にWebサイト内のリンクを構築していくということが重要です。 今回はその内部リンクについて、どういう内部リンクがその機能を果たしつつ検... 続きを読む
フォントの総選挙！★ Fonts.com で人気のフォントランキング TOP100その他 - WEBCRE8.jp
2013/06/24
71 users
フォント
Fonts.com
フォントランキング
総選挙
通算
Fonts.com の毎日更新ランキング 世界最大のフォントファウンダリ(制作会社)である Monotype のオンライン販売サイトFonts.comでは、毎日更新でベストセラーフォントの発表を行っています。ベストセラーということですから恐らくは通算の数字となるのだと思います。 今回はこのフォントランキングの2013年6月23日付けでのランキングを調査したので、世界ではどんなフォントが人気があるの... 続きを読む
[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した - WEBCRE8.jp
2013/06/19
576 users
グラデーション
ダサ
議論
考察
角丸
以前書いた角丸に関する考察のグラデーション版です。Webデザインで角丸とともに多用されるグラデーション。それにどんな意味があるのか、やり過ぎると何故ダサいのかを徹底的に考察しました。 iOS 7のデザイン変更に伴う議論 [...] 続きを読む
[webサービス]今月のwebコンテンツまとめ42(2013年5月) - WEBCRE8.jp
細かい性質などは気にせず、webで完結する、遊びやコミュニケーション、便利なサービス、ツールなどを集めています。必ずしもwebcre8自身が使える、と思ったものとは限りませんが、まずはこうして存在を知ってもらうこと、webcre8自身の学習のためまとめています。基本的に日本語で利用できるもの限定です。iphoneアプリ等のモバイル端末専用サービスは今のところチェックから外しています。 2013年5... 続きを読む
[webデザイン]独学デザイナーでも自信を持ってフォントを選ぶための6つのアドバイス - WEBCRE8.jp
2013/05/28
276 users
フォント
書体デザイナー
クリエイター
長年
アドバイス
書体デザイナーと話し、長年の疑問を全て解消してきました 先日、[クリエイター]英Monotype社の書体デザイナー大曲都市さんに会いにいってきましたという記事を書きました。このときはたまたま英Monotype社の書体デザイナーの大曲都市さん(@Tosche_J)としっかりと話をする機会を得たわけですが、そこで私がフォントについて「こうだと思っているけど実際どうなのか」という質問をたくさんぶつけてき... 続きを読む
[web制作]webコンテンツの可読性を左右しそうな要素を思いつくだけ書き出した - WEBCRE8.jp
2013/05/22
102 users
Web制作
要素
Webコンテンツ
可読性
うち
最初に定義をしておくと、可読性とは、素早く読めるか、理解しやすいか、読んでて疲れないかという事です。これらにおいて可能な限り優れたものを作ることが、コンテンツと、それを届けようとする各セクションに関わる人が考えるべきことだという事になります。 可読性とコンテンツ まず、何はなくともコンテンツです。文章が読み易いものであることを可読性が高いという言い方をするのは聞いたことがあるかと思います。そのうち... 続きを読む
web制作系の気になるセミナー/勉強会等のイベントブランド - WEBCRE8.jp
2013/05/21
107 users
セミナー
Web制作系
勉強会
フロントエン
Webデザイナー
私のアンテナの低さと指向性の問題で紹介しきれていないイベントもあるかと思いますがご容赦ください！もしオススメのものとかありましたら教えてもらえると幸いです★ セミナーに行こう！ 皆さんはweb制作系の勉強会やセミナーに行ったことがあるでしょうか。私は以前は何となく気後れして全然参加してなかったんですが、これが行ってみるとまた行きたくなります！ 私はWordPress、webデザイナー、フロントエン... 続きを読む
Sublime Text2との恋を見送り、Adobe Bracketsに巡り会いました - WEBCRE8.jp
2013/05/20
103 users
Sublime Text2
Sass
Zen-Coding
永らくHTMLエディターを移ることなく過ごしてきたのですが、先日Adobe Bracketsの記事を見て一目ぼれし、インストールしてみました。ごめんな、Sublime Text…！ どうもハマれなかったSublime Text 私は普段HTMLを書くときに結構適当なエディターを使ってきたんですが、いい加減ちゃんと効率のいい、Zen-Codingにも対応してて、HTML5の予測変換も出来てSassに... 続きを読む
[webサービス制作]「○○がwebサービスを作ってみた」系記事まとめ - WEBCRE8.jp
2013/05/16
296 users
WEBサービス
アノニマスダイアリー
記事まとめ
匿名
素人
まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる 情報まとめのカテゴリです。 考える まとめる 会う 作る 作る 作る 素人がwebサービスを作る 最近、というか結構前からはてなブックマークのアノニマスダイアリー(匿名で書ける日記で閲覧率も高いようです)を中心に、webサービスを何カ月で作ったというような記事を見かけるようになりました。 中にはなんでそんな事がわかるの…良く... 続きを読む
デザイン怖い話「これは本当に私の頭で考えて生み出されたものなのか？」 - WEBCRE8.jp
2013/05/13
175 users
これはどうでもいい話なんですけどなんかこう考えると怖いなー、と思った話です。あと念のために言っておくと「パクリ」とか「本当に新しいアイディアなんてない」とかそういう話ではないです。 規則性と不規則性を使いこなす 先週[webデザイン]規則性と不規則性を使いこなすという記事を書いたんですけど。 この記事は、基本的に人の目は規則性のあるものに安心や調和、洗練された印象を受けるので規則性にしたがって整っ... 続きを読む
[webデザイン]規則性と不規則性を使いこなす - WEBCRE8.jp
2013/05/07
68 users
不規則性
webデザイン
規則性
タイポグラフィ
原則
見やすいレイアウトには規則性がある webデザインに限らず、見やすくてわかりやすいデザインをするためにはある原則があります。デザインの4つの基本原則等と言われているようで、これを踏まえていればしっかりとしたデザイン＝設計が出来るというわけです。 デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 タイポグラフィが苦手な人におすすめしたい私のやり方 | ウープスデザ... 続きを読む
ゴールデンウィークに試そう！！ 2013年上半期webサービス100連発！！ - WEBCRE8.jp
2013/05/02
154 users
ゴールデンウィーク
http://zzhh.jp/ ゼゼヒヒは、生活における様々なことについて賛成か反対か、どちらがいいか等の決とその理由を投稿する生活に関する投稿サイトです。 SoundGator ジャンル：音声 種別：素材サイト SoundGatorは、フリーで効果音を視聴・ダウンロードし制作に使う事が出来る音声に関する素材サイトです。 楽しいBADUIの世界 ジャンル：デザイン 種別：情報サイト 楽しいBADU... 続きを読む
正しいHTMLを書く目的はただ一つ - ネコメシCEOブログ
2013/03/21
153 users
ネコメシCEOブログ
正しいHTML
目的
セマンティック
2013-03-21 正しいHTMLを書く目的はただ一つ [HTML]セマンティックで正しいコードを書く目的 ― 二人の主を戴く技術者 - WEBCRE8.jp という記事がFacebookのフィードに流れてきたので読んでみました。 1がいきなり理由（目的）じゃないですし、2と5は同じことを言ってますし（SEOに強いなんて事実はもはや有って無きに等しいのが実態ですが、いずれにしても機械が読んで嬉し... 続きを読む
[フォント]文字デザインの分類(欧文編) - WEBCRE8.jp
2013/03/13
62 users
フォント
相応しい場所
分類
種類
それぞれ
フォントの種類ってめっちゃめちゃありますよね。こんなもん当然一つ一つ覚えてられません！ ですが、フォントの種類がそれぞれどのように成り立ち、どんな目的があって作られてきたのかが分かれば、新しく知るフォントも体系立てて覚えることが出来るのではないでしょうか。そして、覚えることより、フォントを相応しい場所で使う、またはどこまで考える必要があるのか…それを判断する事が出来るようになるのだと思います。 と... 続きを読む
[web制作]ブログ、サイト、サービスの名前を考える時の留意点 - WEBCRE8.jp
2013/03/05
64 users
留意点
Web制作
名前
サービス
ブログ
年間500程度のwebサービス等を見てきて 私は去年の10月ごろまで「201*年*月のwebサービス・コンテンツ**(リリース・話題になったもの)」というサービスまとめ記事を書いていたのですが、11月から書いてません。わりと大変なわりにあんまりニーズがあるように思えなくなってきたというのもあって…。ネタは溜まってるんで、再開しようかな―とは思ってるんですけど。めんｄ(ry で、その中でも私はやっぱ... 続きを読む
[デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した - WEBCRE8.jp
2013/02/27
398 users
角丸
デザイン
理由
ナナメウエ
suzukisan_
角丸の話題が盛り上がってましたね 先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました！ デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書い... 続きを読む
[HTML5 入門]HTML5におけるブロック要素とインライン要素の考え方 - WEBCRE8.jp
2013/02/25
116 users
HTML
ブロック要素
インライン要素
HTML5 入門
http://www.hamashun.com/ で、お会いしたときにここぞとばかりに私が気にしているコーディングのしかたなどを聞いてもらったりしたのですが、いくつか気になるコメントをもらえたのでじっくり考えてみました。 今まで考えていた根拠の薄いコーディングルール 私は普段からかなり文書構造に気をつけてコーディングを行っていますが、仕様の中で理解できない部分についてはわりと独自の解釈も用いていま... 続きを読む
デザインを言語化しようよって話 - WEBCRE8.jp
2013/02/21
121 users
言語化
デザイン
理詰め
グラフィカル
ミニマル
私は理詰めも、感情的な訴えかけもどちらも好きで、シンプルでミニマルな機能重視のデザインもカッコいいと思いますが、五感を刺激し、相手を楽しませるグラフィカルでインタラクティブなデザインも好きです。飾るのがデザインではないと言われても、やっぱり装飾の力も信じています。なんにせよ、それを期待されているならやらないといけないですしねｗ 更に言えば私はフラッシュサイトも大好きです。見たいサイトなら重かろうが... 続きを読む
[UI]ボタンや画像のマウスホバー時のアクションはどうあるべきか - WEBCRE8.jp
2013/02/20
67 users
アクション
Twitter
ボタン
画像
マウス
クリックできる領域にマウスをホバーしたときにそれがどういうアクションをするのが望ましいのか、ちょっと考えてみました。 Twitterでの話題 マウスホバー時の表現について、Twitterで少し話題になりました。ちょっとツ [...] 続きを読む
ここ一年くらいで参考になったデザイン/webデザインに関するスライド10 - WEBCRE8.jp
2013/02/19
470 users
webデザイン
参考
デザイン
スライドはズルい スライドってズルいですよね！ｗ web制作においてはコンテンツを閲覧させる障壁とも言われるクリックを150回とか強いるのに、こんなにも読ませるコンテンツ！！すごい！ズルい！ たまに思うんですが、私の長文もスライド形式にしてしまえば読んでもらいやすいんじゃない？とか考えます。フリーのwebデザイナーのたえさん(@ken_c_lo)も同じこと考えてたみたいでひじょーに嬉しかったですｗ... 続きを読む