[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator
かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデモから。 Sonic Sonicは、HTML5 Canvasを使ってローディング用のアニメーションを作成する超軽量（約3K）のスクリプトで、実装方法などは下記をご覧ください。 かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic 今回紹介するのは、このSonicをコードベースでオンラインで簡単に設計でき、それをアニメーションGIFやCSSスプライト用のPNG画像を生成するオンラインツールです。
お手軽WordPress Tips：記事内やコメント欄内の特定のキーワードを任意のテキストやリンク等に一括置換する - かちびと.net
ちょっと久しぶりですけどWordPressの カスタマイズTips記事です。今日はプラ グインを使わず、記事内の特定のキーワ ードに自動で何か加わるようにしようと いう内容。一応簡単なWikiっぽいものも 作れるっちゃ作れます。 ちょっと分かりにくいんですけど、指定したキーワードを好きなものに置換するっていうコードです。なのでアイデア次第でいろいろ出来るっちゃ出来るんですけど、行儀の良いコードではないので痒いところに手を届けたい時にでも使ってください。 コード functions.phpに含めます。 function change_any_texts($text){ $replace = array( //'変更前' => '変更後' 'CSS' => '<a href="#">CSS</a>', 'tool' => '<strong>tool</strong>' ); $text = s
【WordPress】Twenty Elevenの見出しが残念だったのでCSSを良い感じにしてみた。
どうも、CSSは苦手なアンコウテルオ（@ankou1060）デス。 WordPressのデフォルトテーマである”Twenty Eleven”はレイアウトとかシンプルで、良い感じなんですが、記事本文がシンプル過ぎて残念です…。 そこで僕が記事本文のh要素（見出し）のCSSを良い感じにカスタマイズしてみた方法をご紹介します。 残念なh要素（見出し） これじゃあちょっと太字になっただけなんで、見出し以外の文字との区別がつきにくい。 で、こんな感じにしたい！ CSSを編集！ 管理画面 ＞ 外観 ＞ テーマ編集を選択。 style.cssを編集対象に選択。 そして中心の編集領域のCSSをいじっていくわけですが、Twenty Elevenでの記事本文の見出しはclassが「.entry-content」となっています。 （他のWordPress用テーマはクラス名がだいたい違うと思うので探してみてくだ
なぜリセットではなく Normalize.css を使うのか | Yomotsu net
まずは、歴史をみてみよう。 初期* { margin:0; padding:0; border:none; } table レイアウトから CSS レイアウトへの移行期に考案された。すべてゼロにするというコードで、実装者が書いたコードのみが適用できるという手法。弊害として input 要素の枠線など、本来、スタイルをゼロにする必要がない箇所までスタイルが消えてしまい、しょうがないので更に上から枠線を加えるなどが必要になっていた 中期今から 5 年ほど前の 2008 年、エリックメイヤー氏によるリセット CSS や YUI のリセット CSS が登場した。全称セレクター「*」 ではなく、要素セレクターそれぞれに対して CSS をゼロにするという手法。 ただし、p や見出し要素の上下マージンや li のリストスタイルまでも依然としてゼロになっていたため、次のような、本末転倒な HTML まで
短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ | らふらく ^^
最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人（または初級者）のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ（見た目の部分）はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門 ドットインスト
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CSS初心者向け】ブログで良く見かけるシンプルな見出しの作り方 - ディレイマニア
Flatis
新着記事