WordPressでかっこいいページが簡単に作成できる！レイアウトを組み合わせて直感的に作成できるテーマ -Layers
WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。
最近話題になったイケてるWebサービス・アプリ11選（2014年10月編）
こんにちは。 11月が始まりましたので、10月中に話題になったWebサービスやアプリを11個ほどご紹介します。 Syn. 「Syn.」は、インターネット上でさまざまなサービスを提供する12社を連携させるKDDIの構想です。 Syn.menu という共通のサイドメニューを設置し、ニュースやカレンダーアプリ、ファッション情報など、サービス間の行ききをスムーズにします。また各サービスの新着情報を知らせるSyn.notification 機能も搭載。 このアライアンスに参加するのは、@cosme、ゲームギフト、ウェザーニュース、報道ヘッドライン、ジョルテ、音楽ナタリー、コミックナタリー、nanapi、NAVITIME、はてなブックマーク、iQON、Qrank、LUXA の12社。 今後の展開が非常に楽しみです。 Takestock Takestockは、近くの図書館や、本屋の在庫状況がわかるiPh
ドラッグ＆ドロップでスタートアップ用のウェブサイトが作れるサイト「Generator for Startup Framework」 | ライフハッカー・ジャパン
「Generator for Startup Framework」はドラッグ＆ドロップでスタートアップ用のWebサイトが作れるサイトです。1枚ページのウェブサイトを作るときに非常に便利です。ヘッダーやコンテンツなど、要素ごとにデザインが分離されており、そこから好きな要素をドラッグ＆ドロップで配置して完成です。以下に使ってみた様子を載せておきます。まずGenerator for Startup Frameworkへアクセスしましょう。まずProject Name部分を修正してタイトルをつけましょう。 左側にメニューがあり、そこから利用したい要素をドラッグ＆ドロップで配置させます。コンテンツは豊富にあるのできっと求めているものがありますよ。HTML/CSSを出力させることができます（有料）。簡単にペライチのページが作れるサイトはこれからもどんどん増えてきそうです。ぜひご活用ください。 Gene
適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』
適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』 『Logoshi』はユーザーが手書きで描いたスケッチから均整の取れた綺麗なロゴマークを自動製作してくれるサービス。 ユーザーが考えている抽象的なイメージを具象化して本格的なロゴを作成／提案してくれるというものです。 まずはカラーパレットから色を選んで適当にスケッチしていきましょう。 あくまでイメージを書き出すというだけの作業であって、うまく書く必要はあまりありません。 また、ロゴに組み合わせる社名やサービス名などの名称も指定しておきます。 [Build Logos]をクリックしてしばらくするといくつかのロゴとフォントフェイスが作成されていきます。 気に入ったものをチョイスすると実際にどのような見た目になるのか、選んだロゴとフォントを使って合成写真を作成してくれます。 [Download low resolutio
［ウェブサービスレビュー］SNSのプロフィール写真はおまかせ--サイズ指定で切り出せる「mypictr」
内容：「mypictr」は、TwitterやFacebookなどのSNSで使用するプロフィールの画像を、既存の写真から切り出すための画像加工サービスだ。サービスごとの定形サイズが登録されているので、SNSの名称をプルダウンメニューから選択するだけで、写真を適したサイズに切り抜くことができる。 「mypictr」は、TwitterやFacebookなどのSNSで使用するプロフィールの画像を、既存の写真から切り出すための画像加工サービスだ。サービスごとの定形サイズが登録されているので、SNSの名称をプルダウンメニューから選択するだけで、写真を適したサイズに切り抜くことができる。 使い方は簡単で、手持ちの写真をアップロードしたのち、プルダウンメニューからSNSなどのサービス名を選択。写真上に黄色い枠が表示されるので、写真左の拡大縮小バーでサイズを調節しつつ、切り抜きたい位置に黄色い枠を合わせて「
たった5秒で驚きの画像加工ができる無料オンラインツール3選 - Naifix
Photoshop などの高機能画像編集ソフトがあれば様々な加工ができるものの、それなりの知識・スキルが要求されますし、使いこなすまでにちょっと時間がかかってしまいます。 そこで「それほど複雑な機能はいらないから、もっと簡単に画像を加工したい！」という要望に応えてくれる Web サービスをご紹介します。 アニメっぽくしたり、綺麗なカードにしたり、あっと驚く合成写真を作れたり…。いろいろ遊んでみてください。
【画像編集ソフト6個】無料でおすすめはどれ？
以下のように、画像編集ソフトについて頭を悩ませている人はいませんか？ ただ、ちょこっと画像の編集がしたいだけなのに…… なぜ、難しいソフトの使い方を覚えたり、高額なソフト代を払わなきゃいけないの？ そりゃそうですよね。そう思うのも無理はありません。なにもプロのデザイナーを目指しているわけでもないのに。 そんなあなたにアドバイスがあります。 この記事では「無料で簡単、でも本格的な画像編集ソフト」を6つ、デザイナーのぼくが自信を持っておすすめできるものだけに絞って紹介しています。 ネットを検索すると、画像編集ソフトがいろいろと見つかりますよね。それぞれの画像編集ソフトで「得意なこと」が違うのをご存知でしょうか？ 画像編集ソフトを選ぶときは、作りたい画像に合ったソフトをチョイスしましょう。 今回の記事では、単に画像編集ソフトを紹介するだけではありません。 画像編集ソフトの選び方もお伝えします。
Iconion - 素敵なアイコン画像が簡単に作れちゃう！ MOONGIFT
これは素敵すぎる！ アイコン画像の作成は大変です。小さな画像ながら、それを見て内容が理解できないとアイコンとしての意味がありません。最近ではIconfinderのようなサイトもできていますが、色味やサイズがほんの少し合わないと言ったことも多いはずです。 そこで使ってみて欲しいのがIconionです。アイコンのピックアップと設定変更だけで簡単に素敵なアイコン集ができてしまいますよ！ Iconionの使い方 Windows版とMac OSX版がありますのでお好きな方をダウンロードし、起動しましょう。 メイン画面です。これだけでほぼ使い方が分かってしまいますよね。左側にアイコンが並んでいますので好きなものを選択しましょう。 アイコンを選択すると中央のプレビューが変わります。さらにその下にアイコンが登録されます。 色や角丸のサイズなどを自由に変更できます。 さらにスタイルを変更するとまとめて設定が
誰でも手軽にお店のホームページを作ることができる「favy」を使ってみました
スマートフォンに代表される情報端末が広まったことで、ランチやディナーの情報をお店の公式サイトを見て確認する、というケースが出てきています。「並み居る競争相手のなかで少しでも多くのお客さんに見つけてもらうためにはネットの活用が不可欠、しかし、そんなノウハウも予算もない……」と悩みを抱えている人にピッタリなサービスが無料で簡単にホームページを作成できる「favy」です。いったいどのぐらい簡単に操作できるのか、架空でオープンしたばかりのダーツバー「G-cafe」のホームページを作って確かめてみることにしました。 favy｜驚くほど簡単にお店のホームページがつくれる https://page.favy.jp/ 実際にfavyを使って作ってみたホームページはこんな感じ。商品の写真や背景画像は手元にあったものを加工しただけですが、これだけきれいにまとまったサイトを作ることができました。 ◆アカウント作
Glyphr - ここまで出来るとは！Webベースのフォントエディタ MOONGIFT
フォントエディタとしては十分な機能ですね！ Web Fontの影響もあって、フォント自体の魅力が見直されています。特徴的なフォントはもちろん、プログラミングしやすいフォントや可読性高いフォントなど普段使いできるものを知っていると重宝するでしょう。 そんなフォントをWebベースで作成、編集できるのがGlyphrです。HTML5で作られており、自由にフォントの作成が可能になります。 Glyphrの使い方 デモが用意されていますのでそちらを見てみましょう。 トップページ。fが編集中です。 クリックで部品の端がポイント表示されます。 ドラッグで位置を変更できます。 別な要素を追加したりできます。ベジュ曲線なので綺麗に描けます。 他の文字に変更することもできます。 例えばg。 デザイナー向けツールとあって、Glyphr自体のデザインも格好いいです。使っていて手に馴染む良さがあります。これからフォント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォント作成に詳しくなくても大丈夫、自分好みのフォントが簡単に作成できてしまうオンラインサービス -metaflop
ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」
工夫のあるUIがいい！CSSで円・楕円・多角形などのクリップパスが簡単に作成できるオンラインサービス -Clippy
HTML5でアニメーションを書き出してくれる「html5maker」 - Webクリエイターズニュース
WordPressの代替になる？ドラッグ＆ドロップだけでサイトが作れてしまう「Weebly」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -![WordPressの代替になる？ドラッグ＆ドロップだけでサイトが作れてしまう「Weebly」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2680739e7f92a476354a4af3621ba7d64206209/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47498869.jpg)
Toptal's CSS3 Generator Tool allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなコードで生成するジェネレーター
IDEA * IDEA
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
画像の後ろを白抜きにするWebサービス「Remove Image Backgrounds」簡単にWeb上で出来るからいいね！ – attrip
