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

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

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

kirine 2015/01/06

あとで読む

リンク

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

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

kirine 2013/07/24

リンク

[webサービス制作]「○○がwebサービスを作ってみた」系記事まとめ

まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる情報まとめのカテゴリです。素人がwebサービスを作る最近、というか結構前からはてなブックマークのアノニマスダイアリー(匿名で書ける日記で閲覧率も高いようです)を中心に、webサービスを何カ月で作ったというような記事を見かけるようになりました。中にはなんでそんな事がわかるの…良く気付いたね…みたいな事もあって我々としては本当に素人か疑いたくもなりますよねｗ素人といってもたまたまwebサービスを作ったことがなかっただけで、プログラミングの下地はあったという人もいるかとは思います。今回はそうしたwebサービス制作秘話系記事をまとめてみます。ついでに、素人ではないにしても、同じように制作までの流れを明かしてくれている記事もいくつかピックアップしたので合わせてどうぞ。 webサービス制作してみた系記事まとめ自分でW

kirine 2013/05/16

リンク

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

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

kirine 2013/02/14

あとで読む

リンク

iGoogleの代替RSSサービス「iSoople」を組み込んだ情報収集のしかた

http://isoople.digi-popeye.jp/ これはiGoogleの様にRSSを受信してリスト上に表示してくれるサービスで、単機能のリンクや検索窓、ガジェットの追加こそ出来ませんが(お願いしますｗ)iGoogleの実用的なメイン機能であるRSS受信が出来ます。実はベータ版のころからこっそり使っていましたｗ一応ベータ版の時とはCookieによるデータの管理だったのが、会員登録をしてユーザー情報をとっておくようになりました。それによって同じホームページを別のパソコンでも使えるようになりました。Cookieではさすがに心もとないですしねｗ iSoopleのちょっといいとこ見てみたい iGoogleの機能限定版なので不自由なところはあるにしても、iSoopleの方が勝っている機能があります。それは RSSで受信する記事の数を選べることタブ管理できること RSSの受信に特化してい

kirine 2013/01/28

あとで読む

リンク

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

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

kirine 2013/01/23

あとで読む

リンク

[HTML5]遊びながらタグを覚える「HTML5KARUTA」を作りました

本日HTML5の各タグを遊びながら覚えられる「HTML5KARUTA」を公開しました。これがどういうモノかを紹介します！ 9月くらいから構想していた、ゲームを通してHTML5を覚えるというコンセプトから作られたHTML5KARUTAを作成、公開しました。まだイメージしていたものの80％程度の出来ですが、どうぞご覧ください★ http://roadstohtml5.com/html5karuta/ HTML5KARUTAは、日本の遊びカルタというゲームを通してHTML5のタグを覚えようという主旨のゲームです。読み札にはHTML5の各タグの説明が書いてあります。絵札にはタグの名前自体があるだけです。タグの説明を聞いて、それが何のことかわかったら札を取る。日本人にはおなじみのルールですね！最近の若い人が知っているのかは知りませんけど…ｗ HTML5KARUTAを作った動機まずなぜこれを作った

kirine 2012/12/19

リンク

はてなブックマーク

タグ

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

お知らせ

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

月間はてなブックマーク数ランキング（2024年6月）

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

公式Twitter

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

はてなブックマーク

公式Twitter

はてなのサービス