ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Learn to code HTML, CSS, and JavaScript with Dash
Learn to code awesome websites in HTML, CSS, and JavaScript Dash is a fun and free online course that teaches you the basics of web development through projects you can do in your browser. Start Learning HTML5 Learn the right way to code HTML, the building block of the web. Design beautifully modern sites and learn how to balance layout for content and navigation. CSS3 Create your first fully styl
<html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita
つまりhtml, head, bodyなどの使い慣れたお決まりのタグは今更書くまでもないということ。 参考: どのようなタグが省略可能か http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#syntax-tag-omission P.S. STORYS.JP、 coincheck などのサービスを運営、開発しています。興味のある方はぜひ 和田まで連絡を！ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can
モックアップが手軽に作れるサービス「FROONT」*二十歳街道まっしぐら
FROONTはレスポンシブなウェブサイトを簡単に作成できるサービスです。 レスポンシブなサイトのモックを作るときに便利そうです。 ドラッグ＆ドロップで絵を描くようにしてサイトを作っていくだけ。 その場でウィンドウサイズを変えたときの表示の変化も確認できます。 作成したモックのHTML, CSSはダウンロード可能です。 以下に使ってみた様子を載せておきます。 まず「FROONT」にアクセスしましょう。 利用するには無料登録が必要です。すぐに終わるので登録してみましょう。 こちらが作成画面。 左側にコンテンツのメニューがあります。 画像をいれたり枠をいれたり。 右側はそのコンテンツの詳細メニューですね。 最上部にウィンドウサイズを切り替えられるバーがあります。 先ほどのデザインをスマートフォン用のサイズにすると、上記のようにデザインが変わりました。 レスポンシブデザインの確認が容易にできるのは
【よく見るものを一覧で解説】HTTPステータスコードとは？コード番号別に詳しく解説
HTTPステータスコードとは、ウェブサイトにアクセスしたとき、正常な画面ではない場合に表示される3桁の数字のことです。 ウェブサイトにアクセスしたときに「404」や「503」といった数字が表示された経験はないでしょうか。HTTPステータスコードはたくさんの種類があり、それぞれ意味する内容が異なります。 そこで本記事では、それぞれのステータスコードが持つ意味や対処法、HTTPステータスコードの確認方法を解説します。 HTTPステータスコードについて知ることで、アクセスしたウェブサイトに何が起きているのかを理解できるようになるので、ぜひご参考にしてください。 この記事のポイント HTTPステータスコードは、特定の HTTP リクエストが正常に完了したかどうかを示す3桁の数値で表されるもの 大まかに200番台の成功レスポンス、300番台のリダイレクト、400番台のクライアントエラー、500番台の
Evernoteの無限カスタマイズ。HTMLやマークダウンの内容をノートに反映させる方法。 - あなたのスイッチを押すブログ
Evernoteのテキスト入力には限界があります。テキストのフォントをあれこれ弄ることができますが、あまり手の込んだレイアウトを作ることはできません。 これに不便を感じていたので、なんとか「見栄えの良いノートを作る方法はないか」と模索していました。 そこで辿り着いた方法が、Macのテキストエディタ「Mou」を使う方法です。 「Mou」はMacで使える無料のテキストエディタ。HTMLにもマークダウン記法にも対応しており、ライブプレビューが使えるのが特徴です。 そして、この「Mou」で書かれたHTMLやマークダウンの結果は、コピー＆ペーストをするだけで、Evernoteのノートに全て反映されます。 これが非常に驚きでした。そして、Evernoteのノートレイアウトの可能性を感じた瞬間でもありました。 Mouで書ける内容をカンタンにご紹介 上述した通り、「Mou」はHTMLにもマークダウンにも対
可能性を広げる10のスタイルシート | コリス
ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウトでもよく利用されます。 「min-width」などのプロパティを使ってMedia Queryを作る際は、ビューポートのサイズを設定して利用してください。 HTML <meta name="viewport" content="width=device-width, initial-scale=1.0"> スマートフォンでは表示するページの大きさをビューポートの幅に（主に）縮小してフィットさせるため
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション
デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 デモページ：幅480pxで表示 実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript スクリプトではスマートフォン用にdiv要素で「Menu」を加え、それがクリックされるとアニメーションでスライドします。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7
リストに1pxのラインを追加するだけで、印象がぐっとよくなる
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord
Creating Efficient Docs with API Documentation Tools | AppMaster
Flexibility and scalability have become an integral part of modern systems, and application program interfaces (APIs) play an essential role in providing such features. It is important to build efficient APIs to provide modern web services. Since coding and development are all about the team's efforts, it is important to use reliable API documentation tools to keep thorough records and ensure the
HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup
Dirty Markup [ad#ad-2] Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。 HTML Tidy CSS Tidy JS Beautify Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[M]5秒でHTMLからCSS要素を抽出するツール「extractCSS」で、時間短縮＋ストレス軽減！ | miMemo(ミメモ)![[M]5秒でHTMLからCSS要素を抽出するツール「extractCSS」で、時間短縮＋ストレス軽減！ | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/e79175abcccae9315d5f3739e5bc7b8dc77e1ce5/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2013%2F11%2Fextractxss_sum.png)
これが全部無料！？フリーで使えるレスポンシブ対応のHTML5テンプレート
[Mac] どんなアプリでもOK！選択したMarkdownテキストをHTMLに一発変換する方法。 | Appdrill![[Mac] どんなアプリでもOK！選択したMarkdownテキストをHTMLに一発変換する方法。 | Appdrill](https://cdn-ak-scissors.b.st-hatena.com/image/square/eecf9799f3e0a73c372447702844cf8aa303ea4c/height=288;version=1;width=512/https%3A%2F%2Fappdrill.net%2Fwp-content%2Fuploads%2F2012%2F12%2F55f81e2cdea1cbad6086a752bdf810cb.jpg)
10 Best Free HTML And CSS Templates From Early 2012
10+ HTML Best practices for Web Developer | Blog | Anson Cheung
http://hiroma20.com/archives/2228
10 Best Free Portfolio HTML Website Templates
Best Tutorials On How To Convert PSD To HTML/CSS