「Back to Basics CSS」を主催として振り返る（スライド一覧＆写真つき） #btbcss - WEBCRE8.jp

2015/09/10 31 users 主催 スライド一覧

最新実装やテクニックより、CSSの原点に帰り基本を見つめ直すことを目的としたイベント、「Back to Basics」を開催したので簡単なレポートと、主催側視点の話を書いてみます。 8月30日、先週の日曜日にWeb Design KOJIKA17のこじー（@kojika17）と一緒に「Back to Basics」というイベントを行いましたのでそのレポートをざっくりとお送りします。また、せっかくな... 続きを読む

任意の色からカラートーンのCSS指定をSassの変数で自動的に生成する - WEBCRE8.jp

2015/03/09 43 users Sass ピッカー 色相 変数 ドーン

使っている色の同色相でトーン違いの色を使うときわざわざ色を作るの面倒だなと思ったので、それを好きな色から作るSassの変数を作ってみました★ 色を選ぶときって皆さんはどうしているでしょうか。カラーチャートから選んだり、ピッカーで都度作る人もいると思います。 私はイメージにあったメインの色を選んだあとでそのトーン違いの色、色相違いの色という風に色の数値をずらすような感じで色を作ります。ですがそれをカ... 続きを読む

Web制作（コーダー）の実務で個人的に使っている技術やツールと今後使いたいもの - WEBCRE8.jp

2015/01/06 279 users コーダー コマンドラインツール npm 門前払い 実務

コマンドラインツール ターミナルからnpmでファイルをさくっとダウンロードしたり、ちょっとした繰り返し作業も一発で実行してくれるツールが色々あって、やっと苦手意識も減ってきました。 まだ全然使いこなせてはいないんですが、前に比べて意味が分からず門前払いを食らっていた便利なツールがちょっとづつ使えるようになってきました。 気になったのでこもりさん（@chiper）が販売しているDevelopment... 続きを読む

［雑談］フリーランスになって一年くらい経ちました - WEBCRE8.jp

2014/12/03 29 users フリーランス 雑談 Adventar アドベントカレンダー

アドベントカレンダー、参加しまくってますw 今回はフリーランスについてのカレンダー。 フリーランス Advent Calendar 2014 – Adventar なんとか生きてます 去年の中頃、勤めていた会社をやめました。それまでもいずれやめる、みたいなことを周りには言っていたわけですが、やっとという感じでした。別に機が熟したわけでも準備ができたわけでもなく、何の準備もなく夏頃にはやめたいなーと... 続きを読む

PSDデザインカンプからのコーディングに超便利！Extract for Brackets - WEBCRE8.jp

2014/11/05 93 users コーディング

Bracketsがメジャーバージョンアップ 昨日、これまで小刻みなマイナーバージョンアップを繰り返し0.44までバージョンを重ねていたBracketsが1.0と、正式なバージョンアップを行いました。わーい！！確か私は0.14くらいから（2年近く経ってる？）使っているはずですが、開発には既に3年ほどかかっているそうです。 Brackets – A modern, open source code e... 続きを読む

HTML5がW3Cの勧告となりました - WEBCRE8.jp

2014/10/29 15 users 勧告 HTML Twitter 後半 t.co

昨晩深夜2時頃にTwitterを見ていると、@W3Cの公式アカウントがHTML5が勧告に達したことを伝えていました。 #HTML5 is a W3C Recommendation http://t.co/El1jgeO5Ue — W3C (@w3c) 2014, 10月 28 最新の仕様はHTML5のページにあります。2014年の後半には勧告に達するとしていた予定通りとなります。 これはつまり、W... 続きを読む

[デザイン]ピクトグラムに求められる条件、制作の難しさと楽しさ - 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フォントについて色々調べたので、これまでの経緯やメジャーどころの記法を踏まえつつ良い書き方を探った結果を共有しておきます！私自身はまだ実務で積極的に使っているわけじゃないんですが…(でもぼちぼち使ってます)。足りない... 続きを読む

HTML5の仕様が更新、at riskを断捨離(色々消えた) - WEBCRE8.jp

2014/04/30 35 users セクション 断捨離 at risk 仕様 かなり

HTML5の仕様が4月29日付けで更新されていたのでその内容をざっくり報告します。 at riskがスッキリ これから仕様が変更になってなくなっちゃうかもしれないよという情報を記したat riskのセクションがかなりすっきりしてます。 The following features are at risk and may be removed due to lack of implementatio... 続きを読む

SUZURIで勘違いさせそうなTシャツを作ってみた(そして届いた) - WEBCRE8.jp

2014/04/16 34 users SUZURI PNG jpg ペパボ 傘下

ペパボの新しいサービス、SUZURIを試してみました。TシャツやiPhoneケース等を自分の作った画像をプリント、販売してくれるサービスで実際に作って買ってみました★ 最近GMOの傘下に入りGMOペパボとなったペパボから、新しいサービスがリリースされました。 SUZURI ∞ 欲しいものは、作ればいい。 SUZURIは、自分で作った任意の画像(jpg、png)をアップするだけでそれがプリントされた... 続きを読む

[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

2013/05/31 64 users WEBサービス

細かい性質などは気にせず、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... 続きを読む

[HTML5]datalist要素の基本的な使い方・応用(WordPressで全タグを検索の入力候補にしたりする) - WEBCRE8.jp

2013/04/26 19 users 応用 WordPress 備忘録 入力候補 input要素

調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。 考える まとめる 会う 作る 作る 作る datalist要素とは HTML5で新しく加わったdatalist要素は、list属性で紐付けられたinput要素にユーザーが入力する際に、datalist要素内に置かれたoption要素の値をその入力候補として表示させる為の要素です。 datal... 続きを読む

[web制作]約2年間ブログを続けて得たもの、失ったもの - WEBCRE8.jp

2013/04/25 16 users Web制作 Twitter単体 Web担 モチベーション 考察

考える。 WEBCRE8.jpによるweb制作やデザインについての考察を 書き綴っていくカテゴリです。 考える まとめる 会う 作る 作る 作る ここに書くことは私がブログを運営して実際に得たものです。これらのものは一介のweb担では得られなかったでしょうし、今も私がブログを書くモチベーションになっています。 また、HTML5KARUTA等の他のコンテンツ作成で得られたものや、Twitter単体で... 続きを読む