Kroki!
Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), D2, DBML, Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, Symbolator, TikZ, UMLet, Vega, Vega-Lite, WaveDrom, WireViz... and more to come! 📢 We're planning the future of Kroki, and we need your insights
OGP画像シミュレータ | og:image Simulator
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月
本当は速くならない「Webサイトの表示高速化アンチパターン」10選｜榊原昌彦
ベストプラクティスや「高速化につながる！」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 本記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 本記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
Adobe Stock | ロイヤリティフリーの高品質な写真やベクター画像 | Adobe Stock
10 点の画像または 1 点のビデオを無料体験版で入手できます。無料体験版の使用を開始 10 点の画像または 1 点のビデオを無料体験版で入手できます。無料体験版の使用を開始
http://www.masukawa.co.jp/sdk/69.html
ビット演算テクニック // ビット列を左右反転する(32bit用) int BitMirror32(int n) { n = (n >> 16) | (n << 16); n = (n >> 8) & 0x00ff00ff | (n << 8) & 0xff00ff00; n = (n >> 4) & 0x0f0f0f0f | (n << 4) & 0xf0f0f0f0; n = (n >> 2) & 0x33333333 | (n << 2) & 0xcccccccc; n = (n >> 1) & 0x55555555 | (n << 1) & 0xaaaaaaaa; return n; } // ビット列を左右反転する(16bit用) int BitMirror16(int n) { n = (n >> 8) | (n << 8); n = (n >> 4) & 0x0f0f | (
お知らせ
FlashPlayerのサポート終了により、2020年末をもって ミニドット絵メーカー、ミニドット絵メーカー２の公開は終了いたしました。 長い間のご愛顧、まことにありがとうございました。 ★2021年以降は、FlashPlayerが無くても使える 「ミニドット絵メーカー３」をご利用くださいますようお願いいたします。 Flash終了ついての詳しい関連情報と今後のサイト運営方針はこちらになります。 © 2005 Neutralx0.net
作業効率あがった！Photoshopの使い方と小技まとめ
作成：2013/12/2 更新：2014/11/01 無料素材 > 画像補正するときに、どうすれば良かったのか思い出せない。またあの方法を探し出さないといけない。そんなこんなで、Photoshopの便利な小技や、写真に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 画像補正 １．覚えておくと便利な小技 知っておきたい基本知識 ２．被写界深度（ひしゃかいしんど） ３．バンディング（トーンジャンプ） ４．白とび・黒つぶれ ５．ジャンプ率 ６．視覚度 ７．角版／切り抜き版の使い方 ８．画像フォーマット 使い方 ９．基本的な機能の使い方 画像補正 １．覚えておくと便利な小技 写真をPhotoshopで補正するときに役に立ちそうな小技をまとめました。異色なものもありますが、筆者が良くアクセスしてしまうもの一覧です。 ゴミを発見する／微細なロー
【保存版】これでもう迷わない！ コーヒーの違いがよくわかる図 | ロケットニュース24
せっかくコーヒーショップに言っても、「カフェ・ラテ」と「カプチーノ」の違いがわからずに困ってしまい、結局「本日のコーヒー」ばかりを飲んだりしていないだろうか？ そんな方に役立つ図解をご紹介しよう。以前同じような「コーヒーの特徴」を見極める図を紹介したのだが、今回のものはさらにわかり易い！ 一目瞭然で違いを判断できるぞ！ この図解を作成した米・メリーランド州のイラストレーターによると、シアトル系コーヒーショップ（スターバックスはその代表）が目立つようになってから、オーダーの仕方がわからなくて、お店に行き辛くなったそうだ。たしかに不慣れな人にとって、これらのショップは敷居が高く感じてしまう。 そこで彼は、コーヒーの中身がわかるように図解を作成したのである。以下はスタンダードなメニューとその違いだ。 エスプレッソ・マキアート： エスプレッソ ＋ ミルクフォーム エスプレッソ・コン・パンナ： エス
木から落ちるクマの画像がシュールすぎると話題に : 痛いニュース(ﾉ∀`)
木から落ちるクマの画像がシュールすぎると話題に 1 ： ヒドラ(新疆ウイグル自治区)：2012/04/28(土) 19:00:36.05 ID:PHjkvh4n0 ２６日、米コロラド州ボルダーのコロラド大学ボルダー校をうろつき、木に登ったクマを、野生生物保護団体の職員らが麻酔銃で眠らせ、落ちるところにマットを敷いて〝ナイスキャッチ〟。 大学関係者によると、このクマの年齢は推定１〜３歳、重さは１５０〜２００ポンド（６８〜９０・７Kg）くらいだという。早く森に帰れるといいね。 写真は全て(AP Photo/CU Independent, Andy Duann) http://photo.sankei.jp.msn.com/kodawari/data/2012/04/0428bear/ うまくマットの上に落ちたクマ 10 ： カノープス(内モンゴル自治区)：2012/04/28(土) 19:03
意外と簡単に作れるようになったiOS5向け「電子書籍アプリ」を作ってみよう - もとまか日記乙
Xcode4.2から「UIPageViewController」という電子書籍的なアプリを作るのに最適なクラスが追加されました。iOS5専用ですが、これは嬉しいですね！ このクラスを使うと電子書籍アプリが簡単に作れるようです。てことで、今回はiOS5用のシンプルな電子書籍アプリを作ってみる、というメモ。 今回の概要 今回の概要は以下。iOS5向けの電子書籍アプリを作ってみる プロジェクトの作成 まずはプロジェクトを作成します。本内容では「Page-Based Application」を選び、プロジェクト名は「eBookTest」としています。 Page-Based Applicationの仕組み まず、Page-Based Applicationの構成と仕組みについて。 まず、見慣れない「Storyboard」というものがあります。これは簡単に言うと、UIを構成するxibを一つにまとめたも
Illustratorチュートリアル【女の子】
2013年11月28日 Illustrator 海外サイトでよく見るPhotoshopやIllustratorのチュートリアル記事って、見ていていろんな発見があります。自分が思っていたよりはるかに楽な方法や、知らないテクニックを教わったり。でも、日本語のサイトでそんなチュートリアルをあまり見かけないので、Illustratorでイラストを描いたのを記事にしてみました。動画も撮っておいたのであわせて見てみてください！ ↑私が10年以上利用している会計ソフト！ 動画撮ってみました 個人的に、他の人が作っていく過程を見るのが好きなので撮ってみました。ベジェ曲線での描き方など、参考になるかもしれません。一部撮り忘れたところもありますが気にしないでください。 まずは準備 ラフ画の取り込み ラフ画は別レイヤーにフリーハンドで描く事も多いのですが、今回は紙に描いたものを使いました。通常スキャナーなどで取
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Beautiful Free Images | Unsplash
html5-memo.com
簡単にかっこいいロゴを作ることができる「GraphicSprings」｜男子ハック
http://fukuyama.co/imagealpha
PDFの文字をテキスト化！ オンラインで簡単に使えるOCRサービス | ライフハッカー・ジャパン
【画像】なんという浮遊感！動物たちが跳んだ瞬間を激写した写真25枚
layer8.sh
HeartRails Capture | サムネイル画像／PDF ファイル作成サービス