基本ディスクリプション
HTMLは、手軽なマークアップ言語ですが、開始タグや終了タグなどあり、文章作成やちょっとしたメモ書きには不向きです。 今回紹介するのは、Markdownという軽量なマークアップ言語です。 GitHubのREADMEや、Tumblrなどでも採用されており、様々なCMSのプラグインも存在しています。 汎用性が高く便利な記法なので紹介します。 Markdownとは Markdown は、文書を記述するための軽量マークアップ言語のひとつである。 「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット」として、ジョン・グル―バー(John Gruber)とアーロン・スワーツ(Aaron Swartz)によって考案された。 Markdownの記法の多くは、電子メールにおいてプレーンテキストを装飾する際の慣習から着想を得ている。
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
作成:2013/01/28 更新:2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.フォント 2.画像編集 3.ロゴ作成 / ネタ 4.配色 5.HTML5 6.CSS 7.ブラウザチェック 8.エディター 9.アフィリエイトリンク作成 10.フォーム作成 1.フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - k本的に無料ソフト・フリー
間違った使い方が楽しすぎる…!マツダから難しい車の流し撮り写真が簡単に撮れる無料アプリ「CARPTURE」が登場 高速で移動する車の流し撮りは、写真撮影の中でも最も難しいテクニックの一つ。移動する被写体に合わせてカメラを移動しながらの撮影はプロでも難しく、そうそう簡単には撮影出来るものではありません。 しかしそんな流し撮りを簡単に実現できてしまうスマートフォン用無料アプリ「 CARPTURE 」がマツダから登場。早速試してみると…こ、こんな凝ったアプリが無料なの…!? 車に限らず、あらゆるものが異様なスピード感を放つこのアプリ、どんな写真が撮れるのか色々と試してみました。 このアプリ「CARPTURE」は、車の撮影をカッコよく手軽に…をコンセプトにマツダが開発した、スマートフォン用の無料アプリ。iOSとAndroidに対応し、こちらから無料でダウンロードできます。 【MAZDA】CARPT
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
This online image optimizer uses a smart combination of the best optimization and lossy compression algorithms to shrink JPEG and PNG images to the minimum possible size while keeping the required level of quality. Upload up to 20 images. Wait for the compression to finish. Click thumbnails in the queue for quality setting. Use the slider to control the compression level and mouse/gestures to comp
サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー[日本版] 生活全般に役立つライフハック情報を紹介しているサイト(ウェブネタも多数) ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph
【画像あり】堀北真希って可愛いけど色気が無いよね… Tweet 1:以下、名無しにかわりましてVIPがお送りします:2013/01/27(日) 16:41:47.82 ID:2NSZLklK0 全然エロくない… 4:以下、名無しにかわりましてVIPがお送りします:2013/01/27(日) 16:44:28.71 ID:6vakotm/O だが、それがいい 5:以下、名無しにかわりましてVIPがお送りします:2013/01/27(日) 16:44:54.53 ID:DmkmzQGY0 いや、よくない 3:以下、名無しにかわりましてVIPがお送りします:2013/01/27(日) 16:42:43.13 ID:2NSZLklK0 6:以下、名無しにかわりましてVIPがお送りします:2013/01/27(日) 16:46:07.42 ID:2NSZLklK0 7:以下、名無しにかわりましてVI
今日も今日とてこんにちは!PITE.です! 先月ありがたいことにNumber333はめでたく月間100万PVを達成することができましたー!ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイドンドンパフパフ ・【2012年12月】Number333アクセス解析。2012年は大躍進の年でした。 | Number333 Number333は一昨年の9月から更新を始めたので、1年と3ヶ月目にしての目標達成です。 この速度が速いのか遅いのかは人によって感じ方が違うと思いますが、僕が考えていたペースをはるかに上回る速度で、それはもうすくすくと成長してくれました。元々は2〜3年ぐらいの計画で達成しようと思っていた目標だったので自分でも驚いております。 せっかく大きな目標を達成することができたので、今日は僕がNumber333を成長させる上で気をつけている具体的なブログ運営の方法を記事にして紹介し
「可能なら、涙は流しちゃったほうがいいよ。ストレスってね、水に溶けるんだって。」と、学生時代とある人に言われ、それに深く納得して数年生きてきました。調べてみたら「水に溶ける」という根拠は見つからなかったんですが、それでもその人のことばは、当時のわたしを救ってくれたし、今でも素敵なアドバイスだったなぁと感謝していますので、そのことについて。 ストレスって水溶性? 当時、その人は、すごく辛いことがあって塞ぎこみがちだった私を気遣って、そのようなことを言ってくれたんだと思います。 わたしはその言葉に感銘を受け、ストレスでどうしようもないときは、積極的に涙や汗を流したり(もちろん、泣くのはひとりのときですよ!)、お風呂にゆっくり入ることを心がけるようになりました。「泣いちゃいけない」という抑圧から解放されたというのもあるかもしれませんが、実際、効果はあったし、今でもあると思っています。 涙がストレ
TOP > 旅行写真 > いくら寒いからってこれは凍りすぎだろwwwwwwww Tweet カテゴリ旅行写真 0 :ハムスター2ちゃんねる 2013年1月27日 22:30 ID:hamusoku 1 2 3 1 :ハムスター名無し2013年01月27日 22:35 ID:yG4Jxqqv0 つららすらなびくとかマジかよ 2 :ハムスター名無し2013年01月27日 22:35 ID:tAMGrZNj0 なんか卑猥 3 :ハムスターちゃんねる2013年01月27日 22:35 ID:VH.ei7F90 異世界や… 21 :ハムスター名無し2013年01月27日 22:37 ID:1.bV5Mw50 2は足がいっぱいある生き物みたい… 22 :ハムスター名無し2013年01月27日 22:37 ID:NiPHwmeV0 2がムカデつーかなんか脚に見える 4 :ハムスター名無し2013年01月
すぐに手を出してくる男子のほうが、早く打ち解けて幸せな恋愛をすることができます。女子の皆さんはどのような流れで男子と仲良くなり、そして正式な恋人になりますか? まずは何度かデートを重ねて、男子に対して「いいな」という感情が強くなったら告白を受けるといった感じですよね。 しかし男子の多くがデートよりもまず「エッチをしたい」と考えています。とにかくエッチをしたいのです。デートは一緒の時間を楽しむ場ではなく、女子に合わせて仕方なくやっている行為なのです。 男子は女子をデートに誘った時点で「エッチをしたい」という感情が心に芽生えています。ケータイのメールアドレス交換をした時点でエッチをしたいと考えているといっても過言ではありません。でも女子の多くは、デートで性格が合う人かどうか確かめたいと思いますよね。その部分で、男子と女子に思考の違いがあるのです。 女子は「エッチするにしてもデートを3~4回して
お前らが書いた絵をカッコ良くする Tweet 1:以下、名無しにかわりましてVIPがお送りします:2013/01/24(木) 18:50:22.87 ID:SppTOLQR0 入れてほしい文言もあれば書いてけ 英語だとよりかっこ良くなるよ! 顔だけの絵とかはたぶん無理 3:以下、名無しにかわりましてVIPがお送りします:2013/01/24(木) 18:52:24.72 ID:gvbznWDuO はあじゃあお願いします 13:以下、名無しにかわりましてVIPがお送りします:2013/01/24(木) 19:05:19.03 ID:SppTOLQR0 >>3 18:以下、名無しにかわりましてVIPがお送りします:2013/01/24(木) 19:09:12.13 ID:BmiQT1RX0 >>13 やるじゃん 19:以下、名無しにかわりましてVIPがお送りします:2013/01/24(木)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く