kussunのブックマーク - はてなブックマーク

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

コマンドラインツールターミナルからnpmでファイルをさくっとダウンロードしたり、ちょっとした繰り返し作業も一発で実行してくれるツールが色々あって、やっと苦手意識も減ってきました。まだ全然使いこなせてはいないんですが、前に比べて意味が分からず門前払いを食らっていた便利なツールがちょっとづつ使えるようになってきました。気になったのでこもりさん（@chiper）が販売しているDevelopment Environments for Web Designersというのを買ってみました。今あまりWebデザイナーではないけどw Brackets メインで使っているエディターです。もともとはエディターの移行を考えていてSublime Textがあまりなじまなかったときに、プラグインが入れられリアルタイムリロードが簡単にできるエディターとして触ってみました。以降ずっと使っています。Advent Ca

kussun 2015/01/06

ツール周りは充実してきたけど、全然使いこなせてないな。派生的に他のも覚える必要があったりで大変。

リンク

WebフォントのCSS指定2014年度版とこれまでの歩み

比べる。 WEBCRE8.jpとその仲間達で、web制作における「選択」において最良だと思われるものを考察していくカテゴリです。最近Webフォントについて色々調べたので、これまでの経緯やメジャーどころの記法を踏まえつつ良い書き方を探った結果を共有しておきます！私自身はまだ実務で積極的に使っているわけじゃないんですが…(でもぼちぼち使ってます)。足りない部分もあると思うんで何か指摘があったらがんがんツッコんでくださいw @font-faceルール @font-faceルールは、Webフォントの名称と読み込むフォントファイルを関連づける@ルールの一つです。その他、どのウェイトやスタイルに対応するかも指定できます。しかしWebフォントの扱いはブラウザ側のフォントファイルの対応状況、フォントファイル自体の進化によって変遷してきました。 Bulletproof Syntax これまでWebフォ

kussun 2014/05/22

リンク

[SEO]大手サイトもやっているカテゴリーを使った内部リンク構築術

Webサイトを上位表示させるためにはコンテンツの質が良いことは当然として、外部リンクの獲得、近年ではソーシャルの活用等も重要になってきています。ですがそれだけではなく、特にWebサイトの設計段階においては検索エンジンによるWebページの評価の仕組みを理解して、適切にWebサイト内のリンクを構築していくということが重要です。今回はその内部リンクについて、どういう内部リンクがその機能を果たしつつ検索エンジンに正当に評価されやすいのか、私の経験からその考え方をSEO初心者の方にも分かりやすく解説しようと思います。内部リンク(Internal Link)とは内部リンクとは、同じドメイン内から張られたそのドメイン内部のページへのリンクのことです。違うドメインから張られたリンクは外部リンク(External Link)といいます。内部リンクの果たす役割 SEO的な観点で言うと、内部リンクは外

kussun 2013/07/24

seo

リンク

HTML5の学習に役立つ(主に)日本語のサイトまとめ2012

webにあるHTML5の情報は英語のものが多い当然のことですが、HTML5の情報は殆どが英語です。W3Cのサイトだって英語で書かれていますし、大抵の情報は英語さえ分かればアクセスできますね。まあとはいえ、HTML5を勉強しようと考えるいきなり誰もが英語を読めなければならないとなるとちょっと難しいですよね。最初は先輩方の翻訳または日本語で書かれたオリジナルの文書から学びたい。そして情報の速度や判断の尺度のずれが気になってきてから、それから国外の情報で勉強しても遅くはないはずです。…そう思いたいですｗ HTML5に関する国内のサイトや情報源をまとめましたと言う訳で、今回はwebcre8が認識しているHTML5に関する情報源やリソースサイト、参考になった記事、調べてたら出てきたものをざっくりとまとめてみます。サイト、ブログ記事、リファレンス、ツール等です。せっかくなので、知っているものは英

kussun 2012/10/24

svg と canvas 関連を見ておきたいかな。

リンク

クリエイティブ・コモンズのコンテンツは実際どういう場合に使えるのか

それではそれぞれのシーンについて、どのライセンスが有効なのか考えてみます。ちなみにこれについてはクリエイティブ・コモンズ以外のライセンスのことを[ライセンス]どれにする？制作者視点での目的別ライセンスの選び方で書いています。「パブリックドメイン」クリエイティブ・コモンズではありません。パブリックドメインについては前述の記事でも書いていますし、その他パブリックドメインのコンテンツは[webコンテンツ]パブリックドメインで使える音楽・画像・テキスト等まとめでも紹介しています。これらは完全に著作権を保有する者が存在しない状態ですから、誰でも何の目的にでも使って良いことになります。素材、シェア、改変、再販売なんでもこいです★ 「クレジット表記義務のない著作物」クリエイティブ・コモンズではありません。著作権表記をしなくてもいい著作物です。ただしクレジットを書かずに作られた二次著作物はもはや元

kussun 2012/07/19

素材か、作品か、がポイントかな。

リンク

[ライセンス]どれにする？制作者視点での目的別ライセンスの選び方

この記事は以前の記事[ライセンス]結局何を使っていいの？利用者視点でのよくわかる著作権！と対になる内容です。同じ事を別側面から見ているので、言っていることは同じだったりしますｗ作ったものを公開したい！モノ作りをしている人達の中でも、web業界で働いている人にとっては制作物や研究結果をシェアするという考え方はわりと一般的だと思います。業界の大先輩の方々が書いた本を始め、無料でもブログに書かれている最新情報、リファレンス、備忘録、実験等様々な形で情報を得ることが出来ます。同じように業界に還元すると大層なことは言わないまでも、皆さんは自分の為に、自身の作品や素材を配布・宣伝したりできます。すなわちそれで商売が出来たり、仕事の受注につながったり…セルフブランディングというやつも含まれますかね。

kussun 2012/06/11

著作権

リンク

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

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

kussun 2012/06/11

ライセンス系を完全に理解できてないので、リンク先の記事を参考に見直したい。

リンク

[HTML5]アウトラインで迷わない！ sectionと見出しについて

webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ？」と混乱している人の為にわかりやすく整理してみようかなーと思います。厳密な解説はこの記事を読まずとももっと信頼できる文

kussun 2011/09/09

だいたい把握。冗長なマークアップとしか思えないけど、互換性を考えると、過去の遺産はいじらず、新タグで対処するしかないんだろうな。

html

リンク

はてなブックマーク

タグ

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

お知らせ

今週のはてなブックマーク数ランキング（2024年9月第4週）

今週のはてなブックマーク数ランキング（2024年9月第3週）

今週のはてなブックマーク数ランキング（2024年9月第2週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス