今回は、無料かつ商用利用ができ、さらにハイクオリティーなアイコン素材がダウンロードできるウェブサイトを厳選して紹介します。どれもブックマークしておくと、資料・スライド作成からブログ運営・ウェブ制作まで何かと重宝するはずです。 1. フラットなアイコンなら… FLAT ICON DESIGN 1-1. クオリティがすごい
商用可で無料！フリーアイコン素材サイト14選
今回は、無料かつ商用利用ができ、さらにハイクオリティーなアイコン素材がダウンロードできるウェブサイトを厳選して紹介します。どれもブックマークしておくと、資料・スライド作成からブログ運営・ウェブ制作まで何かと重宝するはずです。 1. フラットなアイコンなら… FLAT ICON DESIGN 1-1. クオリティがすごい
PWA 入門 〜iOS SafariでPWAを体験するまで〜 2019年7月更新 - Qiita
What's PWA ? Progressive Web Apps （プログレッシブ ウェブ アップス）の略 Googleが推進している、モバイルユーザーの体験（UX）向上を目的とするプロジェクト・技術のこと PWAは、わざわざApple StoreやGoogle Play Storeからインストールする必要はありません 不安定なネットワークでも迅速に起動し、関連性の高いプッシュ通知を送信することができます。 ホーム画面にアイコンを表示することができ、トップレベルの全画面表示で読み込むことができます。 ▼このように、Webサイトを直接ホームに追加することでアプリケーション化されます 導入事例 大手WEBサイトからで導入がはじまりつつあります コンバージョンアップにも効果的です Trivago https://www.trivago.com Twitter Lite https://mobi
Monaca(Cordova)でAndroid 8以降のアイコンをキレイに表示する - Qiita
最近 monaca というハイブリッドアプリのサービスを利用してアプリ開発してました。 公式のガイドに従ってアイコン登録したら残念なことになって試行錯誤したので、対応方法を忘却録的に書いておきます。 ちなみにその残念なアイコンがこちら、Android 8 の画面です。 一番下の段の左から2番めのアイコンです。 アプリはお見せできないので隠していますが。白塗りの丸背景の中にチョコンと monaca で登録したアイコンが乗っております。 違うそうじゃない、白い余白いらない、なにこれ？ ってなりました。 なんでこうなった？ 調べていたら Android8 からアイコンの仕様が変わったとのこと。 Adaptive Icon というらしいです。 Androidのアイコン仕様変更の経緯などは詳しくまとめられているページがあるので、そちらを御覧ください。 3分で分かる？Android OのAdaptiv
XHTMLをHTML5に一括置換する方法
Googleさんが4月21日までにモバイルフレンドリーなサイトにしないと、スマホ検索結果の順位を落とす（もしくはフレンドリーサイトを上げる）事を正式に発表した。 ということで、 レスポンシブウェブデザイン化を行なう際に必要なメディアクエリー等を使用するため、所有サイトをXHTML（XHTML1.0 Transitional）からHTML5に変換した。 といっても、HTML5で使えなくなったタグや要素は結構な量あるので、あくまでヘッダー部分とかのパッと見て目につく部分のみを変換しただけの簡易的なものなので注意。 まあ、検索エンジンはhtml5として読み取ってくれるからOKなんだけど、きっちりhtml5にするなら、がっつり勉強が必要と思われ。 とりあえず、以下置換した手順っていうか、置換したコード一覧。 置換したコード 以下の置換前・置換後のコードを置換ツールを使って変換した。 宣言文1 XH
PHPでSlackにメッセージをポストするクラスのサンプル - Qiita
概要 SlackのWebhookを利用して、API経由でメッセージをポストする。 ささっとPHPで試したい方や、botを作りたい方向け。 ご参考になれば。 1.Webhookの設定 こちらより、「Post to Channel」に投稿先チャネル名を入力して「Add Incoming WebHooks integration」をクリック。 生成されたWebhook URLをメモる。 2.Webhookが正常に使えるか確認 下記コマンドで投稿できるか確認する。 URL部分には、1.で作成したWebhook URLを指定する。 $ curl -X POST "https://hooks.slack.com/services/XXX/XXX/XXX" -d 'payload={ "channel": "#general", "username": "my_bot", "text": "test",
apple-touch-iconはbase64で指定できてJSで後書きできるって知ってた？ - Qiita
var appleTouchIcon = document.getElementById("appleTouchIcon"); var img1 = new Image(); img1.src = "appIcon1.png"; var img2 = new Image(); img2.src = "appIcon2.png"; /* ※実際にやるときは画像のロードを待たないとだめ */ // canvas作成 var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); var size = 152 canvas.width = size; canvas.height = size; ctx.drawImage(img1, 0, 0, size, size); ctx.drawImage
研究室／iPhone、iPod touch、iPad用Webクリップ用アイコンの作り方 - iをありがとう
このページでは、iPhone、iPod touch、iPadの「Webクリップ」機能で表示されるアイコンの作り方を解説します。 Webクリップとは iPhone、iPod touch、iPadのウェブブラウザ「Safari」の、ブックマーク機能のひとつです。 ホーム画面に、ウェブサイトへのショートカットを置くことができます。 Webページや、ページ内の特定部分に素早くアクセスできます。 Webクリップを作成すると、表示中のページを縮小した画像が、ボタンとして作成されます。 Webクリップ機能に対応したアイコンを設置しているサイトの場合は、そのアイコンがホーム画面に登録されます。 Webクリップの作成方法 Safariで、任意のWebサイトを開く ブックマークに追加などが行える、共有アイコンをタップ「ホーム画面に追加」を選択 このとき、通常は表示しているサイトの縮小画像（サムネール）がアイコ
samulife.com - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
LINEで使えるアイコン画像作成サイト7選 Twitterプロフィール画像の素材としてもオススメ
LINEやTwitter、Facebook、Instagramなどのアイコンには、他人とは違う個性的なものを使いたいところ。そこで今回、高品質なLINEのプロフィール向けアイコン画像やTwitter向けプロフィール画像をツール（ジェネレータ）で作成できるWebサイトをまとめました。 アイコン画像作成ツール 7選 選抜条件は、次の4点。 言語の壁がほぼなく、作成方法が分かりやすい 汎用性が高い 筆者の趣味に合う 新Twitterプロフィールで画像が粗くならない200ピクセル四方以上のサイズでアイコンを作成できる（推奨サイズは400ピクセル四方） 似顔絵作成ツールは多々ありますが、使い方が分かりづらかったり、（筆者の感覚的に）クオリティが高くなかったりするものが少なくありません。以上の条件に合致するサービスを厳選した結果、7つだけが残りました。 似顔絵ジェネレーター 似顔絵ジェネレーター バラ
ニュースレター作成にお勧め！著作権表示フリーの無料イラスト素材サイト3選 – 女性に響くニュースレター作成テンプレートサービス
ニュースレターは基本的に文章を書くことになりますが、イラストがあると目を引きます全体的に楽しい雰囲気になります。しかしWeb上で探して無断で使うことは、リスクを考えると絶対にやってはいけません。 そこで、著作権表示不要で商用利用OKという太っ腹なイラスト素材サイトをご紹介します。 ※記事作成時点より、利用規約が変わっている可能性がありますので、ご利用時には利用規約をご確認の上ご利用ください。 1.イラストAC https://www.ac-illust.com/ イラスト点数2万点以上あり、様々なイラストレーターさんが素材を提供しているサイトなので探しているテイストに合うイラストを探す事ができます。 2.ガーリー素材 https://girlysozai.com/ 女性の好きなガーリーな素材がたくさんあります。 3.エムスタジオ https://www.emstudio.jp/
defaulticon
[dih-fawlt] [ahy-kon] is a repository of elegant, visually unified, minimal icons with crystal clear clarity, based on black color. It Can be used for UI design on web, portable devices (iPhone, iPad, Android compatible devices, other smartphones etc) , desktop applications, and generally any kind of electronic or mechanic machinery interface. The set is completely customizable as it is available
スマートフォンのファビコン｜シラサヤ備忘館
iPhoneのWebクリップという機能を使ってホームにアイコンを表示することができます。 PCでいうファビコン(favicon)のようなもの、と考えて良いです。 このWebクリップを使うと、 サイト側でアイコンの指定をしていない場合、サイトのトップ部分を画面キャプチャしたアイコンが自動で作成されます。 ま、自動で作成してくれるのはそれはそれでいいのですが、 やはりアイコン画像くらい用意しておきたい所です。 さて、このアイコンの指定方法についてですがあちこちで情報が氾濫していて 正しい情報と間違った情報が普通に溢れかえっているのでここで整理しておきます。 まず、iPhone用に必要になってくる画像のサイズは57x57ピクセルのpng画像。 128だとか256だとか512とか必要ありません。 というかサイズが大きいと無駄なトラフィックが発生するだけなのでやめましょう。 ただ、サイズが違った場合
ビジネスからホビー、楽器や洋服や医療や肉球まで揃ってるピクトグラムのアイコン素材 -1000 Free Icons
ビジネスからホビー、楽器や洋服や医療や肉球まで揃ってるピクトグラムのアイコン素材 -1000 Free Icons
IconSettings - iPhoneZA
IconSettings - iPhoneZA IconSettings V2.0 - The Jailbreak-Free (and cost-free) SBSettings alternative! (v2.0 - credits to JP Deckers ) Proudly brought to you by iPhoneZA.co.za v2.0 Changelog: - No longer need internet connection - You will need to recreate icons if you used v1.0 For the old v1.0 version, click here Tweet this page to a friend! Share this page on Facebook Instructions: 1) Choose
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
総数 65,600 の無料アイコン素材 - 史上最大のアイコン素材集
アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO
EC design（デザイン）
ビジネスアイコン 無料素材
Redmine、作業時間のレポートで指定する条件を増やしてみた。 | まったり覚書
制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現
