Life - Markdownで定義できるシンプルな年表
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 時間はどんどん流れていってしまうもので、止めることは誰にもできません。しかし流れていった時を振り返って形にすることはできます。その一つが年表です。 自分のこれまでの歩み、歴史的事件、文明など様々な事柄を年表に表してみましょう。データをプロットするのが大変なイメージがありますが、Lifeを使えば簡単です。なぜならデータフォーマットがMarkdownだからです。 例えばサンプルのMarkdownファイルは次のようになっています。 life.md @USERNAME' life =============== - 24/02/1955 Born - ~1968 Summer job - 03/1976 Built a computer - 01/04/1976 Started a com
クリック率の高い「他の記事」へのリンクを生成する『はてなブログ記事紹介ジェネレータ』をリリースしました！ - あのねノート。
2013-09-02 クリック率の高い「他の記事」へのリンクを生成する『はてなブログ記事紹介ジェネレータ』をリリースしました！ 作ってみた つくってみた 記事を書いている時、前に書いた記事へのリンクを貼りたくなりました。 他の記事へのリンクを貼ると直帰率は下がり、更にリピータも増えるのはもうブロガー界では常識！らしいです。 しかしただのリンクじゃあクリックしてくれる人は少ないし、しょぼいですね。 じゃあ僕はどんなリンクだったら思わずクリックしちゃうかなあと考えた。 タイトルがあって キャプチャが付いてて はてブ数が確認できて 記事の冒頭部分が見れたらいいな♪ いやーこんなのがあったら１００万回クリックしたい。しかしこんなリンクを一々作っていては大変。 そこで今回、はてなブログ民のはてなブログ民によるはてなブログ民のためのジェネレータを作ったのです。 はてなブログ記事紹介ジェネレータ 普通の
TempNate - XHTML・CSSテンプレート＆ホームページ作成素材の無料配布
当サイトをご覧いただきありがとうございます。 ホームページテンプレートとは、あらかじめHTML、CSS、画像ファイルが一体になっているホームページの雛形のことです。 １からホームページを作るとなると、独自ドメインを取得して、HTMLファイルを作成して、サーバーをレンタルしてアップロードして作成する必要があります。 少しでもホームページの作成時間を短縮したり、低コストでの運営をご支援したいという思いから、ホームページテンプレート素材を無料で配布しています。 TempNateには３つの特徴があります。 制作コストの軽減＆作業時間の短縮 情報がしっかりと伝わりやすいレイアウト設計。スマホ対応形式や、検索エンジン対策であるSEOレイアウト設計にも配慮しております。 途中で挫折しないようにシンプルでホームページの実現を優先。実際に数千サイト様にご利用いただいており、皆様の声を反映して改良し続けていま
Ethernetコントローラ内蔵CPUボード
多機能ワンチップマイコン「PIC18F67J60-I/PT」を採用したEthernetコントローラを内蔵のCPUボード。LAN経由でのHTMLファイルオンライン書換えに対応しており、PICライタなしでドキュメントの内容変更が可能。 ●Web用ドキュメントの記録用にシリアル接続のフラッシュROMを搭載 ●再コンパイル無し(開発環境の用意なし)で、Web用ドキュメントを書き換えることが可能 ●ROM内にHTMLソースを書込むことでブラウザから自由に制御可能 ●TCP/IPスタック情報はマイクロチップ社サイトにて公開 ●PIC18用Cコンパイラは機能制限版をフリー公開 ●フラットパッケージの部品を採用し、信頼性を向上 ●搭載CPU：PIC18F67J60-I/PT(40MHz) ●MACアドレス：当社より提供(補助記憶素子に記録して出荷) ●外部メモリ：SPIフラッシュROM(SST25VF01
Atari - Building Atari with CreateJS
Internet Explorer partnered with Atari to rethink gaming on the web. Try this site with the new Internet Explorer - the browser that is fast, fluid and perfect for touch. The Atari Arcade was among the most demanding game development projects because it required full multi-touch, multi-player support across many modern browsers and devices - and we wouldn’t have been able to do it without CreateJS
リアルタイムプレビューのついたWebベースのJavaScript/HTMLエディター·JS Bin MOONGIFT
JS BinはWebブラウザ上でJavaScriptとHTMLコードを編集しつつ、その結果をプレビューできるエディターです。 JavaScriptは単体で使うというよりもHTMLと組み合わせて使うことのが多いかと思います。そんな時にWebブラウザ上でコードを試しためし実行できるのがJS Binです。 デフォルトの表示です。左側がJavaScript、右側がHTMLとなっています。 レンダー表示です。先ほどのJavaScriptとHTMLを合わせて実行した結果です。 右側にリアルタイムプレビューを追加しました。JavaScriptを修正すると即座にプレビューに反映されます。 HTMLにJavaScriptライブラリを追加できます。 jQueryを追加した場合です。HTMLソースにscriptタグが追加されています。もちろんJavaScript側もjQueryの関数が使えるようになります。 保
2011年のウェブデザインのトレンドを振り返る
2011年のウェブ制作の話題の中心はHTML5とCSS3でしょう。 ここではデザイン面を中心に、2011年に人気が高かったウェブデザインのトレンドを紹介します。 Popular Web Design Trends in 2011: Over 50 Inspiring Examples [ad#ad-2] 下記は各ポイントを意訳したものです。 Responsive Web Design 点線 サークル レトロスタイル リボン マジックナンバー『3』 少しめくれてるペーパー ボーダーレス グリッド 対角線 Responsive Web Design Responsive Web Designとは、ユーザーが利用する環境（スクリーンサイズなど）に合わせて最適なレイアウトを提供する方法です。デスクトップ用のブラウザだけでなく、iPhoneなどのスマートフォン、iPadなど、あらゆるデバイスに最適な
めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
スーパーマリオ風ゲームを作るなら。HTML5用2Dスクロールアクションゲームフレームワーク·melonJS MOONGIFT
melonJSはHTML5を使った2Dスクロールアクションゲームを開発するためのJavaScriptフレームワーク。 melonJSはHTML5/JavaScript製のオープンソース・ソフトウェア。登場から何十年もたった今もスーパーマリオブラザーズの人気は高い。キャラクターによる所が大きいが、2Dスクロールのアクションゲームは今も昔も人気があるジャンルなのだ。 ワニが主人公 左右に移動しジャンプをし、アイテムをゲットする。敵を踏みつけたり攻撃したりしてどんどん先に進んでいく。そんな誰でも遊べるシンプルさを持ったアクションゲームを作ってみたいと思ったらmelonJSを使おう。 melonJSは2Dアクションゲームを作るためのゲームフレームワークだ。実際、デモではスーパーマリオ風のゲームが多数登録されている。音も鳴るようになっており、実際にゲームとしての完成度は高い。HTML5を使っており、
どう考えても無茶な「CSSプログラミング」が話題に
CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「Only CSS」。上のSTOPボタンを押すとコードを確認することができます。 jsdo.itでCSSプログラミングが流行中！ ええ、どう考えても無茶なんです。CSSはプログラミング言語じゃないですからね。 CSSの機能を巧みに組み合わせて作成されています。 ということで、投稿作品のほんの一部を紹介したいと思います。 CSS PANIC CSSだけで作られたワニワニパニック。 このコードは海外のユーザーにも大きな反響を呼びました。
[JS]Flashでもない、HTML5でもない、タイムラインベースの複雑なアニメーションを作成できるスクリプト -Mashi | コリス
ぱっと見た瞬間「Flashだな」と思ってしまったくらいの、Flashで実装したような複雑なアニメーションやムービーを作成できるスクリプトを紹介します。 使用するのはHTML, CSS, JavaScriptで、こういったものにありがちなHTML5, Canvas, CSS3には頼っていません。jQueryなど他のスクリプトにも依存していません。 ※CSS3のエフェクトなどオプションとして利用が可能です。 Mashiの主な特徴 スタンダードなHTML, CSS, JavaScriptでFlashのようなムービー、アニメーションを作成できます。(X)HTMLコンテンツに設置が簡単にできます。 41KB/13KB(CDN+GZip)と非常に軽量で、オブジェクト指向、モジュール式です。 基本的な利用では、追加のプラグインは必要ありません。 IE6をはじめ、すべての主要なブラウザをサポートしています
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について
IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記･注意：下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8 HTML 4.01+EUC-JP HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8 XHTML 1.0+
メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな
NERV極秘資料 - 電力使用状況 先日、東京電力の電力使用状況をエヴァンゲリオン風デザインで表示するWebサイトを作ったものが、あちこちで反響を頂きました。 ねとらぼ：「NERV専用監視装置」で東電の電力状況をチェック エヴァ風サイト登場 - ITmedia NEWS NERVの一員になったつもりで節電！ エヴァ風電力使用状況メーター | ギズモード・ジャパン Twitterでは16000以上ツイート頂けたようです。 http://topsy.com/kanmisikou.net/lab/power/ こちらの、はてなブックマーク週間ランキングでもIT・コンピュータカテゴリ2位を頂きました。ありがとうございます。 http://b.hatena.ne.jp/ranking/weekly/20110321/it これだけの反響を頂きましたし、せっかくなのでWebアプリを作る工程を解説します
「スマホ対応サイト制作 初心者向け」みたいな感じで書いてみた -1.メニュー編-（※iPhone寄り） - Kaleidoscope
【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） 今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、 「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。 ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;) 僕自身、人に教えられるほどのスマホサイト制作の熟練者というわけでは無いので、もっと良い手段や方法があるかもしれません。 「ここはこうしたらいい」など、ご意見ありましたら、逆に教えてください(^-^; 【まずはじめに】 スマホサイトと言っちゃったものの、とりあえずはiPhone向けのサイトを基準とします。 Androidの「ブラウザ」も、iPhon
マイクロソフト、無償のWeb開発環境「WebMatrix」を公開。HTML/CSS/JavaScriptエディタ機能、PHP対応、FTP機能など手軽で便利な統合ツール
マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。 Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できる HTTPサーバ IIS Express 7.5により、Webブラウザですぐにブレビューできる。しかも（追加インストールにより）PHPにも対応する。当然ASP.NETにも対応 データベースサーバ SQL Server Compact Edition 4により、データベースを利用するWebアプリケーションもローカルで開発可能。MySQLも追加インストール可能 調べた限りではIIS ExpressはWebMatrixの画面から簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
adakoda.com
Engadget | Technology News & Reviews
http://grantgalitz.org/get_the_hell_out/LegendOfZelda_Links_Awakening/
築地本願寺のHTMLソースわろたw
