Create a New Pen
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
CoffeeScript
CoffeeScript is a little language that compiles into JavaScript. Underneath that awkward Java-esque patina, JavaScript has always had a gorgeous heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way. The golden rule of CoffeeScript is: “It’s just JavaScript.” The code compiles one-to-one into the equivalent JS, and there is no interpretation at runtime. You can u
W3Schools Online Web Tutorials
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
keyframes（CSS3）とSassでイケてるアニメーションをシンプルなコードで実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいとです。 最近のブログではまとめ記事中心に書いていたのですが、このまえ編集担当の朽木に「最近エンジニアっぽい記事書いてないよね。」というグサっとくる一言をもらったので、今回はそれっぽい記事を書いてみようと思います。 はじめに モダンブラウザでは、CSS3のanimationプロパティ、@keyframesの2つを使ってイケてるアニメーションがJS抜きで実装できます。 そいつあすごいぜって話なんですが、1つ心配なことが。 それは、アニメーションのバリエーションが複数ある場合、コード量が長くなりがちという問題。 ただでさえ各ブラウザのベンダープレフィックス付ける必要があるので、その上アニメーションパターンをいくつも書こうとしたらもう…（´Д`） 実践その1 というわけで、Sassを使って簡潔に書くことにしましょう。 試行錯誤を繰り返し、いろんなサイト
hogehoge foobar Blog Style Beta
前回、MacPorts から Homebrew へ移行しましたが、せっかくなので、nginx + PHP 環境を作ってみました。 nginx を触ってみたかったので、勉強がてらにインストールしたときのメモ書きです。 nginx のインストール 設定 起動 これは、前回もやったのですが、一応おさらい。 nginx のインストールオプションを確認 インストールする前に、「brew options」でインストールオプションを確認しておきます。 $ brew options nginx --with-debug Compile with support for debug log --with-passenger Compile with support for Phusion Passenger module --with-webdav Compile with support for WebD
CSS3リファレンス
背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の
Unicode対応 JIS X 0208 文字コード表
Unicode対応 JIS X 0208 文字コード一覧 JIS X 0208 の区点番号、JISコード、シフトJISコード、EUCコード、Unicode(UTF-8, UTF-16)の文字コード対応一覧です。 文字コードとその文字を順に出力しているだけですので、表示される文字はフォントによって決まります。 01区～08区 JIS非漢字（各種記号、英数字、かな） 13区～13区 NEC特殊文字（機種依存） 16区～47区 JIS第1水準漢字 48区～84区 JIS第2水準漢字 文字コードについてのページや、文字コード一覧についての説明もあります。 JIS X 0208 JIS非漢字 文字コード表 区 点 JIS SJIS EUC UTF-8 UTF-16 字 01 01 2121 8140 A1A1 E38080 3000 01 02 2122 8141 A1A2 E38081 3001
【保存版】戦略的WEBコンテンツ制作・作成 “虎の巻”
今、WEB戦略において最も必要とされているノウハウ・能力の１つが「WEBコンテンツ作成」に関するもの。 WEBに関しては、主にコンテンツを通じて、買い手と売り手は繋がります。その道筋をいかに最適化して、メッセージを「必要な人に」伝えてあげられるかどうかが決め手となります。非常にコンテンツは重要です。 そこで、コンテンツを作るにあたって、特定のマーケティング手段とのからみではなく 純粋に「WEBコンテンツ作成」のノウハウをまとめました。 ガイドブックではなくい、過去のブログ記事を元にまとめていったものですので、同じ事を繰り返しているなど読みづらい点もあるかもしれませんが、ご容赦下さい。
Get Mental Notes
In the midst of a busy project it's all too easy to forget the nuances that distinguish great products. Mental Notes brings together 50 insights from psychology into an easy reference and brainstorming tool. Each card describes one insight into human behavior and suggests ways to apply this to the design of Web sites, Web apps, and software applications. Don't miss out on free cards, exciting news
レバレッジコンサルティング：レバレッジ人脈術、レバレッジマネジメント、レバレッジ勉強法、レバレッジシンキング、レバレッジ時間術、レバレッジリーディング、パーソナルブランデ
･大和書房 2007/9/25 ･アマゾン総合ランキング1位＆12万部突破 ･丸善チェーン1位＆オール紀伊国屋2位（ビジネス書）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JS Bin
morgueFile free photos for creatives by creatives
Example Domain