今回はWeb制作で役立つHTML/CSSを生成してくれるジェネレーターを紹介します。 CSS3の登場でより高度なアニメーションや表現ができるようになりました。一方、CSS3のコードは複雑になりがちでプロパティの使い方を覚えるのも大変です。 ジェネレーターはリアルタイムでデザインを確認できたり、GUIで簡単にデザインを調整できたりします。より効率的なWeb制作を行うために、ぜひ活用してみてください。 WAIT! Animate http://waitanimate.eggbox.io/#/ CSSのループアニメーションで遅延を挿入するのは簡単ではありません。こちらのサービスでは一時停止機能をもったループアニメーションのコードを生成してくれます。いくつかの主要なアニメーションのテンプレートが提供されており、さらにカスタマイズも可能です。 Stylie http://jeremyckahn.gi

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

こんにちは。 3月になりましたので、2月中に話題になったWebサービスやアプリを11個ほどご紹介します。 カクヨム カクヨムは、2016年2月29日に正式リリースされた、自由なスタイルで物語を投稿できる小説投稿サイトです。（公開非公開は作者が決められる） 2015年12月25日から、事前に会員と作品の投稿を受け付けていましたが、結果3月現在で会員数は1万8000人、投稿数（作品）はすでに1万5000作品を超えているというから驚きです。 Miitomo Miitomoは、任天堂が提供する自分に似たキャラクターをつくって、友達とコミュニケーションができるアプリです。 ニックネームだけでなく、しゃべり方や性格なども設定できるのでより自分に近いキャラクターを作ることができます。 サービスのリリース自体は3月を予定しており、予定配信国は、日本を含んで、アメリカ、カナダ、イギリス、アイルランド、フラン

ファビコン favicon.ico 作成 リアルタイム版 ウェブコーダーやブロガーに必須アイテム。半透過マルチアイコンが作れます。 ウェブブラウザで、タブやURLのとなりに表示されているアイコンがfaviconです。 16x16と32x32と48x48ピクセルのマルチアイコンが簡単に作れます。 処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。 このページでは 16x16, 32x32, 48x48 の3つの画像を含むマルチアイコンを生成します。 16x16のみ、16x16と32x32の2個、などのアイコンも作成可能です。 入力された画像は指定サイズに拡大縮小されます。16x16の画像に100x100の画像を指定すると縮小されます。 長方形の画像を指定した場合は正方形に変形されます。 透過情報を含むPNG画像も指定

Web業界の非エンジニアが学ぶべきスキルについてまとめました。 エンジニアやデザイナーとのコミュニケーションに悩んでいる人や、これからWebの仕事に取り組む方に参考にしていただければと思います。 Web業界の非エンジニアが学ぶべきスキル5選ドキュメントスキル Web業界だけに限った話ではありませんが、IT業界ではドキュメントの作成スキルが欠かせません。特に非エンジニアにとっては、提案書や仕様書など膨大なドキュメントを作成したりチェックする場面が出てきます。アクセスデータを集計したり加工することもあるので、表計算の高いスキルもつけておきたいもの。 WordやExcel、PowerPointなどのOfficeソフトについては、一般的なビジネスパーソンよりも使いこなすことが求められます。書籍などを使って学んでもいいですし、MOSなどの資格を目標にしてもいいでしょう。 また、ドキュメントスキルを身

どうも、まさとらん（@0310lan）です。 みなさんは、Webアプリの開発にトライしたことはありますか？ いざ、コードを書き始めるとちょっとしたことで悩んだり、簡単に思っていた処理が意外と面倒であったり、データベース操作が難しかったり…など、予想以上に困難な場面に直面することが多いと思います。 そこで今回は、初級者から上級者まで幅広い開発シーンを想定し、面倒な作業を解消して便利に活用できる無料Webサービスを厳選してみましたので、ご紹介しようと思います！ 目次 ・悩みがちな「関数」や「変数」の名前を日本語で一発変換！ ・Eメール認証の判定を自動化する！ ・多彩な「情報リソース」を無料でゲット！ ・わずか数行で画像要素をInstagram風のオシャレ写真に変換！ ・任意のWebサイトURLから自動で「スクショ」をゲット！ ・超お手軽にソースコードをシェア＆レビューする！ ・Googleスプ

こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ

99U：フリーランスとして生計を立てていくことは、充足感が得られる一方で、孤独でストレスに満ちたものでもあります。たった1人で「やらなければならないこと」と「やりたいこと」を天秤にかけた上で、収支のバランスを取らなければならないのですから。 そんなあなたに良い知らせがあります。たった1人で奮闘する必要はないのです。今日の情報化社会には、フリーランサーの生産性やワークフロー、組織化や知識面でのニーズに大いに貢献してくれるオンラインツールがあふれています。アプリやウェブサイトなどを上手く活用すれば、創造力の泉をさらに満たすことができます。この記事では、ワークフローをすっきりさせてくれる注目のアプリを10個、厳選して紹介します。 1. Noisli このフリーソフトは、あなたの職場が自宅であろうとカフェであろうとコワーキングスペースであろうと（最後の2つはヘッドフォンが必要ですが）、まるでDJブ

Transform any piece of content into a page-turning experience.

Nothing is perfect from the beginning. We want to support the growth of documents from hatching to completion. 最初から完璧なものなんてない。 esaは情報の一生を見守りたい。

Googleは、知らない人はいないと言っても過言ではないほど有名な企業です。Googleの代表的なサービスとして「検索」が挙げられますが、その他にも様々なサービスを提供しています。 今回は、Googleの便利なサービスから、意外にあまり知られていないサービスまで15選をご紹介します。 手軽に無料で利用できるものがほとんどですので、興味があるものは利用してみましょう。 Googleの便利なサービス14選 1.Google Scholar https://scholar.google.co.jp/ 学術論文や学術誌、出版物などの中からキーワードや特定の記述などを検索することができるサービスです。Web上にある学術論文をまとめて表示してくれます。論文などを引用する際は、引用元を明記した上で行いましょう。 2.Google Transliterate https://translate.googl

Free Vector Graphics Editor Step into the world of Vectr, a simple yet powerful Free graphics editor that allows you to design and edit vector graphics online, without a steep learning curve. USE NOW

各サービスのAPIの仕様なんて覚えてらんねぇ！という人は是非。 Blockspringとは Blockspringは、TwitterやFacebookなどのソーシャルメディアをはじめ、Amazon、Youtubeなど様々なサービスからのデータを、プログラマがAPIを直接触ることなく表データとして取得することができるサービスです。サービスごとに規格の異なるWebAPIを利用するには学習コストが結構かかるわけですが、Blockspringはそういったサービスとプログラマーの間に立ち、データ取得のインターフェイスを抽象化してくれます。 非常に沢山のサービスに対応しています。 「ちょこっとデータが欲しいだけなのに、サービス毎のWebAPIを勉強するのもう疲れた」 そんな時はBlockspringを利用してみてください。 インストール BlockspringはGoogle スプレッドシートとエクセル

OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月

Hey there! Free trials are available for Standard and Essentials plans. Start for free today.

3DPerfect your craft with the same tools used at Dreamworks and Pixar. 15K creators 85K products 19M sales DesignCode, design, and ship your dream product with these technical resources. 23K creators 92K products 28M sales Drawing & PaintingTutorials, plugins, and brushes from pro concept artists and illustrators. 18K creators 111K products 25M sales

import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。 無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。 以下では、その簡単な使い方や、利用例などを紹介したいと思います。 定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。 基本的な使い方 import.ioの最大の特徴は、使い方の簡単さです。 以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。