TOP  >  html.オンラインエディタ

Tag : html.オンラインエディタ

2017年01月05日

HTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode.io 」

フロントエンドエンジニアの多くの方は、自分が利用するエディタというのを決めているとは思いますが、緊急の時だったり、どうしても自分のPCが手元に無い環境でコードを書かなくてはいけないなんて事も極稀ではありますがあると思います。今回紹介するのはそんな、もしもの時のためのHTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode.io」です。

playcode01

この「playcode.io」非常にシンプルなツールで順番に左からコントロールパネル、HTML・CSS・Javascript、HTMLプレビューと並んでおり、結果を見ながらコーディングすることが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 06:43  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2009年03月01日

人間のシルエット素材の決定版!「People Silhouettes photoshopBrushes & vectors」

商業広告、グラフィック制作に良く使われる人のシルエット。デザイナーの皆様は一度は写真から描き起こした事があるかと思います。今日紹介するのはそんな人間のシルエットを集めたエントリー「Free Photoshop Brushes: People Silhouettes」と「People Silhouettes in Vector Format that You can Download for Free」です。

graphicshuman01

かなりの数が集められていて、シルエット化されているポーズも職業も多岐にわたるため、様々なシーンで利用できるかと 思います。今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:08  |  
Category: Design , Photoshop , vector   
2017年11月22日

無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」

Webサイトを構築するのに必要なCSSでは様々なデザインを設定することができ、とても便利。そんな中今回紹介するのは、無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」です。

CSSTooltip01
Pure-CSS Tooltips

アクションで注意書きなどに注目させたい時に使用するツールチップの、魅力的な動作やデザインを簡単に取り入れることができます。

詳しくは以下

(さらに…)

続きを読む
posted 11:04  |  
Category: Tool , WebDesign   
2008年05月15日

1ファイル2GBの容量無制限のオンラインストレージ「firestorage」

回線も光が多くなってきて大きなファイルをやりとりする機会が本当に増えてきましたが、無料で使えるファイル転送サービスやオンラインストレージはコストがかかる物なので当たり前かもしれませんが、国内にはなかなか無い物です。今日紹介するオンラインストレージサービス「firestorage」は無料でしかも容量無制限、そして1ファイル2GBまでといたせりつくせりのオンラインストレージサービスです。

上記にも書いたとおりこれは便利だと思い早速登録してきました。登録方法は非常に簡単で「 無料会員登録 」でメールアドレスを記入するだけでOKで後は登録したアドレスにIDとPassが送られてきます。

詳しくは以下

(さらに…)

続きを読む
posted 09:56  |  
Category: WebService   
2017年01月06日

シンプルなデザインに合う天気フリーアイコンを集めた「20 Free Weather Icon Sets with Minimal Designs」

あまり使用する頻度は高くありませんが、あるといざという時に便利な天気アイコン。たくさんの種類がフリーで配布されており、今回はその中でもシンプルなデザインに合う天気フリーアイコンを集めた「20 Free Weather Icon Sets with Minimal Designs」を紹介したいと思います。

weathericon0105_3
24 Weather Icons – Freebie by Carl Robin Kylander ✦ – Dribbble

ミニマルテイストなものを中心に、さまざまなバリエーションを揃えたアイコンセットがピックアップされています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年10月09日

デザイン性の高いクリエイティブな見出しフリーフォント集

デザインを決定づける大きな要因の一つフォント。見出し一つで印象がガラリと変わるため、それだけにフォントの入れ方、選び方というのはデザイナーのセンスの見せどころでもあります。それだけに多くのクリエイティブなフォントを知っておきたいところ。今日紹介するのはそんなデザイナーの武器の一つであるデザイン性の高いクリエイティブな見出しフリーフォントを集めたエントリー「20 Free Fonts For Beautiful Headline Typography」を紹介したいと思います。

a
Weston

見出しに使えそうなキレイめでなおかつ個性があるフォントが集められています。今日はその中から幾つか気になるものをピックアップして紹介したいと思います。

