[B! web制作][はてな] iwwのブックマーク

iww id:iww

web制作とはてなに関するiwwのブックマーク (16)

【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳
※記事更新から1年以上が経っているため情報が古い可能性があります当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。投稿する記事の質は当然意識してきましたが、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。そこで今回は、当ブログ「ひつじの雑記帳」で実践しているカスタマイズ・コード全てを紹介していこうと思います。当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。デザイン完成図使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢
iww 2019/03/28
web制作

デザイン

CSS

まとめ

はてな

ブログ

これはすごそう
リンク
Perl入門ゼミ
Perlプログラミングを学びたい人向けのPerl入門講座です。 Perlはテキスト処理に最適化されたプログラミング言語です。Linuxシステム管理、Web開発という分野でも大活躍。後方互換性、ライブラリの安定性、数多くのOSサポートに定評があります。 Perl入門 PerlのインストールPerlのインストール方法を解説。Windows、macOS、Unix/Linux対応。基礎文法最速マスターPerlプログラムの基本のすべて文字列処理Perlは文字列処理が得意。文字列の連結や文字列関数などを解説if文による条件分岐if、elsif、elseの条件分岐の構文をマスターすれば、条件で処理を変えるPerlプログラムが書ける。 for文、while文による繰り返しfor文、while文と繰り返し構文を覚えれば、Perlで繰り返し実行する処理が書けるようになります。正規表現正規表現を覚えると
iww 2018/05/08
トップクラスのはてなダイアリーっぽくなさ。すごい

はてな

perl

学習

web制作

これはすごそう
リンク
はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ
pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。いつくかはてなダイアリーでの使用可能なはてな記法は無効になっており、例えばキーワードリンク無効記法が使えないためフォントカラーがキーワードリンクの黒に潰されちゃうかんじ。以下サンプル。アルファベットはクラス名(自動アンカーついていててコピペしにくい。ソースみたほうがいいかも)。アイコンicon-arrow :: 矢印 icon-tag :: タグ icon-folder :: フォルダ icon-keyword :: キーワード icon-linlink :: インリンク icon-page :: ページ icon-user :: ユーザー icon-download :: ダウンロード out :: アウトフォント hatena-asin-detail-title :: 太字 synStatement
iww 2016/04/04
アイコン

フォント

サンプル

HTML

CSS

はてな

まとめ

web制作
リンク
I wanna be a Hateb Star
はてブについたスターのランキング
iww 2014/08/03
はてな

web制作

グラフ
リンク
日本の全エンジニアに捧ぐ！現在公開されているAPI一覧【2013年版】 | Find Job ! Startup
2013年のいま、API界隈が熱い！今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します！ HOT! API 総務省次世代統計利用システム︵国勢調査、人口推計、就業構造、企業統計、物価統計 etc.︶ NHK番組表︵※未公開︶行政・自治体・公共サービス郵便番号郵便番号検索API︵郵便番号 → 住所︶郵便専門ネット︵郵便番号 → 住所、郵便番号の簡易存在チェック︶ぽすたん︵郵便番号 → 住所、住所 → 郵便番号︶ IW3 PROJECT︵郵便番号 → 住所、住所 → 郵便番号︶宇宙 Google+ JAXA PR︵※現在一部の学生に限定公開
iww 2013/09/11
はてな

プログラミング

開発

web制作

まとめ
リンク
はてなブックマーク - アンサイクロペディア
はてなブックマークとは、無名の個人やサービスを有名にするためのツールとしてはてなが開発したサービスである。略称は「はてブ」。概要[編集] はてなのアカウントを有するユーザーがWebブラウザでブックマーク機能を起動するか、ブログやニュース記事などに添付されたブックマークボタンを押すことで記事のURLがブックマークとして保存される。保存件数が一定件数を超えると「新着エントリ」や「人気エントリ(ホッテントリ)」としてはてブのトップページで自動的に紹介される仕組みとなっており、ブックマークされた記事のアクセス急増と更なるブックマーク件数の追加という好循環が期待できる。つまり、どんな無名の人が書いたクソ記事であっても、はてブが大量に集まればホッテントリとなるのである。ホッテントリの作り方[編集] ここでは、そのホッテントリの作り方の一例を紹介する。絶対に真似するなよ！するなよ！ STEP1:は
iww 2013/07/22
参考になる

はてな

サービス

web制作
リンク
http://openblog.meblog.biz/article/13431648.html
iww 2013/01/11
デザイン

はてな

web制作

まとめ
リンク
はてなダイアリーはflickr的にはspamサイトらしい - ARTIFACT@はてブロ
そういえばflickrの自己紹介をきちんと入れてなかったと思って、サイトの情報を入れた。サイトの情報を入れる場所は一つだけだったので、そこには自ドメインを入れて、それ以外は紹介文に入れようと、はてなダイアリーと写真のtumblrをリンクしたら、 Hey! A URL or phrase that you tried to post has been used for abuse on Flickr before. (ex. SPAM) If that's you, stop it! If that's not you, sorry, but you can't post it. という警告表示が出て、はてなダイアリーへのリンクは消えてしまった。 URL入力欄でも同じように警告されてはねられる。
iww 2012/03/18
はてな

