WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。

もう少し細いフォントが欲しい、横線が短めのフォントが欲しい、カクカクしたフォントが欲しいなど、自分仕様にフォントを簡単にデザインでき、それをOpenTyepとTrueTypeのフォントとしてダウンロードできるオンラインサービスを紹介します。 先日紹介した「英語や日本語や絵文字など紙に書いた文字からフォントがつくれるオンラインサービス」とはまた違ったフォント作成ツールで、こういうサービスが増えるのは嬉しいですね。

CSSの「clip-path」を使い、円・楕円・多角形などのさまざまな形状のクリップパスが簡単に生成できるオンラインサービスを紹介します。 UIも随所に工夫がある非常に使いやすいデザインになっています。

こんにちは。 11月が始まりましたので、10月中に話題になったWebサービスやアプリを11個ほどご紹介します。 Syn. 「Syn.」は、インターネット上でさまざまなサービスを提供する12社を連携させるKDDIの構想です。 Syn.menu という共通のサイドメニューを設置し、ニュースやカレンダーアプリ、ファッション情報など、サービス間の行ききをスムーズにします。また各サービスの新着情報を知らせるSyn.notification 機能も搭載。 このアライアンスに参加するのは、@cosme、ゲームギフト、ウェザーニュース、報道ヘッドライン、ジョルテ、音楽ナタリー、コミックナタリー、nanapi、NAVITIME、はてなブックマーク、iQON、Qrank、LUXA の12社。 今後の展開が非常に楽しみです。 Takestock Takestockは、近くの図書館や、本屋の在庫状況がわかるiPh

Web上で予め用意されたテンプレート画像、文字を入力、エフェクトを設定していくだけで、html5、css、Javascriptでコードを書き出してくれる優れサイト。(※swfファイルも可能) なんとタイムラインで細かくも設定できます。プログラミングが苦手だけど動きを付けたい、ちょっとしたバナー制作にも重宝しそうです。 日本語テキスト入力には対応していません。 Create HTML5 Animation|Free Banner Maker

これまで、Webサイトやブログを作ろうと思った際、一定の知識が必要でした。しかし、それはもう古い考えのようで海外では特に知識がない人でも簡単にwebサイト、ブログを作れるサービスがあります。それが「Weebly」というサービスです。とにかく直感的に作成できるのが、印象的だったので紹介します。

「Generator for Startup Framework」はドラッグ＆ドロップでスタートアップ用のWebサイトが作れるサイトです。1枚ページのウェブサイトを作るときに非常に便利です。ヘッダーやコンテンツなど、要素ごとにデザインが分離されており、そこから好きな要素をドラッグ＆ドロップで配置して完成です。以下に使ってみた様子を載せておきます。まずGenerator for Startup Frameworkへアクセスしましょう。まずProject Name部分を修正してタイトルをつけましょう。 左側にメニューがあり、そこから利用したい要素をドラッグ＆ドロップで配置させます。コンテンツは豊富にあるのできっと求めているものがありますよ。HTML/CSSを出力させることができます（有料）。簡単にペライチのページが作れるサイトはこれからもどんどん増えてきそうです。ぜひご活用ください。 Gene

Check out popular and trending examples made by our elite team of developers. Get to know the latest tricks on CSS:

