SVG Flag Icons
Powered by Nucleo: Icon Manager for Mac/Windows SVG Flag Icons Explore over 200 optimized SVG country flag icons — Perfectly crafted on a 32px grid No results found. Suggest missing flag. SVG Flag of Aaland Islands SVG Flag of Afghanistan SVG Flag of Albania SVG Flag of Algeria SVG Flag of Andorra SVG Flag of Angola SVG Flag of Antigua Barbuda SVG Flag of Argentina SVG Flag of Armenia SVG Flag of
DeepL翻訳で海外のWebサイト制作情報を読みあさろう！
2023年2月7日 便利ツール, 海外情報, 英語 DeepL（ディープエル）翻訳は、ドイツの企業が開発している機械翻訳エンジン。自然で高い品質の翻訳文が話題となっています。今回はそのDeepL翻訳を、Webデザインや制作、技術系の分野で活用していく方法を紹介します！ ↑私が10年以上利用している会計ソフト！ DeepL翻訳の使い方 DeepL翻訳の翻訳精度の高さは一度使ってみると実感できるかと思います。基本的にはDeepLのWebサイトにアクセスして、翻訳したい文章をコピペするだけ。ただ、毎回DeepL翻訳のWebサイトに文章をコピペするのって地味に面倒ですよね…。 そこでおすすめなのがDeepL翻訳のChrome拡張です。インストールしてWebサイト内の文章を選択すると、カーソル付近にDeepLマークが表示され、クリックすれば翻訳されます。 技術系ドキュメント特有の用語やコードを含んで
【総まとめ】2021年話題になった世界のベストWebデザイン厳選50個
当サイトでは、定期的に新しく公開された最新Webサイトデザインをまとめています。今回は、2021年のベスト・オブ・Webデザイン50個を厳選、ピックアップしご紹介します。 配色えらびやレイアウトの参考にぴったりで、2022年予想の人気デザイントレンドも意識した素敵なWebサイトを中心にまとめています。 【総まとめ】2021年話題になった世界のベストWebデザイン厳選50個 Rockwool トップ画面に表示されたビルをクリック、スクロールで進んでいくと、壁や床、排水管にいたるまで細部まで細かくアニメーション付きで説明する、新しすぎる制作実績の見せ方。ぜひ一度サイトを開いて体験してみましょう。 Skolkovo Business District マウスの動きに合わせて、照明を当てることで、ビルでできる影を操ったり、マウスを左右に動かし、3Dモデリングを360度回転できます。スクロールに合わ
【WordPress】多言語対応プラグインPolylangでhome_url()を使うときに気を付けること | バシャログ。
みなさんこんにちは、yamashitaです。 6月からクーラーをフル稼働していて8月にはどうなっていることやら心配です。 さて今回はPolylangプラグインを設定している状態でhome_url()を使う際の注意点を一つ紹介したいと思います。 Polylangとは 設定することで多言語ページのURLを設定してくれるプラグインで、各投稿・ページにも対応するページが存在するか一覧で確認できるようになります。 今のところ自分は使用していませんが、有料版には自動翻訳もあるようです。 home_url()の動作 テンプレート上で使用する場合はほとんど通常時と同じ感覚で使って大丈夫です。 出力内容は以下の通りです。 デフォルト言語ページの場合、http://example.co.jp/の様にトップのURLがそのまま出力されます。 他の言語ページの場合、http://example.co.jp/enの様
地域別に任意のカラーで色付けてラベル名を設定し地図チャートを作れる・「MapChart」
MapChartは地域別に任意のカラーで色付けてラベル名を設定し地図チャートを作れるWebアプリです 天気予報とか花粉情報なんかで日本でもよく見かけるアレを作れる、みたいなやつです 見た方が早いと思うので作ってみました 日本の都道府県にも対応されていましたので色付けしてみました。色を選択し、都道府県を選択するだけです 色にはそれぞれラベルを付ける事ができます。他国も同様で、州ごととかで色付けできます。アジア全体とヨーロッパ、みたいな地図チャートも作れます 出来た地図はpngでダウンロードできます。ユーザー登録も不要で、誰でも利用する事が出来ます jsonでデータを送ったら自動で作成、みたいな機能もあればよかったんですが、まぁこれはこれで手軽で良い気がします MapChart
世界の250の国の各データをjsonやcsv、xmlなどで配布する・「countries」
countriesは世界の250の国の各データをjsonやcsv、xmlなどで配布するプロジェクトです データ内容は以下の通り { "name": { "common": "Austria", "official": "Republic of Austria", "native": { "bar": { "official": "Republik Österreich", "common": "Österreich" } } }, "tld": [".at"], "cca2": "AT", "ccn3": "040", "cca3": "AUT", "cioc": "AUT", "independent": true, "status": "officially-assigned", "currency": ["EUR"], "idd": { "root": "+4", "suffixes
サイトのタイトルやキャッチフレーズをBogoによって多言語化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドのつっちーです。 WordPressの多言語化プラグイン「Bogo」、使いやすいうえ、Gutenbergにも対応していて、とても便利ですよね。 でも、サイトのタイトルとキャッチフレーズに関しては、どのように多言語化できるのか、情報が不足している印象も受けます。 WordPressデフォルトの翻訳ファイルを利用したり、テンプレートに各言語の翻訳を直に書いたりするなどの、Bogoを利用しない解決方法もあるようです。今回この記事では、なるべくBogoの機能をつかって、サイトのタイトルとキャッチフレーズを翻訳、出力する方法について説明します。 準備 以降はBogoが有効化されていることが前提の内容です。ご注意ください。 「Bogo」プラグインページ 例として、日本語から英語と中国語（簡体字）に翻訳していきます。 翻訳先の言語を有効化 WordPressの管理画面から、設定
WordPress プラグイン Polylang の使い方を紹介 - by Takumi Hirashima
WordPress の多言語切り替えプラグイン Polylang の使い方を紹介します。 例えば、多言語サイトを制作する時に便利な方法です。 言語切替の条件分岐 言語を切り替える言語スイッチャーを実装する方法 共通したページスラッグを使用する方法 注意事項 言語切替の条件分岐 言語別に表示を切り替えるには get_locale を使って、現在のロケール情報を取得して条件分岐を行います。 例えば、日本語とそれ以外の言語で表示内容を分けるには、次のコードをテンプレートに追加します。 <?php if(get_locale() == 'ja'): ?> 日本語 <?php else: ?> 他言語 <?php endif; ?> ページ冒頭の lang 設定を言語別に切り替える際には次のコードを追加します。 <?php if(get_locale() == 'ja'): ?> <html lan
多言語化必須！多言語対応と外国人観光客向けのWebサイトを紹介します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターのママです。 LIGのオフィスは上野エリアにあります。そして上野といえば……パンダの親子シャンシャン&シンシンで話題の「上野動物園」、活気溢れる商店街「アメ横」、西郷隆盛像のある上野公園など魅力溢れるスポット満載の街でございます。 そんな上野ですが、現在外国人観光客の方々で日々賑わっております。上野だけでなく、日本への訪日観光客数は年々増えてきており、過去最高を更新し続けているそう。 今後、たくさんの外国人観光客が日本に訪れるにあたって、Webサイトの多言語化が重要になってくる……というかなっています！ そこで今回は、Webサイトの多言語化で役立つツールと、外国人観光客向けのWebサイトなど紹介しようと思います。
この世界に存在しない人物の画像をワンタッチで簡単に生成できる「This person does not exist」
UberのソフトウェアエンジニアであるPhillip Wang氏は、サイトをF5キーなどを押して更新するだけで次々に新しい「この世に存在しない」人物の顔を生成する、「This person does not exist」というウェブサイトを作成して公開しました。 This person does not exist https://thispersondoesnotexist.com/ This Person Does Not Exist Is the Best One-Off Website of 2019 | Inverse https://www.inverse.com/article/53280-this-person-does-not-exist-gans-website 「This person does not exist」の公式ページにアクセスすると、世界のどこかにいても全
【総まとめ】2018年印象に残った世界のベストWebデザイン厳選51個
当サイトでは、定期的に魅力的な最新ウェブサイトのデザインをまとめて紹介していますが、2018年は革新的なエフェクトやインタラクティブな仕掛けをつかったサイトが、たくさん登場しました。 サイトに動きを加えるマイクロインタラクションやホバーエフェクト、一般的なグリッドレイアウトを無視したり、マウスカーソルのカスタマイズ、画面が乱れた歪み（英: Distortion）エフェクトなど数多くのテクニックが公開された年でもありました。 今回は、2018年に集めた世界中のウェブサイトデザインの中から、特に印象的だった51個をまとめてご紹介します。いくつかのサイトは、これまでのまとめで見たことがあるかもしれません。 【総まとめ】2018年特に印象的だった世界のベストWebデザイン厳選51個 Narcos Mexico 番組のストーリーでもある、コカインの密輸ルートを作成、共有できる体験サイト。 Timel
Simple translation tools.<!--{jp} 簡単な翻訳ツール--><!-- none简单的翻译工具--><!--{cn} 简单的翻译工具-->
This is a use of HTML comments page translation solution. For a small amount of static pages, this solution is more simple. it has no dependents, Compression only (4KB) Install As Modules $ npm install translater.js Client-side usage <div> 这里是中文 <!--{jp}ここは日本語です--> <!--{en}Here is English--> </div> <script src="../dist/translater.min.js" type="text/javascript"></script> <script type="text/javascri
translate.js - クリック一つで別な言語に。JavaScriptで多言語対応 MOONGIFT
Webサイトを多言語対応する場合、その方法としては幾つかのやり方があります。まずディレクトリを分ける方法があります。もう一つはパラメータで出し分ける方法です。さらに最近ではJavaScriptでURLは共通の状態で翻訳する処理する方法も用いられます。 今回はそんなJavaScriptベースの翻訳処理を行うtranslate.jsを紹介します。 translate.jsの使い方 英語の場合です。 クリック一つでスペイン語に。 translate.jsではJavaScriptで多言語のキーファイルを作成しておきます。それを読み込むことで、該当する文字列を変換する仕組みです。やり方としてはWOVN.ioに近いのではないかと思いますが、キーワードをピックアップしてくれる機能はなさそうです。 translate.jsはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT Lic
浮世絵や日本画も！世界の名画を無料ダウンロードできる美術館サイト総まとめ【2018年版】 - PhotoshopVIP
いま世界中で、歴史的名作のデジタル・アーカイブ化の流れが進んでいます。 今回は、世界の名画を無料ダウンロードできる美術館サイトをまとめてご紹介します。 著作権の消滅したパブリックドメインの作品が中心で、クレジット表記なしで無料ダウンロード、二次創作での利用が可能です。 紹介するサイトをすべて合わせると、600万枚を超える貴重な資料や作品を網羅。 このリストは、随時アップデート中です。 世界の名画を無料ダウンロードできる美術館サイト一覧 NDLイメージバンク（国立国会図書館） | 1,900枚 ルーブル美術館 | 500,000枚 メトリポリタン美術館 | 490,000枚 ニューヨーク公共図書館 | 754,000枚 アムステルダム国立美術館 | 747,000枚 ナショナル・ギャラリー・オブ・アート | 130,000枚 ロサンゼルス・カウンティ美術館 | 68,000枚 J・ポール・ゲ
【CC0ライセンス 】モネや北斎も！世界の名画52,000枚を無料ダウンロードできるシカゴ美術館 - PhotoshopVIP
アメリカ3大美術館にも数えられているシカゴ美術館は、一度は足を運んでみたいシカゴの人気スポットです。そんなシカゴ美術館の公式ウェブサイトが最近リニューアルし、話題を呼んでいます。 このリニューアルに合わせ、シカゴ美術館内に展示されている、美術の教科書で見たことのあるような世界の名画52,000枚を、高画質で無料ダウンロードできるサービスが開始されたので、今回はご紹介します。どれも、クレジット表記なしで自由に利用できます。 世界の名画52,000枚を高画質で無料ダウンロードできるシカゴ美術館 シカゴ美術館（英: The Art Institute of Chicago）は、ニューヨークのメトロポリタン美術館、ボストンのボストン美術館と並んで、アメリカの3大美術館にも数えられ、モネやルノワールなど印象派コレクションは、フランス国外では最大規模と言われています。 今回のウェブサイトのリニューアル
こんなツールがあったのか！Webページが世界各地でどのように見えるか、位置情報を使ったコンテンツも確認できる -Geo Screenshot
Webページが世界各地のブラウザでどのように見えているか、位置情報を使ったコンテンツのローカライズ、コンテンツが国によってフィルタで妨げられていないかなどを確認できる無料オンラインツールを紹介します。 対応都市の一覧 ワールドワイド ローケーション 世界各地65ヵ所以上のデータセンターに対応。 結果はすぐに サーバーのクラスタはキューを使わずに、直ちにスクリーンショットを生成。 Webkitエンジン レンダリングには、WebFonts/CSS3をサポートしたWebkitエンジンを使用。 マルチデバイス 多数の異なる解像度のデバイスをサポート。 ローカライズ HTTPヘッダーに含まれる言語指定、多言語フォントのサポート。 API スクリーンショットを処理するバッチのAPIを提供。 単に世界各地でどのように見えるかだけでなく、Geo Location（位置情報）を使ったサイトの確認にも役立ちま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
40 Best Design Agency Websites for Inspiration - Vandelay Design
「これは強い」 DeepL公式Chrome拡張が登場 GmailでもTwitterでも外国語の読み書きを一発変換
BucketListly Blog - Solo Travel & Photography
CSS Flags
