最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
xbrg-kobaのブックマーク (2,228)
-
xbrg-koba 2010/02/24
-
Zen-Codingで楽々コーディング! + コツ1つ
話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)
-
-
Office TANAKA - Excel VBA Tips[ブックを開かないでセルのデータを読む]
このコンテンツは、かなり昔に書きました。正確な時期は覚えていませんが、ワークシートの大きさが65,536行より小さいブックに関して触れていましたので、おそらく1998年前後に書いたのではないかと。22年前かぁ…ｗ 内容もちょっとアレですし、書き足したいこともありますので、全面的に書き直します。ちなみに今は、2020年9月です。 なお、本稿と"ほぼ"同じ内容をYouTubeの動画で公開しています。本稿とは違い、100個のブックから読み込んで所要時間を計測していますので、興味のある方はご覧ください。本稿は、1つのブックから読み込むという基本的な方法と、動画では伝えきれなかった"制約"に関して詳しく解説します。 Excel 4.0マクロで読み込む 原則としてExcelのVBAは、Excel上に読み込んだブックを扱います。Excel上に開いていないブックは、原則として操作できません。この原則は、し
-
少人数グループのカンタン便利なタスク管理術! : LINE Corporation ディレクターブログ
こんにちは。ブログビジネスユニット ディレクターの浪越です。 前回は『ライブドアに入社したばかりの私が驚いたこと』と言うエントリーを書かせていただきました。今はしたらば掲示板の担当ディレクターとして頑張っています！ 現在は、したらば掲示板の管理画面の全面リニューアルを進めています。 この度、10年(ライブドアに移ってから5年)ぶりに管理画面をリニューアルすることになりました。目標は、長年使い慣れたユーザーと、新しいユーザーに受け入れられる管理画面作りです。 作成したエクセルの見本 今回はシステム全てリニューアルということで、大量のテンプレートを作成することになりました。 ガントチャート等便利な管理ソフトは色々ありますが、多機能過ぎました。 あくまで全体のどの程度が終わっているのか、を確認する『タスクの可視化』をしたかったのと、開発する人の手を煩わせない簡単なものを…と思い、辿り着いたのは、
-
（再）MY辞書登録でiPhone文字変換を賢くしよう！ - 普通のサラリーマンのiPhone日記
本記事は過去にエントリーした内容の再整理バージョンです。 MY辞書登録で2ちゃんねる顔文字辞書を登録してみる MY辞書登録は、ずいぶん前に登場したアプリなんですが、前すぎて新しいiPhoneユーザーには知名度が低いかもれません。しかし、このアプリはiPhone環境を充実させるには必需品。神アプリだと思ってます。 iPhoneの仕様で「連絡先に登録されてる内容は、文字変換候補として登場する」というルールがあります。これを逆手にとり、ユーザー辞書を連絡先に登録し、iPhoneの文字変換を自分好みにしていく！という仕組みです。 MY辞書登録で登録された連絡先は、自動的に「MY辞書登録」というグループに設定され、登録した各単語の姓は必ず「.」になる。この特徴がある為、普通の連絡先とは被らない、後から一気に消せる連絡先群が完成します。 私はMY辞書登録を使って「2ch顔文字」と「山椒辞書」を登録して
-
●●っぽいロゴが作れるジェネレータまとめ - まる : コピペハウス
カテゴリ画像 ●●っぽいロゴが作れるジェネレータまとめ - まる ●●っぽいロゴのジェネレータっていうのが、 探してみたら思った以上にたくさんあったのでいくつか紹介してみます。 漫画・アニメ、企業、映画のロゴなどなどー ■漫画・アニメ ▼けいおん！ けいおんサブタイトルジェネレーター http://kitchenstudio.biz/generator/kontape/ アニメけいおん！の各話タイトルで現れるあのカセットテープのジェネレータです。 崩したフォントなのに漢字も使えるみたいですよー ▼とある魔術の禁書目録・とある科学の超電磁砲 とある櫻花の画像生成（ジェネレーター） http://to-a.ru/ 人気アニメとある～の、あの見慣れた明朝体のロゴのジェネレータです。 魔術色（赤）、科学色（青）を選ぶことができ、縦横の向きも選べます。 投稿などもできるので面白いですよー ▼とらド
-
Domain Suspension
ICANN, the Internet Corporation for Assigned Names and Numbers, requires us to ask you as a Registrant of a domain name to verify your contact information for this domain with your provider. As a Registrant of a domain name, a new domain registration or changes to the first name, last name, contact address or email address of an existing domain name, requires verification of the information within
-
【ウル技】TwitterのFollowerをモリモリ増やす呪文 - uinyan.com
2020/10/18 エンジニア D4DJ Groovy Mix オープンベータ開始 2020/10/18 ＤＪ 秋葉原(を夢見る)パラダイスレイディオ Vol.1 @ twitch配信 2020/10/25 エンジニア D4DJ Groovy Mix リリース 2020/11/14 ＤＪ UNDER Freaks 2nd anniv. @ 渋谷Cafe W (渋谷WOMB 1F) 優勝技：Followerをモリモリ増やすウル技発見！！ ゲーム名：Twitter 東京都／ui_nyan クン あの有名つぶやきツール「Twitter」に、Followerをガンガン増やすウル技が発見されたゾ！！ なんと「ある呪文」をつぶやくだけ！！するとみるみるうちにFollowerが増えちゃうんだ！！ 「ふぉろわれが増えないんだけど・・・」というキミにピッタリのウル技だ！ ※2011/06/18 3:39
-
YahooのSEOに関する疑問・質問に物凄い勢いで答えてみる | パシのSEOブログ
※この記事は、2010年12月以前のYahooの検索エンジンがYSTだった頃の記事となっていますので、Googleの検索エンジンを利用している現在のYahooには当てはまりません。 今に始まった事ではありませんが、YahooのSEO対策やペナルティに関する質問や相談を良く頂きます。それほど日本ではYahooからの集客が大事なことであり、困っている人も多いということなのでしょう。 Googleに関する質問や相談はあまり頂きません。これは検索エンジンシェアの関係ももちろんありますが、それよりはGoogleが積極的に情報を公開しているという事と、Yahooのような”不可解”なペナルティ（フィルタ）が無いからだと思います。⇒GoogleのSEOに効果的なテクニックまとめ Yahooに関する情報を配信しているサイトやブログもあるのですが、サイトごとに言っている事が全然違うので、より混乱を招いているの
-
THE SECOND TIMES : ソーシャルゲームにお金を払うのは10%---Webマーケティングガイドとメディアインタラクティブが調査
Webマーケティングガイドと株式会社メディアインタラクティブが共同でソーシャルメディアに関する調査を行った。 両社では10～50代の男女500人（男女比50：50、各性年齢別に50人ずつの均等割付）を調査対象にインターネット上で利用されているサービスについてや、ソーシャルメディアとリアルのつながりなどについて尋ねた。 その結果、メールや検索といった古くからあるネットサービスの利用率はそれぞれ92.4%、87.0%と依然高いものになっているが、ソーシャルメディアで友人を作ってリアルで交流したことのある人は19.2%、ソーシャルメディアで作った友人とリアルで交流することに抵抗がない人は約50%という結果となった。 一方、ソーシャルゲームの課金についてどう思うかという質問については、「ソーシャルゲームをやっていない」と答えた人が62.2%で、「ソーシャルゲームをやっているし、お金を払うことに
-
金融日記:独立とか起業とか考えるのに面白かった本５冊
今日は、脱サラして自分でビジネスを持ちたいと考えている人が読むととてもためになって面白い本を５冊紹介します。 １．やりがいある仕事を市場原理のなかで実現する! 渡邉正裕 MyNewsJapanを創業した渡邉正裕さんの本です。 渡邊さんは日経新聞の記者のあとＩＢＭのビジネスコンサルタントを経て、完全に独立したニュースサイトを起ち上げました。 やはり日経の記者とコンサルタントをやっていただけあって、勝算がどれぐらいあってどういう動機で起業したかが具体的にとても分かりやすく書いてあって面白いです。 出版された時点での売り上げやアクセス数なども全部生々しく公表してあります。 ちなみに著者は日経の記者時代に自身のホームページを持っていたらしく、そこで記者クラブの利権や、取材先から賄賂づけにされている実態などを書いていて、会社とケンカして裁判にまでなっています。 いやー、いいですね。ファイターです。
-
-
ASY!無料SEO対策
来源：黑客技术 时间：2020-09-20 05:24 毕节养殖有限公司7j2er,永新运动休闲有限公司,成都陶瓷有限公司,吕梁园林有限公司,长沙紧固件有限公司 美甲是继美容、化妆后的又一个受女性欢迎的火热行业,许多女性都会抽空去做一个漂亮的美甲,所以美甲师也成为了一个炙手可热的职业。 身边有很多朋友都想成为美甲师,但是都是零基础的,找一家美甲店学习并不是理想的选择,因为在美甲店当学徒,接受不到科学专业的教学,学员很难掌握到美甲的真正要点。初学者想要成为美甲师,应该到专业正规的美甲培训学校学习。 如何选择美甲培训学校呢?决定一所学校好坏的因素有很多,比如师资团队、教学环境、教学模式、教学设施、学校口碑等,选择一家好的学校是至关重要的。 深加速培训创办于1997年,至今已经二十二年,深加速见证了美甲行业的兴起,也促进了中国美甲培训行业的发展。学校以时尚的校园环境、浓郁的学习氛围为学生提供了良
-
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
-
ついに無制限に解放されたGoogle App Engine/Java。RoRやPHP、もちろんJavaも試そう
ついに無制限に解放されたGoogle App Engine/Java。RoRやPHP、もちろんJavaも試そう 4月8日に発表されたGoogle App Engine/Java。利用できるのは1万人までと制限がついていたのですが、それが撤廃されてだれでもサインアップして利用できるようになったと、Google App Engine Blogが伝えています。 Google App Engine/Javaは発表されてまだ2カ月と少しですが、はやくもJava VMの上にPHPやRuby、それにJavaのフレームワークなどの実装が行われています。今回はそうしたGoogle App Engine/Javaの活用情報をまとめてご紹介しましょう。 Google App Engineの基礎知識 ITproで、Google App Engineの入門記事が掲載されています。アカウントの取得方法やSDKの入手方
-
-
WordPressのSEOに役立つプラグイン | 無料SEO対策のススメ
WordPressには沢山のプラグイン（拡張機能）がありますが、本当の意味でSEOに役立つプラグインはそんなに多くありません。 今回は、WordPressでサイト（ブログ）を作った際にインストールしておいた方が良いプラグインをご紹介いたします。 最新バージョンに対応した「All in One SEO Packの使い方とSimple Tagsの使い方」 インストール手順 どちらのプラグインも基本的なインストール手順は同じなので初めに記載しておきます。 プラグインダウンロード画面にアクセス 右側に表示されているDownloadをクリック ダウンロードしたファイルを解凍し/wp-content/plugins/にアップ 管理画面のプラグイン⇒インストール済み⇒使用するをクリック All in One SEO Pack All in One SEO Pack All in One SEO Pack
-
被リンク獲得：無料で誰にでも出来るSEO効果の高い方法 | パシのSEOブログ
「WordPressブログの内部SEO対策」、「無料ブログのSEOとアクセスアップ」につづき、無料で誰にでも出来るシリーズ第三弾として、今回は被リンク対策を取り上げます。 SEO対策の効果は被リンクによって大きく変わってきますが、今回は有料リンクの購入や有料ディレクトリ登録を行わずに無料で実施可能な被リンク獲得法についてまとめてみます。 有益なコンテンツを作ってナチュラルリンクを集めるのが最も良い方法ではあるのですが、「そんな事は分かってるけど、有益なコンテンツって具体的に何？」という意見も多いので、今回は誰にでも出来る方法に絞ります。 手間や時間がかかる対策 被リンク獲得法にも手間がかかるものとかからないものとがありますが、手間がかかる対策というのは実施する人が少ない分、効果がある可能性が高いという事になります。 相互リンク いまさら相互リンクと思うかもしれませんが、相互リンクは企業サイ
-
CSS1 のみで質感のあるボタンを表現してみる - Cyokodog :: Diary
CSS3 を駆使すると、とてもリッチなボタンパーツが表現できるようです。 CSSグラデーションのちょっとしたテクニック #2 - hail2u.net CSSの実装状況で変わるボックスのデザイン方法 - 3.5ping.org 悲しいことに勤務先の PC の標準ブラウザは IE6。近いうちに IE8 へのアップグレードを予定してますが、残念ながら IE8 では CSS2.1 までしか対応してないようです。 上記のリンク先のサンプルには遠く及びませんが、先日、PC の中身を整理してたら IE6 で質感のあるボタンを作ろうと試行錯誤してた頃の html ファイルが見つかりました。会社で CSS3 が使えるようになるのも当分先になりそうですので、備忘録としてこちらに残しておきたいと思います。 li 要素と a 要素でボタンを表現 li と a 要素に CSS を当てることで、以下のようなボタンを
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました