shirotorabyakkoのブックマーク - はてなブックマーク

少しの労力でサイトをかっこよく！見出しのCSSデザインに役立つジェネレーター＆サンプル集30個まとめ

見出しジェネレーター外観や色を選んでCSSを生成するジェネレータータイプ。 CSS見出しジェネレーター CSS見出し-ジェネレーター | WEB道吹き出しやリボン、背景色、ボーダー色、文字色、影、ぼかしなどを選択して見出し用のCSSを生成するジェネレータ。見出しメーカー好きな色でCSS見出しが作れます | スタイルシート見出しメーカー好きな色を選んでボタンを押すだけでシンプルな見出しが作れる見出しメーカー。見出しサンプル集見出しデザインと、HTML・CSSがセットになったデモサンプル集。 CSS見出しデザインのアイデア9個 H1一つでここまで出来るCSS見出しデザインのアイデア9個切り取り線、テープ、リボン、吹き出し、アメリカンな吹き出し、付箋、メタルプレート、モザイク、旗、のような見出しをCSSのみで実現しています。ポイント解説などもあってわかりやすいです。 CSSのみで

shirotorabyakko 2015/05/18

CSS

リンク

Cloud9でクラウド上にWordPressのテスト環境を10分で作成する方法、もちろん無料

ワークスペースの作成まずCloud9のアカウントがない人は、作成しておいてください。 Cloud9にログインするとワークスペースが表示されるので、「CREATE NEW WORKSPACE」を押して新しいワークスペースを作成します。クリックすると、次のようにポップアップ表示されるので「Create a New Workspace」を押してください。すると、以下のようなダイアログが表示されるので、次のようにしてワークスペースを作成します。ワークスペース名を入力する Hostingは、Hostedを選択する開発環境はWordpressを選択する CREATEボタンを押す WordPressの編集準備しばらくするとワークスペースが作成されるので、「START EDITING」ボタンを押して編集を開始します。するとブラウザの新しいタブにエディター画面が表示されます。早速Wordpr

shirotorabyakko 2015/04/04

リンク

100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。

Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置 Hover.cssを呼び出す Hover.css用のタグを記入する利用するファイルも、hover.css（縮小版はhover-min.css）

shirotorabyakko 2015/01/12

リンク

コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション

WordPressには、いくつかのプログラム言語が利用されています。主に使うものといえば、以下のような言語です。 WordPress関数（PHP） PHP HTML CSS JavaScript（jQuery）ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。ということで今回は、Wordpressで「これどうすればいいんだったっけ？」「あれなんて関数だったっけ？」なんて時に見ると便利なカンニングペーパー（チートシート）の紹介です。 WordPressチートシート WordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。日本語版 WordPress

shirotorabyakko 2014/11/18

WordPress

リンク

荒れ果てたWordPressコードを美しく整形してくれるツールまとめ

WordPressには、いくつかのプログラム言語が利用されています。具体的には以下のような言語です。 PHP HTML CSS JavaScript（jQuery）細かなことを言えば、他にも使用されているものはありますが、ユーザーが編集するものと言えば大体はこの4つです。今回は、これら4つの言語のコードを綺麗に整形してくれるツールの紹介です。コード整形ツールとはコード整形ツールとは、書き方の定まっていないプログラムコードなどを、記法を統一して綺麗に書き直してくれるツールです。 WordPressテーマ作成や、カスタマイズで、コードをググッてよそからコピペ編集で使うときなどに、自分に合った記法に変換して使えます。例えば、以下のようなことを、まとめて行いたい時に使うと、手動でやるより編集時間を大幅に短縮できます。コードに適切なインデントを自動で設定するインデントをタブからスペー