Logo Lab puts logos to the test. Simply upload a logo, and you’ll be presented with visual experiments that test key factors like scalability, silhouette, and balance. Easily determine where a logo succeeds and where it could use some improvement.
Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art. Different datasets are loaded each day, check back tomorrow for even more color inspiration. Visit the blog for tech info or have a look at our API The works of Makoto Shinkai - including 5 centimeters per second, the garden of words and children who chase lost voices
どうも、まさとらん(@0310lan)です。 今回は、既存のWebサイトを究極にシンプルなCMSっぽく管理することができる無料のWebサービスをご紹介しようと思います! このサービスを活用すれば、Webサイトのテキストや画像などの編集、サイトの更新作業などを直感的に誰でも行うことができるようになります。 【 Simpla 】 ■「Simpla」とは? まず最初に、「Simpla」がどのようなサービスなのかを実際に見ていきましょう! 以下に、「Simpla」を導入したサンプルサイトがあります。 見た目はごく普通のWebサイトですが、URLの末尾に「#edit」と追記して再読み込みします。 すると、専用の「ログイン画面」が表示されます! 「Simpla」アカウントでログインすると、画面上でそのままコンテンツを編集できるようになります! (編集できる箇所、できない箇所の設定も可能です) また、画
これらの記事を見て思いました。 www.obanari.com shiromatakumi.hatenablog.com 「凄くイイ!!」 「でも…手順多いなあ…」 横着者の私は 「なんとかして手順を減らしたい!」 と思いまして、 「動画URLを貼るだけで、完成コードが出てくるツール」 を作成しました。 作ろうと思った経緯 上の記事の中で「YouTubu動画を貼り付けたい場所に貼り付けるコード」というのがあると思います。 こういうものです。 このコードは「動画を貼り付けたい場所に貼り付けるコード」なんですが、ブログに貼り付ける前に、「動画ID」や「画像の幅」等をコピペ(もしくは手打ち)する必要があります。 私はこれが「面倒だな…」と思ってしまいました。 思い立ったら吉日! 「YouTubuのアドレスを貼り付けるだけで、完成コードが吐き出されるツール」 を作成しました。 その名も「 ようつべ
去年あたりから、魅力的なプロトタイプ作成ツールがいろいろリリースされ、制作の現場でもそれらをもう使ってるという人も少なくないと思います。 その中の一つ、Facebookの『Origami』の動画コンテンツが公開されたので紹介します。 Facebook Origami Origamiは簡単に説明すると、スマホやタブレット、そしてデスクトップのWebページ・アプリのユーザインターフェイスをデザインするOS X用の無料アプリです。Sketchとの相性も非常にいいのも大きな特長です。 Origamiでどんなことができるのかは、下記のExampleページに多数のデモがあります。 先日の記事で紹介した「Windy Effect」もOrigamiで作られたものです。 まずは、インタラクションのデモ。
We’re fighting to restore access to 500,000+ books in court this week. Join us! Can You Chip In? Please don't scroll past this—the Wayback Machine is fighting for universal access to quality information. The Internet Archive, which runs this project, relies on online donations averaging $15.58 to help us keep the record straight. We'd be deeply grateful if you'd join the one in a thousand users th
モバイルサイトのデザインデータなど、縦長の画像を自動分割して印刷用に1枚にまとめるツールを作成しました。 データのアップロード等も不要ですので、機密性の高いデータを印刷する場合でも安心して無料でお使いいただけます! 明けましておめでとうございます。本年もWebNAUTをよろしくお願い致します。私の新年1本目の記事は特に正月らしい内容ではありませんが、Web制作の各場面で使える「痒い所に手が届く」ツールを紹介させていただきます。 デザイン確認時のよくあるやりとり ディレクター: ここでディレクターさんはデザインの確認と指示出しをどのように行うでしょうか? デスクトップ上で修正指示を書き込むようなアプリも幾つかありますが、やはり見やすさや書き込みのしやすさでは紙に印刷して手書きで指示を書く事が多いと思います。 その際、縦に長い画像を印刷しようとすると一般的なアプリではこのようになってしまいます
Easel.ly scales our print production without sacrificing quality. Their designers deliver creative visuals that meet our client's needs, allowing us to meet deadlines and handle larger projects. Easel.ly's design services were a lifesaver when our sign company got hit with a wave of sick leave. We were worried about meeting deadlines, but Easel.ly's designers seamlessly stepped in and delivered hi
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
前回のエントリでは「Windowsで文字化けしないZIPファイルをMacで作る」方法を、ご紹介しました。 では、この逆パターンはないでしょうか? 例えば、Mac使いのデザイナーから送られて来たZIPファイルを、Windowsで解凍したら、ファイル名が文字化けしていた、という経験をお持ちの方はいませんか? 相手側に文字化けしていることを報告し、作り直してもらう方法もありますが『Archive Decoder』を使えば、こうした場合に対処できます。 続きは、以下で。 Archive Decoderは、圧縮ファイルをアイコンにドロップするだけで、解凍してくれるソフトです。事細かに挙動が設定できる画面や、沢山の機能は実装されておらず、シンプル・イズ・ ベストな分かりやすいソフトです。 Archive Decoderは、圧縮はできませんが、Windowsは沢山の圧縮・解凍ソフトが有り、お気に入りのソ
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
Google Chromeのデベロッパーツール で現在閲覧中のページでロードされて いるCSSファイルから未使用のセレクタ を調べる、という方法です。こんなの Web制作者にとって常識だろ、みたい な内容だったらごめんなさい。 今更感あふれる内容ですけど、Chromeのデベロッパーツールで閲覧中のページで読み込まれているCSSからそのページで使用されていないCSSルールを調べる、という方法。 と言うかただの標準機能の紹介です。便利かどうかは使わないと分からないと思うのでテストしてご判断下さい。 手順 F12でデベロッパーツール開いてAudit(監査)っていうタブを選択し、Runで調査ツールを実行します。 ↑ 直ぐに解析は終わると思います。赤い枠の「Remove unused CSS rules」という部分が未使用のCSSルールです。 ↑ ファイルごとに調査結果が出ます。三角のマークをクリッ
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く