JoyPixels | Simple Emoji Licensing{{seoDescription}}
Retinaã§ã‚‚ボケãªã„「シンボルアイコンã€ã‚’使ã„ã“ãªãã†ï¼ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã©ã†ã‚‚ï¼ãƒ‡ã‚¶ã‚¤ãƒŠã®çŽ‹ã§ã™ã€‚ 2012ã‚‚ã„よã„よ12月を迎ãˆã€æžœã¦ã—ã¦2013å¹´ã¯æ¥ã‚‹ã®ã‹ã¨ã€ã‚ãã‚ãã—ã¦ã„る今日ã“ã®é ƒã§ã™ã€‚ ã“ã“最近ã€Appleã®Retinaを皮切りã«ã€è¶…高精細ディスプレイãŒè‰²ã‚“ãªãƒ¡ãƒ¼ã‚«ãƒ¼ã‹ã‚‰å‡ºã¦ã„るニュースãŒç›®ã«ä»˜ã。 有å所ã§ã¯ã‚·ãƒ£ãƒ¼ãƒ—ã®IGZO（約500ppi）ã€ã‚¸ãƒ£ãƒ‘ンディスプレイã®LTPS（約650ppi）ãªã©ãŒã‚ã‚Šã¾ã™ã‚ˆãã€iPhoneã®Retinaã‚’ã¶ã£ã¡ãŽã‚Šã§å‡Œé§•ã—ã¦ã—ã¾ã†ã¨ã„ã†ï¼4K時代ã®åˆ°æ¥ã‚’予感ã•ã›ã‚‹ï¼ï¼ˆãã®å‰ã«åœ°çƒãŒçµ‚ã‚らãªã‘ã‚Œã°ã„ã„ã®ã ãŒï¼ï¼‰ ã¨ã„ã†ã“ã¨ã§ã€æ¥ã‚‹Retina全盛時代ã«å‚™ãˆã‚‹ã¹ãã€ã©ã‚“ãªã«ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ç´šã®é«˜è§£åƒåº¦ã®ãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚綺麗ã«è¡¨ç¤ºã™ã‚‹ã€Œã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆã€ã‚’最近使ã„始ã‚ã¾ã—ãŸã€‚今回ã¯ãã‚“ãªç´ 敵ãªã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆã®å°Žå…¥æ³•ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚‚ãも♥「シンボルフォントã€â™¥ã£ã¦ä½•ï¼Ÿ èªã‚“ã§å—ã®å¦‚ã—ã€ã€Œå›³å½¢ã®ãƒ•ã‚©ãƒ³ãƒˆã€ã§ã™ã€‚タイ
ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨å¯ãªãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ç´ æサイト13é¸ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼åŽ³é¸ã€‘ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®èŠ±ã¡ã‚ƒã‚“ã§ã™ï¼ Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹ã¨ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’å–ã‚Šå…¥ã‚Œã‚‹å ´é¢ãŒã‚ˆãã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚アイコンã«ã¯æ–‡å—ã ã‘ã§ã¯ã‚ã‹ã‚Šã«ãã„æƒ…å ±ã‚’ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦ç›´æ„Ÿçš„ã«ç´ æ—©ãä¼ãˆã‚‹åŠ¹æžœãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€ãƒ¢ãƒãƒ¼ãƒ•ã‚’簡略化ã—ã¦ã„ã‚‹ã®ã§ã€é™ã‚‰ã‚ŒãŸã‚¹ãƒšãƒ¼ã‚¹ã§ã‚‚ã—ã£ã‹ã‚Šãã®æ©Ÿèƒ½ã‚’æžœãŸã—ã¦ãã‚Œã¾ã™ã€‚ 今回ã¯ã€Webサイトã¯ã‚‚ã¡ã‚ã‚“ã€å›³ç‰ˆã‚„資料作æˆã«ã‚‚æ¬ ã‹ã›ãªã„ã€ç„¡æ–™ã§ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æサイトをテイスト別ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ 独å¦ã§ã¤ã¾ãšã„ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ Illustratorã®ä½¿ã„方を効率的ã«å¦ã³ãŸã„ã€èª°ã‹ã«æ•™ãˆã¦ã‚‚らã„ãŸã„……ã¨ã„ã†æ–¹ã¯ã€ã€Œã‚¹ã‚¯ãƒ¼ãƒ«ã§ã®å‹‰å¼·ã€ã‚‚ãŠã™ã™ã‚ã§ã™ã€‚LIGã§ã‚‚Webクリエイター育æˆã‚¹ã‚¯ãƒ¼ãƒ«ã€Œãƒ‡ã‚¸ã‚¿ãƒ«ãƒãƒªã‚¦ãƒƒãƒ‰STUDIO by LIGã€ã‚’é‹å–¶ã—ã¦ãŠã‚Šã¾ã™ã€‚「今ã™ãスクールã®æ¦‚è¦ã‚’知りãŸã„ï¼ã€ã¨ã„ã†æ–¹ã¯ã€ãœã²ã“ã¡ã‚‰ã‚ˆã‚Šè³‡æ–™ã‚’ã”請求ãã ã•ã„。 ※ã“ã®è¨˜äº‹ã¯2
商用利用無料ã€ã‚€ã—ã‚奨励ã€ãƒ”クセルベースã®ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Modern UI Icons
ブãƒã‚°ã‚„ウェブサイト・アプリã§ã‚ˆã使用ã™ã‚‹ã‚‚ã®ã‚’ã¯ã˜ã‚ã€ã‚¢ãƒ—リã€ãƒãƒ£ãƒ¼ãƒˆã€å¤©æ°—ã€æ–‡å…·ã€ãƒ›ãƒ“ーã€é¡”æ–‡å—ãªã©ã‚‚æƒã£ã¦ã„ã‚‹Windows Phoneをテーマã«ä½œæˆã—ãŸã‚¢ã‚¤ã‚³ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚
ã€å®Œå…¨ç‰ˆã€‘Ligature Symbols フォントセットã®è‡ªä½œæ–¹æ³• - ãらã’ã らã‘
今月ã®åˆã‚ã«Ligature Icon フォントセットã®è‡ªä½œæ–¹æ³•ã¨WebFontã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’書ãã¾ã—ãŸã€‚ã“ã‚Œã¯symbolsetã¨ã„ã†ã‚µã‚¤ãƒˆã«inspireã•ã‚Œã¦ã€Ligature機能を使ã£ãŸSymbol Web Fontを自作ã—よã†ã¨ã„ã†è©¦ã¿ã‚’書ã„ãŸã‚‚ã®ã§ã™ã€‚ã—ã‹ã—ã€ã“ã®æ™‚ã¯symbolsetã§å®Ÿç¾ã•ã‚Œã¦ã„るよã†ãªã‚‚ã®ã«ã¯åŠã°ãªã„ä¸å®Œå…¨ãªã‚‚ã®ã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãã®å¾Œã€ã„ã‚ã„ã‚ã¨èª¿ã¹ãŸã‚Šè©¦ã—ãŸã‚Šã™ã‚‹ä¸ã§symbolset相当ã®WebFontを自作ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã—ãŸã€‚今回ã¯ãã®ãƒ—ãƒã‚»ã‚¹ã¨æŠ€è¡“的解説ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Ligature Symbols ã«ã¤ã„㦠ã¾ãšã¯ä»Šå›žè‡ªä½œã—ãŸWeb Fontã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ã”覧ãã ã•ã„。 ã€DEMO】 Ligature Symbols 今回作æˆã—ãŸLigature Symbols Fontã¯OFLライセンスã§å…¬é–‹ã—ã¦ãŠã‚Šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼
ã‚‚ã†ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã¯ã„らãªã„ï¼ Webフォントを使ã£ã¦ã€iOS風タブãƒãƒ¼ã¨ã‚¢ã‚¤ã‚³ãƒ³ã‚’作æˆã™ã‚‹æ–¹æ³•
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ 最近ã€ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚»ãƒƒãƒˆã•ã‚ŒãŸWebフォントを使ã†ã“ã¨ã§ã€ ç”»åƒã‚’使ã‚ãšã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹ã¨ã„ã†æ‰‹æ³•ãŒæµè¡Œã£ã¦ã„ã¾ã™ã。 ã™ã”ã興味ã¯ã‚ã£ãŸã®ã§ã™ãŒã€ãªã‹ãªã‹ä½¿ã†æ©Ÿä¼šã‚‚ãªã〠便利ãã†ã ãªã¨æ€ã£ã¦ã„ãŸã ã‘ã§ã€ä»Šã¾ã§ä½¿ã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ã€å…ˆæ—¥ã€ã¨ã‚る案件ã§ã‚„ã£ã¨ä½¿ã†æ©Ÿä¼šã«æµã¾ã‚ŒãŸã®ã§ã€ã‚„り方をã”紹介ã„ãŸã—ã¾ã™ã€‚ (プãƒãƒˆã‚¿ã‚¤ãƒ—ã ã‘作ã£ã¦ã€çµå±€ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦ã¯ä½¿ã„ã¾ã›ã‚“ã§ã—ãŸãŒãƒ»ãƒ»ãƒ») 最近話題ã«ãªã£ã¦ã„ãŸã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆãŒã¨ã¦ã‚‚便利ã§ã™ã€‚ Fontello - http://fontello.com/ 使ã„ãŸã„フォントをé¸æŠžã—ã¾ã™ã€‚ ã“ã“ã§ã¯ã€ã€ŒEntypoã€ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰5ã¤é¸æŠžã—ã¾ã™ã€‚ é¸æŠžãŒçµ‚ã‚ã£ãŸã‚‰ã€ä¸Šéƒ¨ã®ã‚¿ãƒ–ã‹ã‚‰ã€ŒEdit codesã€ã‚’クリックã—ã¾ã™ã€‚ アイコン画åƒã®ä¸Šéƒ¨ã®ãƒãƒ¼ã‚’クリックã—ã¦ã€ã‚¢ã‚¤ã‚³ãƒ³ã«å‰²ã‚Šå½“ã¦ã‚‹æ–‡å—列を決ã‚ã¾ã™ã€‚ 英語ã§é
Adobe - Style Guide : Web Player Buttons
Websites using Adobe Shockwave technology may use Adobe's "Get AdobeShockwave Player" button to allow visitors to download the latest version of the Adobe Shockwave Player without written permission by following the button usage guidelines. Button Installation Instructions To download a button, just drag it to your desktop (Macintosh), or right-click and "Save image as..." (PC). The URLs below eac
Androidã«ãŠã‘ã‚‹Launcherアイコンã€èƒŒæ™¯ç”»åƒã®ä½œã‚Šæ–¹ - アシアルブãƒã‚°
ã¯ã˜ã‚ã¾ã—ã¦ã€‚鴨田ã¨ç”³ã—ã¾ã™ã€‚ å¹´åˆã‹ã‚‰ã‚¢ã‚·ã‚¢ãƒ«ã«ã¦ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦åƒã„ã¦ãŠã‚Šã€ 今日ã‹ã‚‰ãƒ–ãƒã‚°ã‚‚書ãよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šæ—¥ã¯Androidã«ãŠã‘ã‚‹Lancherアイコン制作をä¸å¿ƒã«ã€ ãŠè©±ã‚’ã•ã›ã¦ã„ãŸã ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãœã€ã“ã®è©±é¡Œã‹ã¨ã„ã†ã¨ã€ã‚¢ã‚·ã‚¢ãƒ«ã§ã¯ç¾åœ¨ã€ Androidアプリã®åˆ¶ä½œã‚’ç©æ¥µçš„ã«è¡Œã£ã¦ã„ã¦ã€ æ£å¼ãªãƒ—レスリリースã¯æ˜Žæ—¥è¡Œã„ã¾ã™ãŒã€ 今日ã‹ã‚‰ã€ã€ŒClapClap Clockã€ã¨ã„ã†AndroidアプリãŒAndroid Marketã«ã¦ã€ 無料公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã©ã‚“ãªã‚¢ãƒ—リã‹ã¨ã„ã†ã¨ã€æ‹æ‰‹ã«åå¿œã—ã¦ã€ ç¾åœ¨ã®æ™‚刻を声ã§çŸ¥ã‚‰ã›ã¦ãれるã¨ã„ã†æ™‚計ユーティリティã§ã™ã€‚ 興味ã®ã‚ã‚‹æ–¹ã¯æ˜¯éžã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’自分ãŒæ‹…当ã—ãŸã®ã§ã€ ãã®ã¨ãã«å‚考ã«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’大ã¾ã‹ã«ç¿»è¨³ã—ãªãŒã‚‰ã€
Android Icons
STEP 1 Copy the font files (.ttf, .eot, .svg, and .woff) and the CSS file into your project folder. STEP 2 Add the font CSS file (androidicons.css) to your HTML document or import it to your existing CSS file. STEP 3 Use CSS classes, Unicodes or HTML-Entities to display the icons. Style them with CSS (font-size, color, etc.).
ã‹ã‚ã„ã„上ã«ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³é›†
ブãƒã‚°ç”¨ã‹ã‚‰Eコマース用ã¾ã§ã€æ¥µå°ã‚µã‚¤ã‚ºã€æ‰‹æ›¸ã風ã€æŠ˜ã‚Šç´™é¢¨ãªã©ã‚·ãƒ³ãƒ—ルã§ã‹ã‚ã„ã„フリーã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’IconDockã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ IconDock ã‚ャプãƒãƒ£ã®ã‚¢ã‚¤ã‚³ãƒ³ã¯ã€Œ20 Free Marker-Style Icons〠IconDockã§é…布ã•ã‚Œã¦ã„るアイコンã‹ã‚‰ã€ãƒ•ãƒªãƒ¼ã®ã‚‚ã®ã ã‘を下記ã«ãƒ”ックアップã—ã¾ã—ãŸã€‚ 有償ã®ã‚¢ã‚¤ã‚³ãƒ³ã§ã¯æ›´ã«ç´ 敵ãªã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Stock Icon（有償ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒšãƒ¼ã‚¸ï¼‰
白黒ベースã®ã‚µã‚¤ãƒˆã‚’作りãŸã„時ã«å½¹ç«‹ã¡ãã†ãªWebç´ æã‚„Webデザイン例ãªã©ã®ã¾ã¨ã‚
最近ã€ç™½é»’カラーベースã®ã‚µã‚¤ãƒˆã‚’ 作æˆã—ãŸã®ã§ã™ãŒã€ãã®éš›ã«è‰²ã€…㨠å‚考ã«ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã‚„ãƒãƒŠãƒ¼ãªã© ã®Webç´ æやインスピレーション å‘上ã®ç‚ºã®Webデザイン例㫠ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ çµå±€ã‚¢ã‚¤ã‚³ãƒ³ç‰ã¯ä½¿ã‚ãªã‹ã£ãŸã‚“ã§ã™ãŒã€ã¾ãŸä½œã‚‹æ™‚ã®å‚™å¿˜éŒ²ã¨ã—ã¦ãƒ¡ãƒ¢ï¼†ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ライセンスã¯ãã‚Œãžã‚Œã”確èªã‚’。多少é‡ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。アイコンã€ãƒœã‚¿ãƒ³ã‚„ãƒãƒŠãƒ¼ã€ãã®ä»–ã®ç´ æã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¨ç¶šãã¾ã™ã€‚ アイコン白黒やグレーã®ã‚¢ã‚¤ã‚³ãƒ³ã„ã‚ã„ã‚。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒ã®ãƒŸãƒ‹ã‚¢ã‚¤ã‚³ãƒ³ãŒæ²¢å±±ã€‚ twotiny 165 vector icons 165ã®ã†ã¡ã€66ãŒç™½é»’ã®ã‚¢ã‚¤ã‚³ãƒ³ã€‚ 165 vector icons bwpx.icns ã‹ãªã‚Šã®æ•°ã®ç™½æŠœãミニアイコンãŒæƒã£ã¦ã„ã¾ã™ã€‚ bw
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}