詳しくは以下

Roscoe™
丸いPOPな書体が印象的なフォント。カワイイけど洗練されています。。

Roscoe%E2%84%A2-font-on-the-Behance-Network_1314183689393-428x287
 
 
 
 
 
Big Noodle Titling
長方形で型どられた、カチッとした書体。

noodle
 
 
 
 
 
Telegrafico
正方形に近い、正統派のゴシックフォント。視認性も高く見出しには最適の書体です。

telegrafico_by_ficod
 
 
上記の他にも様々なフリーフォントが紹介されています。気になる方は是非原文もご覧ください。ライセンスは各々のフォントでことなりますので商用利用をお考えの方は配布元でご確認ください。

20 Free Fonts For Beautiful Headline Typography | Design Woop | The Web Design and Development Blog

続きを読む
posted 09:00  |  
Category: Design , Font   
2015年09月17日

iPhone6の高品質モックアップ集「11 Free iPhone 6 Mockups For App & Responsive Designs」

先日、iPhone6sの発売が発表され話題となっていますが、デザイン業界での最新機種は現在はまだiPhone6。今回はそんなiPhone6の高品質モックアップ集「11 Free iPhone 6 Mockups For App & Responsive Designs」を紹介したいと思います。

iphone6moc2
Dribbble – FREE Photorealistic iPhone 6 Plus PSD Mockup Templates by Tran Mau Tri Tam

ハイクオリティなビジュアル描写が特徴のモックアップ素材、いろいろな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:23  |  
Category: Design   
2010年03月04日

様々な紙のテクスチャセットをひたすら集めた「150+ Free Paper Textures for your Next Design」

テクスチャの中でも汎用性がありもっとも使いやすい素材の一つ、紙のテクスチャ。紙といっても柔らかい印象のものからハードな印象のものまで、様々なものがありますが今日紹介するエントリー「150+ Free Paper Textures for your Next Design」は紙をテーマにあらゆる紙のテクスチャを集めています。

paper_txt_01
Paper Bag Texture Pack

様々なセットが公開されていますが、今日はその中からいくつか気になったテクスチャセットをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:14  |  
Category: Design , Photoshop   
2017年05月11日

デザインに華を添えるのに役立つ 手書き風フリーフォントまとめ「40 Best Free Brush Fonts for Designers」

ブラシで書いたような欧文書体はとても味があり、使用することで印象的なデザインを作り上げることができる存在。今回はそんな手書きフリーフォントまとめ「40 Best Free Brush Fonts for Designers」を紹介したいと思います。

Rainwood_brush_font
Rainwood Free Typeface – IanMikraz Studio

手書きというカテゴリの中でも、さまざまなテイストのデザインフォントがまとめられています。気になったもをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2017年05月19日

アンティーク調な雰囲気の手描きイラストレーションセット「110 Hand-Drawn Floral Elements」

植物をモチーフとしたデザインは、繊細で柔らかくナチュラルな雰囲気をデザインに与えてくれます。今回はそんな、優しい質感を取り入れたい時に活用したい、「110 Hand-Drawn Floral Elements」を紹介したいと思います。

Hand-Drawn-Floral-top

アンティーク・アナログテイストの手描きタッチの植物イラストが1170種セットになってダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2017年07月27日

毎日のブログ更新を効率化するWordPressプラグインまとめ「7 New and Free WordPress Plugins」

サイトコンテンツの一つとして、定番化しているブログ。サイト訪問ユーザーを楽しませるのは勿論、SEO対策まで幅広い利用価値が有り、定期的な更新が必要不可欠です。今回ご紹介するのはそんなブログの更新を楽にしてくれる、WordPressプラグインまとめ「7 New and Free WordPress Plugins」です。

7New_wpplugin_0

毎日のブログライティングにおける、ちょっとした手間を解決してくれる多種多様なプラグインを7つ掲載しています。その中から気になったプラグインを3つご紹介しますので、ご覧ください。

詳しくは以下
(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る