Aptana
Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.
javascript でテキストをローカルに保存する方法 | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. 前回, HTML5 File API を使ってファイルを読み込む方法について書きました. 今回は, Data URI scheme を使ってファイルをローカルに保存する方法について書きます. 去年作った Web Editorで HTML5 から追加された localStorage を使いつつもダウンロード機能も実装しました. これは php 経由で行っているため, 実装は非常に簡単です. ですが, これだと php の動くサーバにアップしないと動かないのでローカルで遊べません. そこで目をつけたのが Data URI scheme です!! 詳しくはこちら. ざっくり説明しますと, URL に住所だけでなくデ
HTML5の仕様策定が完了！ いよいよFlashやJava、Silverlightがいらなくなる？ ｜ ガジェット通信 GetNews
日本時間で本日、（米国では12月17日）、Web用の言語を策定する団体「World Wide Webコンソーシアム」（通称：W3C）は、HTML5およびCanvas 2Dに関する仕様策定の完了を発表した。現在の段階ではW3C標準の仕様ではないものの、各企業やデベロッパーが行っているWebサービスへの現段階での実装、プランニングに利用したとしても、そのまま安定して利用が行える状況に達しているとしている。 HTML5は、W3Cが推進するOpenWeb Platformの根幹を担っており、ビデオやアニメーション、グラフィクス、スタイル、タイポグラフィ、およびデジタルパブリッシング向けのその他ツール、ネットワーク機能拡張など、デバイス機能へのアクセスを行うクロスプラットフォームアプリケーションに対応するフルプログラミング環境である。 また、W3Cは、本日、標準化の次のラウンドを視野に入れたHTML
静的サイト生成という「古くて新しい手法」の復活 - モジログ
この数年くらいで、主にプログラマのあいだに、「静的サイト生成（static site generation）」への人気が復活しつつあるようだ。 「静的サイト生成」の「静的サイト（static site）」とは、ウェブサイトのすべてのページが、あらかじめHTMLファイルになっているようなウェブサイトを指す。データベースなどを使わず、HTMLファイルを手作業で作っているようなサイトは、すべて「静的サイト」である。 「静的サイト生成」とは、手作りで「静的サイト」を作るのではなくて、HTMLファイルをプログラム的に「生成」する手法を指す。データベースやテキストファイルにある「データ」と、デザインを定義する「テンプレート」をプログラム的に結合して、HTMLページを生成する、というのが典型的な手法だ。この生成プロセスを受け持つソフトウェアが「static site generator」である（以下、こ
Bloggerの人気の投稿ガジェットでサムネイルがつかない問題の解決方法
Bloggerの人気の投稿ガジェットでサムネイルがつかない問題の解決方法投稿 : 2012-11-16更新 : 2014-01-12 Bloggerの人気の投稿ガジェットなのですが、サムネイル画像つきにすると、画像を一切使用していない記事だとサムネイル画像が表示されません。表示されないのは良いのですが、表示がガタガタになるんですね。 私は、気になるタイプなので、サムネイル画像がない場合は、代替えの画像を表示するように修正しました。 修正は、テンプレートをダウンロードして、該当箇所を修正後、再度アップロードするという方法をとります。 管理画面の上記画像のようなところから行えます。 ■追加箇所 (3) Show only thumbnails (4) Show snippets and thumbnails あたりで、サムネイルがない時の処理を書き足します。 以下のサンプルなら、 27行目から
34 Responsive Grid System
* 34Grid is an archive project, a memory from past. :) 34Grid is a Responsive Grid System based on "equally distributed columns" layout basis. In contrast to other great grid systems (@see bottom of page), 34Grid provides equally distributed columns for each row. (and also column complements for inequal distributions) If you're already familiar with grid systems and responsive web design just crea
【FC2】SyntaxHighlighter 3.0.83 使い方編 -3- | 46web -spin_out-
例えば <span style="color:#FF0000"><strong>SyntaxHighlighter</strong></span> を表示したい場合はHTMLタグ変換ツールを使ってこのようにします。 <span style="color:#FF0000"><strong>SyntaxHighlighter</strong></span> そしてhtmlの場合であればBrush aliasesをhtmlにします。 <pre class="brush: html;"><span style="color:#FF0000"><strong>SyntaxHighlighter</strong></span></pre> となります。 実際に表示する
CSS3で作るWebパーツ
CSS3で作るグラデーションの見出し 今回は、これまで紹介してきたCSS3の機能を使って、コンテンツの見出しやボタン、アイコンなどのWebパーツを作ってみましょう。WebパーツをCSS3で描画することは、特にスマートフォン向けサイトにおいて有効です。 画像を使わないので、サーバへのリクエスト数を減らすことができます。また、スマートフォンでは縦と横に傾けた場合に画面幅が変化しますが、WebパーツをCSSで描画することで、縦横それぞれの向きに合わせて表示を最適化できるため、非常に有効です。 さらに、スマートフォンなどでは画面解像度が高いため、PC向けのWeb画像が荒く表示されることがありますが、こういった問題も、CSSで描画することで回避が可能です。 今回紹介するサンプルは、IEには非対応ですが、スマートフォンであれば、ほぼ問題なく表示されるはずです。IEに対応させたい場合には、CSS3.PI
見出し要素をシンプルなHTMLで美しくスタイルするテクニックのまとめ | コリス
h1やh2などの見出し要素をシンプルなHTMLで実装し、美しいスタイルを適用するスタイルシートを紹介します。 Cool headings with pseudo-elements [ad#ad-2] デモ 実装 デモ デモは擬似要素だけでなく、background-clipなどのCSS3を使用しているため、Safari 5+, Chrome 7+, Firefox 3.6+, Opera 10+, IE 9+ でご覧ください。 デモページ 実装 HTML HTMLは非常にシンプルで、h1要素にclassを与えるだけです。 <h1 class="headline1">I took lessons</h1> ※デモは4つあり、classを変更するだけです。 CSS: 各デモ共通のベース body要素をメインのラッパーとして使用します。 h1要素にはfont-familyとsizeのみ共通で指定
見出しをCSSでシンプルに装飾するtips - EC studio デザインブログ
谷です。 今回はデザインブログらしく、デザイン系の記事を書きます。 私は企画デザインで主にHTML/CSSコーディングと プロモーション系以外のデザインをしています。 具体的にはボタンの画像や、見出しの装飾画像などです。 ※制作するサイトによっては全体の情報設計などもおこないます。 デザインブログというからには、ブログの投稿記事なども 見やすく見栄えよく！と思い立ったので、CSSを利用した 簡単な見出しのデザインを紹介します。 画像・余分なマークアップ(タグを加えたりとか）無しでデザイン ↑のような見出しのデザインですね。 見出しに該当する文章は基本的に「h○タグ」でマークアップされますので そのh○タグ（今回はh4タグ）を装飾していきます。 1.これは見出しです。 非常にシンプルな形です。ブログの記事のタイトルの装飾は これの色違いですね。 2.これは見出しです。 付せんのようなデザイン
CSSの見出しサンプル | ユージック
CSSの見出しサンプル 2006年11月28日 業務を効率よくスピーディーに行うためのCSSで作る見出しサンプル集 パターンは考えると星の数ほどありますが、ここでは実際にニュースサイトやブログでも使われている“使える見出し”にこだわってみました。 アイデアが思いついたら随時追加していく予定です。 画像を使わないオーソドックスな5パターン CSSだけを使用した使い回しのきくオーソドックスなスタイル 使える見出し h5#midashi_01{ padding:5px 0 5px 15px; border-left:#009900 8px solid; border-bottom:#009900 1px solid; font-size: small; font-weight: bold; color:#333; } 使える見出し h5#midashi_02{ padding:5px 0 5px
CSSだけで実現した見出しデザイン | HTML5GOGO
HTML5GOGOをプチリニューアルしました！ 今回は、その一環で対応した見出しのデザイン変更を、画像を使わずに実現することに成功したので、ご紹介したいと思います！必見です！ ※IE7以前では対応が出来ません 見出しサンプルです！ 見出しは全体的に変更してありますが、一番苦労したh2の見出しについてご説明します。 <br /> .sample {<br /> position:relative;<br /> margin:2.5em 0 0.5em 0;<br /> padding:3px 0 3px 23px;<br /> <a style="text-decoration: none; color: inherit; cursor: default; outline: none;" href="http://totalcooling.pt/online-fatish-sex-video
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Playstation mk2
AdSense (日本語) - Google グループ
Page not found