web制作

しかたがない
リンク
https://www.nantoka.com/~kei/diary/?20120312S1
iww 2012/03/13
「明示した以外のトラッキングが」明示してあればいいのかというと、そうでもないような。

はてな

web制作
リンク
はてなブックマークボタン外しました - 発声練習
はてなやばい。はてなブックマークボタンのトラッキング問題で高木浩光先生が決別ツイートをするに至った経緯まとめはてなダイアリーの﹁管理﹂→﹁設定﹂→﹁記事の設定﹂の﹁記事共有ボタン﹂という項目にはてなブックマークボタンのオン・オフの設定項目があるのだけど、ここにははてなブックマークボタンを表示するに書いてある説明はない。しかも、﹁また、行動情報を取得しない、はてなブックマークボタンをご希望の方はオプトアウト版はてなブックマークボタンをご利用ください。﹂とあるけど、このはてなダイアリーのはてなブックマークボタンがオプトアウト版なのかそうでないのか記載がない︵選択できない︶。はてなダイアリーはソースコード貼り付けやすいし、引用タグが使いやすかったので気に入っていたのだけど、移転を考えないといけない。でも、結構たくさん記事書いたから移転も面倒ではある。関連行動ターゲティング広告とプライヴ
iww 2012/03/10
「できること」は必ず「やられる」ので、ほかのサービスに移っても手遅れだと思う

はてな

web制作
リンク
はてなサマーインターン2010
はてなサマーインターン2010 開催にあたって代表取締役社長　近藤淳也　(id:jkondo) 今年もはてなサマーインターンをエンジニア14名・デザイナー2名の参加者を迎え開催しました。昨年のインターン参加者が名付けた﹁精神と時の部屋﹂という言葉が定着してきた感がありますが、最前線の現場でウェブの技術やエンジニアリングを学べる場所として大変好評いただいており、北は北海道から南は神戸まで全国から応募をいただきました。デザイナーインターンは3年目3回目で今回の参加者は2名となりましたが、こちらも得意な領域を活かして現場で貴重な体験をしたもらえたと思っています。インターンシップ最終日に参加者の皆さんに伝えた言葉がひとつあります。技術は人のためにある。技術のための技術ではなく人のための技術を磨いてほしい。そうお伝えしました。インターン参加者の選考も単なる技術力だけではなく最終的に
iww 2010/06/22
Iceweaselで見るとデザインが結構崩れる。仕方ないか

はてな

サービス

開発

プログラム

web制作
リンク
Not Found
iww 2009/09/20
一回勉強のために金儲けしたくなった

はてな

まとめ

ブログ

web制作
リンク
overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん！
こんにちはこんにちは…！突然だけど今日はちょっぴりテンション低めに、要素のスクロールについてのお時間なんです…！ぺろぺろぺろぺろぺろぺろぺろぺろぺろ <div style="height:4em; overflow-y:scroll"> <ul id="peroZone"> <li>ぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> </ul> </div> <input type="button" value="ぺろライン追加" onclick="add()" /> ↑なんかこういうやつがあって…、ボタンを押すたびに、ぺろぺろエリアの一番下に行が追加されるような仕掛けを作りたいとき…・。 <script> function add() { // 行を追加するよ var peroZone = doc
iww 2009/06/23
ぺろライン追加問題

はてな

web制作

CSS

JavaScript
リンク
16x16
平素より「16x16」をご利用いただき、ありがとうございます。 16x16 サイズのアイコンを作れるサービス「16x16」は、2012年10月1日をもちまして、サービスの提供を終了させていただきました。これまでご利用いただきましたユーザーの皆さまに深く感謝いたします。誠にありがとうございました。詳しくは下記をご覧ください。 http://hatena.g.hatena.ne.jp/hatena/20120831/1346389642 株式会社はてな
iww 2009/06/23
アイコン

はてな

web制作
リンク
はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
JavaScriptの部分はというわけでid:amachangに任せましょう。というわけでそれ以外の部分でいったいどこが重いのか何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。ちなみに上記ソフトのダウンロードにはIBMアカウント︵無料︶が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果こんな感じのグラフが出てきます。では、詳細を見てみましょう。このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。内訳としては濃い
iww 2008/11/27
HTTP

開発

はてな

web制作

ツール

テスト
リンク
セレクトブクマ
セレクトブクマβ版皆から長い間ブックマークされ続ける優良サイトを検索して表示するサービスです。はてなブックマークのデータを利用しています。主に指定したタグでブックマークされた数と何日間ブックマークされたかを元にランキングを出しています。興味のある分野のタグをクリックするか、テキストボックスにタグ名を入力して検索ボタンを押して下さい。もしよろしければ、アンケートにご協力下さい。アンケート回答へ人気の検索タグ総合技術趣味社会・生活その他
iww 2008/11/13
はてな

web制作

サービス
リンク
1