複雑なコードは不要！簡単に使えるHTML/CSSジェネレーター22選
今回はWeb制作で役立つHTML/CSSを生成してくれるジェネレーターを紹介します。 CSS3の登場でより高度なアニメーションや表現ができるようになりました。一方、CSS3のコードは複雑になりがちでプロパティの使い方を覚えるのも大変です。 ジェネレーターはリアルタイムでデザインを確認できたり、GUIで簡単にデザインを調整できたりします。より効率的なWeb制作を行うために、ぜひ活用してみてください。 WAIT! Animate http://waitanimate.eggbox.io/#/ CSSのループアニメーションで遅延を挿入するのは簡単ではありません。こちらのサービスでは一時停止機能をもったループアニメーションのコードを生成してくれます。いくつかの主要なアニメーションのテンプレートが提供されており、さらにカスタマイズも可能です。 Stylie http://jeremyckahn.gi
コピースロット-誰でもコピーライターに！-
誰でも３秒でキャッチコピーが制作できちゃうコピースロット！いいコピーがつくれない場合は、株式会社コピーライターにご相談を。
LayoutIt! - Interface Builder for CSS Grid and Bootstrap
LayoutIt! helps you make your frontend coding easier without needing to be an expert in JavaScript, HTML5 or CSS3 Bootstrap Builder Drag-and-drop the same Bootstrap components to your own design. Easy to integrate with any programming language, you just download the HTML and start coding the design into it. Grid Generator Start creating your own CSS Grid Layouts simply and easily with this magic t
これは凄い！色んなCSSを生成してくれるジェネレーター「Generate CSS」 – bl6.jp
Generate CSSというジェネレーターが凄かったのでご紹介します。ボタン、テキストエフェクト、角丸、グラデーションなどといった色んなCSSを生成することができます。出来上がったらコードを取得してコピペするだけという手軽さがいいですね。 [ads_center] Generate CSSの使い方 CSS + CSS3 Generator | Generate CSS 自分が生成したいCSSを選択して、調整していくだけでカスタマイズできます。以下はボタンの調整画面。 調整後はPreviewをクリックするとプレビューが表示されて確認することができます。 完成したらGet CodeからCSSコードを取得できます。 ほんと、たくさんの種類のCSSが用意されていて凄いです。 というわけで、色んなCSSを生成できるジェネレーター「Generate CSS」のご紹介でした。
退職届け PDF メーカー
※ 名前は空欄にして直筆でのサインを推奨します。 ※ 名前の下に印鑑を忘れないでね☆ ※ 申し送りは省略可能です。 壁紙用の画像ファイルをアップロード: ※ 送信すると画像ID の欄に ID文字列が埋まります。 次回からその ID を指定して下さい。 Notice 「退職届」は退職の意志を一方的に会社へ通告するものです。穏便に進めたい場合は「退職願」を選択して下さい。 退職願/退職届のコピーを取っておいて離職票や源泉徴収票が送られてくるまできちんと保管しておきましょう。 偽造の疑いを減らす為に、名前の欄は直筆が良いでしょう。筆ペンで雰囲気を出すのも手です。大事な書類ですから！ 封筒のサイズは、A4 で印刷した紙を三つ折りするなら長3封筒、十字四つ折りなら A6 封筒です。(マナーとしては前者を推奨) About 貴方の退職をサポートします。ボタン１つで素早く退職届けを生成！ URL に会社
「iPhone 5s」と「iPhone 5c」でページを見ている画像をサクッと作る方法
自分で作成したサイトやブログなどをiPhoneやiPad、iPad mini、さらにGAMEBOYなどで見るとどんな風になるのかを確認できるウェブサービスが「iPhone Screenshot Maker」ですが、バージョンアップして、iPhone 5s・iPhone 5cにも対応しました。 iPhone Screenshot Maker http://iphone-screenshot.com/ 使い方は、まずステータスバーの加工方法を選択してから使用するフレームを選びます。「auto detect」を選択すれば、のちのちステータスバーの加工方法を選択可能なので「auto detect」をクリック。そして今回は新しく対応したiPhone 5sのフレームを使ってみることに。 次に複数ある端末のカラーや角度から好きな物を選択。 そしてオプションを設定。ここでは入力画像をディスプレイにフィット
パズドラ風アイコンジェネレーター ver.2
注意）+と覚醒を両方設定でき、交互に切り替わるアイコンになりますが、Twitterには設定できません。チェック状態ではアイコンの位置調整もできません。動かなかったら諦めてください…また端末によってはオンにすると著しく動作が遅くなったり、動作しなくなることもあります。 パズル＆ドラゴンズのモンスターアイコンみたいなアイコンジェネレータです。Twitterのアイコン等に使ってね。 2014-02-09 最大レベルの時の表示幅をアプリに合わせました。 2014-01-21 ステータス表記を現バージョンのレイアウトにあわせました。 +と覚醒を選べるようになりました。 2013-10-20 フレームなしが選べるようになりました。 2013-10-20 デフォルトのアイコンサイズを180x180(+かLvオプションがある場合は191x191)に変更しました。今まで通りの98x98(+かLvオプションが
WordPressでアイキャッチ画像に任意のデフォルト画像を設定する方法 * prasm（プラズム）
これがずっとやりたかったんだよ！すべてのソリューションはかちびとで問題ない。@shintarowfreshです。 もうとにかくWordPressでアイキャッチ画像を用意するのが面倒極まりない。とはいえ設定しないとみっともない。という2重苦を抱えていたのですが、これからは開放されます、気持ちいい！！ WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.netWordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.net 設定に必要なIDの調べ方はコチラに。 Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後はもう書いているコードをコピペして終わり、イッツダン！ すると こんなかんじで、新規投稿の際、指定のデフォルトの画像がハマっているわけで。 上書きしたかったら、新し
Online StyleSheet Generator | OneClickCSS
What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサポートします。 What's LESS/SASS/SCSS? LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。 従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。 LESS OFFICIAL SASS/SCSS OFFICIAL 関連サービス 高画質サムネイル生成サービス HTTPクエリデコード SQLフォーマッター Insert文フォーマッター スペースフォーマッター JSONフォーマッター HTML/XMLフォーマッター Emmet toolkit for <textare
30 free HTML email templates
Free responsive email templates. Browse our selection of free mobile-friendly email templates, designed and optimized to be responsive and customizable. Choose an email template to start editing, or design a template with your branding in our drag-and-drop editor. Build a free template now Notice: Undefined index: free-flag in /nas/content/live/cmwpprod/wp-content/themes/cm-theme/email-templates/_
CSSレイアウトをWEB上でサクッと作れる「PageBlox」:phpspot開発日誌
CSS Layout Generator | PageBlox - home CSSレイアウトをWEB上でサクッと作れる「PageBlox」。 次のような画面で、カラム幅をクリックで簡単に拡大縮小できたり、ブロック要素を消したり移動したり、追加したりといったことが自由にできます。 基本となるテンプレートを選んで修正すればより効率があがりそうです export で簡単にHTMLコードを生成できます。 とりあえず素早くレイアウトを組むのには便利に使えそうですね 関連エントリ 画像レイアウト関連で便利なjQueryプラグイン等まとめ レスポンシブなレイアウトをON/OFFできるようにするJS「ReView」 アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 これは新しい!パネルレイアウトが美しいスライドショー実装デモ レスポンシブなレイアウト実装
「ノンプログラマーのためのjQuery生成ツール」作りました
ノンプログラマーのためのjQuery生成ツールを作ってみました。よければご活用ください。 ノンプログラマーのためのjQuery生成ツール サンプル表示つき このツールは「7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座」にインスパイアされて作った、初心者向けのお勉強ツールです。 コールバックなど複雑な設定はできませんが、基本的な設定とメソッドチェーンまでできるようにしています。 追記：イベントとAPIをプルダウンメニューで選択できるようにしました。過不足あればご指摘ください。 追記：イベントとAPIのプルダウンメニューでツールチップを表示できるようにしました。ざっくりした内容ですが、これでイベントやAPIの使い方が分かるようになります。 ツールチップを表示 やっつけで作ったので中のコードはかなりひどいです。あしからず。 １．使い方 本エン
ヤバイくらい簡単にプロフェッショナルなサイトが作れるStriking.lyが凄い | バンクーバーのうぇぶ屋
追記：【割引コードGET！】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた！ | バンクーバーのうぇぶ屋 上記追記ですが、このStrikingly.comのデイビットさんと話をして、クーポンコード貰えたんでご紹介記事が上になりますー！ 以下より本記事本文 いやー、今日まで散々”簡単にサイトが作れるん時代っすよねー”的な事を色々書いてきましたが、もしかしたらこれは今までご紹介したどんな簡単WEBサイト作成サービスよりも凄いかもしれません。 超シンプル、超簡単、超楽、超綺麗。 無料版でもそのクオリティの高さにはちょっとビックリですが、有料版にすればA/Bテストにカスタムドメインまで全然オッケーとか色々ヤバイ高機能。 例えば、こんなサイト1時間も掛からず作れちゃう。簡単だけどレスポンシブ可もされてるし。使い方も説明が必要か迷うレベルで簡単。 S
集中力を高める自然音のBGMが作れるフリーソフト「Atmosphere Lite」
歌詞の入ったBGMではなく、自然の中にいるようなBGMを聞きながら集中をして作業がしたいときに、森林・雨・雷雨・海岸・キャンプファイヤーなどのサンプルが聞けて、自分好みの自然音のBGMを作成することができるフリーソフト「Atmosphere Lite」が役立ちます。アラート・録音機能もあり、Windows上で動作可能です。 ムービー、インストール、操作方法については以下から。 Download Atmosphere Ambient Soundscape Generator http://www.vectormediasoftware.com/atmdeluxedown.htm 実際にどのような感じの自然音BGMになるかというのは以下のムービーで試聴できます。 「Atmosphere Lite」の自然音BGM - YouTube 公式サイトの一番下にある「Download（Atmospher
Create a Responsive and Multilingual Website in 5 min with Edicy
2014年7月23日 便利ツール 以前、元お隣さんが「非WEB屋でもサイトが作れる驚異的サービス／『サイトを作る』という敷居がどんどん低くなっていると実感する物色々」という記事でWeb制作の知識がなくても簡単にWebサイトを作れるサービスを紹介してくれていました。HTMLやデザインの知識がなくても、テーマを選んでコンテンツを入力すればサイトが作れるサービスがどんどん増えていますね。今回は同様のサービスですが、より多機能な「Edicy」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ Edicyの特徴 動画を見てもわかる通り、Edicyは簡単にブラウザー上でWebサイトが作れるサービスです。 とにかく試してみましょう！ホームの「Try for Free」ボタンからアカウントを作成します。「.edicy.co」のドメインが取得できます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
見出しデザインに迷ったら！吹き出しやリボンも一瞬で作れるCSS見出しジェネレーター。
Web制作者必見！Photoshop CCにSlicyのような画像アセット（Generator）機能が追加
SASSIENCE ～ 世界が嫉妬するCSSへ
HTML5 & CSS3 Tools and Tutorials
エクセルのデータをhtmlに1秒で変換してくれるサイト TABLEIZER!が便利すぎる。 – attrip