適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』 『Logoshi』はユーザーが手書きで描いたスケッチから均整の取れた綺麗なロゴマークを自動製作してくれるサービス。 ユーザーが考えている抽象的なイメージを具象化して本格的なロゴを作成／提案してくれるというものです。 まずはカラーパレットから色を選んで適当にスケッチしていきましょう。 あくまでイメージを書き出すというだけの作業であって、うまく書く必要はあまりありません。 また、ロゴに組み合わせる社名やサービス名などの名称も指定しておきます。 [Build Logos]をクリックしてしばらくするといくつかのロゴとフォントフェイスが作成されていきます。 気に入ったものをチョイスすると実際にどのような見た目になるのか、選んだロゴとフォントを使って合成写真を作成してくれます。 [Download low resolutio

内容：「mypictr」は、TwitterやFacebookなどのSNSで使用するプロフィールの画像を、既存の写真から切り出すための画像加工サービスだ。サービスごとの定形サイズが登録されているので、SNSの名称をプルダウンメニューから選択するだけで、写真を適したサイズに切り抜くことができる。 「mypictr」は、TwitterやFacebookなどのSNSで使用するプロフィールの画像を、既存の写真から切り出すための画像加工サービスだ。サービスごとの定形サイズが登録されているので、SNSの名称をプルダウンメニューから選択するだけで、写真を適したサイズに切り抜くことができる。 使い方は簡単で、手持ちの写真をアップロードしたのち、プルダウンメニューからSNSなどのサービス名を選択。写真上に黄色い枠が表示されるので、写真左の拡大縮小バーでサイズを調節しつつ、切り抜きたい位置に黄色い枠を合わせて「

ドットインストール代表のライフハックブログ

Photoshop などの高機能画像編集ソフトがあれば様々な加工ができるものの、それなりの知識・スキルが要求されますし、使いこなすまでにちょっと時間がかかってしまいます。 そこで「それほど複雑な機能はいらないから、もっと簡単に画像を加工したい！」という要望に応えてくれる Web サービスをご紹介します。 アニメっぽくしたり、綺麗なカードにしたり、あっと驚く合成写真を作れたり…。いろいろ遊んでみてください。

以下のように、画像編集ソフトについて頭を悩ませている人はいませんか？ ただ、ちょこっと画像の編集がしたいだけなのに…… なぜ、難しいソフトの使い方を覚えたり、高額なソフト代を払わなきゃいけないの？ そりゃそうですよね。そう思うのも無理はありません。なにもプロのデザイナーを目指しているわけでもないのに。 そんなあなたにアドバイスがあります。 この記事では「無料で簡単、でも本格的な画像編集ソフト」を6つ、デザイナーのぼくが自信を持っておすすめできるものだけに絞って紹介しています。 ネットを検索すると、画像編集ソフトがいろいろと見つかりますよね。それぞれの画像編集ソフトで「得意なこと」が違うのをご存知でしょうか？ 画像編集ソフトを選ぶときは、作りたい画像に合ったソフトをチョイスしましょう。 今回の記事では、単に画像編集ソフトを紹介するだけではありません。 画像編集ソフトの選び方もお伝えします。

画像の後ろを白抜きにするWebサービス「Remove Image Backgrounds」簡単にWeb上で出来るからいいね！ 精度もわりとよいのでもし外出先で白抜きの画像を作ってくれ！ ッて言われた時に手軽に出来るのでいいですね。 「Remove Image Backgrounds」の使い方画像をドロップして緑で切り取らないところを色塗る。 切り取りたいところを赤くする。

これは素敵すぎる！ アイコン画像の作成は大変です。小さな画像ながら、それを見て内容が理解できないとアイコンとしての意味がありません。最近ではIconfinderのようなサイトもできていますが、色味やサイズがほんの少し合わないと言ったことも多いはずです。 そこで使ってみて欲しいのがIconionです。アイコンのピックアップと設定変更だけで簡単に素敵なアイコン集ができてしまいますよ！ Iconionの使い方 Windows版とMac OSX版がありますのでお好きな方をダウンロードし、起動しましょう。 メイン画面です。これだけでほぼ使い方が分かってしまいますよね。左側にアイコンが並んでいますので好きなものを選択しましょう。 アイコンを選択すると中央のプレビューが変わります。さらにその下にアイコンが登録されます。 色や角丸のサイズなどを自由に変更できます。 さらにスタイルを変更するとまとめて設定が

スマートフォンに代表される情報端末が広まったことで、ランチやディナーの情報をお店の公式サイトを見て確認する、というケースが出てきています。「並み居る競争相手のなかで少しでも多くのお客さんに見つけてもらうためにはネットの活用が不可欠、しかし、そんなノウハウも予算もない……」と悩みを抱えている人にピッタリなサービスが無料で簡単にホームページを作成できる「favy」です。いったいどのぐらい簡単に操作できるのか、架空でオープンしたばかりのダーツバー「G-cafe」のホームページを作って確かめてみることにしました。 favy｜驚くほど簡単にお店のホームページがつくれる https://page.favy.jp/ 実際にfavyを使って作ってみたホームページはこんな感じ。商品の写真や背景画像は手元にあったものを加工しただけですが、これだけきれいにまとまったサイトを作ることができました。 ◆アカウント作

フォントエディタとしては十分な機能ですね！ Web Fontの影響もあって、フォント自体の魅力が見直されています。特徴的なフォントはもちろん、プログラミングしやすいフォントや可読性高いフォントなど普段使いできるものを知っていると重宝するでしょう。 そんなフォントをWebベースで作成、編集できるのがGlyphrです。HTML5で作られており、自由にフォントの作成が可能になります。 Glyphrの使い方 デモが用意されていますのでそちらを見てみましょう。 トップページ。fが編集中です。 クリックで部品の端がポイント表示されます。 ドラッグで位置を変更できます。 別な要素を追加したりできます。ベジュ曲線なので綺麗に描けます。 他の文字に変更することもできます。 例えばg。 デザイナー向けツールとあって、Glyphr自体のデザインも格好いいです。使っていて手に馴染む良さがあります。これからフォント