Flaનલાઇન ફ્લેટ ચિહ્ન જનરેટર: ફ્લેટ અથવા ફ્લેટ ચિહ્નો બનાવે છે તે સરળ એપવેબ

હું એવું કંઈક કહીને પ્રારંભ કરીશ જે કદાચ ઘણા જાણે છે ... પણ તે વાંધો નથી: HTML5 + CSS3 + જેએસ ... ફક્ત સંપૂર્ણ 🙂

એક વપરાશકર્તાએ મને એક ઇમેઇલ લખ્યો હતો જે મને તેના માટે ફ્લેટ ચિહ્નો બનાવવા માટેના ટ્યુટોરીયલ વિશે પૂછતી હતી, તે ફ્લેટ છે અને તે જ વેબ પર નવી ફેશન છે. ખાસ કરીને દ્વારા ઇચ્છિત ઇન્કસ્કેપ o જીમ્પ ચેટ-શૈલી બટન અથવા કંઈક કે જે સેવા આપે છે (અથવા સંદર્ભ) Snapchat.

જેમ હું ઈંસ્કેપથી પણ ભયંકર છું, જિમ્પ ચૂસીને પણ શરૂઆતથી સામગ્રી બનાવું છું ... મને યાદ છે કે થોડા સમય પહેલા મેં એક નાનો વેબ એપ્લિકેશન જોયો (કેટલાક CSS અને જેએસ સાથે અનુક્રમણિકા html) કે જેણે અમને વર્તમાન ફેશનમાં સરળતાથી અને ઝડપથી ફ્લેટ ચિહ્નો બનાવવાની મંજૂરી આપી, તમે જાણો છો, ફ્લેટ ડિઝાઇન્સ.

ફ્લેટ ચિહ્ન જનરેટર

-નલાઇન ફ્લેટ ચિહ્ન જનરેટર

તેમાં પૂર્વવ્યાખ્યાયિત ચિહ્નોની શ્રેણી છે, ઉદાહરણ તરીકે, લેપટોપ આયકન, મોબાઇલ ઉપકરણો (એક જે હું સ્ક્રીનશ inટમાં બતાવીશ), ભેટ, સાયકલ ... અફ, તેઓ એકદમ ઘણો છે, ખરેખર એક મહાન વિવિધતા:

-નલાઇન-ફ્લેટ-ચિહ્ન-જનરેટર-ચિહ્નો

પરંતુ તે માત્ર ચિહ્ન મૂકવાની વાત નથી અને હવે ... અમે બે આડી પટ્ટીઓ દ્વારા ચિહ્નનું કદ અથવા છબીના કદ (આઇકન + બેકગ્રાઉન્ડ) તરીકે વ્યાખ્યાયિત કરી શકીએ છીએ. સ્વાભાવિક છે કે આપણે પિક્સેલ્સમાં 256… 512… વગેરે વર્ગનું કદ જોયે છે

આગળનો વિકલ્પ અમને પૃષ્ઠભૂમિનો રંગ તેમજ આયકનનો રંગ પસંદ કરવાની મંજૂરી આપે છે. ડિફ defaultલ્ટ રૂપે આયકન સફેદ હોય છે અને પૃષ્ઠભૂમિ વાદળી હોય છે, જેથી તે વધારે ટકરાતું ન હોય.

છેવટે, વિકલ્પોની ડાબી બાજુએ તે બારમાં, તે આપણને વ્યાખ્યાયિત કરવાની મંજૂરી આપે છે કે શું આયકનની સરહદો ચોરસ હોય અથવા જો, બીજી બાજુ, આપણે અંતિમ પરિણામ પરિપત્ર થવા માંગીએ છીએ.

હું તમને આ વિકલ્પોનો સ્ક્રીનશોટ છોડું છું:

-નલાઇન-ફ્લેટ-આયકન-જનરેટર-વિકલ્પો

બીજી બાજુ, ઉપલા ભાગમાં તે અમને તે ચિહ્નની માહિતી બતાવે છે જે ઉત્પન્ન થઈ રહી છે અને વાસ્તવિક સમયમાં બદલાઈ રહી છે. બીજા શબ્દોમાં કહીએ તો, જો તમે કદ અને રંગોથી આસપાસ રમશો તો તમે જોશો કે આ માહિતી હંમેશાં રીઅલ ટાઇમમાં બદલાય છે:

-નલાઇન-ફ્લેટ-ચિહ્ન-જનરેટર-ટોચ

જેમ તમે જોઈ શકો છો, અમારી પાસે એક બટન પણ છે ચિહ્ન મેળવો, જે આપણને પહેલાથી જ અન્ય ટ alreadyબમાં પી.એન.જી. માં ઉત્પન્ન થયેલ આયકન બતાવશે, જેમાં આપણે રાઇટ ક્લિક કરી શકીએ છીએ + સેવ કરો અને તે જ, આપણી કમ્પ્યુટર પર ઇચ્છિત ફોલ્ડરમાં જનરેટ થયેલ ફ્લેટ આઇકોન હશે.

ફ્લેટ ચિહ્ન જનરેટર ડાઉનલોડ કરો

જો તમે તેને જાતે અજમાવવા માંગતા હો (તો હું જેની કલ્પના કરું છું તે હોહા હોવું જોઈએ), અહીં લિંક છે:

ફ્લેટ ચિહ્ન જનરેટર

આની સાથે હું આશા રાખું છું કે વપરાશકર્તાએ મને ઇમેઇલ દ્વારા જે પૂછ્યું છે તેનું પાલન કરશે, જોકે તે જીમ્પ અથવા ઇંક્સકેપ સાથેનું બટન બનાવવાનું કોઈ ટ્યુટોરીયલ નથી, સારું, હું હજી પણ કલ્પના કરું છું કે તે તમને જે જોઈએ છે તે આપશે. હકીકતમાં, તમે ફક્ત લિંક માટેનું બટન જનરેટ કરી શકતા નથી સ્નેપચેટ ડાઉનલોડ કરો, પરંતુ તે તમારી સાઇટ માટેના મોટાભાગનાં ચિહ્નો અથવા બટનો અથવા તમે જે પણ કરી રહ્યાં છો તે પેદા કરી શકે છે 😀

શુભેચ્છાઓ અને મને આશા છે કે તમને તે રસપ્રદ લાગ્યું છે.


તમારી ટિપ્પણી મૂકો

તમારું ઇમેઇલ સરનામું પ્રકાશિત કરવામાં આવશે નહીં. આવશ્યક ક્ષેત્રો સાથે ચિહ્નિત થયેલ છે *

*

*

  1. ડેટા માટે જવાબદાર: મિગ્યુએલ gelંજેલ ગેટóન
  2. ડેટાનો હેતુ: નિયંત્રણ સ્પામ, ટિપ્પણી સંચાલન.
  3. કાયદો: તમારી સંમતિ
  4. ડેટાની વાતચીત: કાયદાકીય જવાબદારી સિવાય ડેટા તૃતીય પક્ષને આપવામાં આવશે નહીં.
  5. ડેટા સ્ટોરેજ: cસેન્ટસ નેટવર્ક્સ (ઇયુ) દ્વારા હોસ્ટ કરેલો ડેટાબેઝ
  6. અધિકાર: કોઈપણ સમયે તમે તમારી માહિતીને મર્યાદિત, પુન recoverપ્રાપ્ત અને કા deleteી શકો છો.

  1.   ઇલુકકી જણાવ્યું હતું કે

    મને સમજાયું નહીં કે તેનો ઉપયોગ કેવી રીતે કરવો તે તમે શું આ ચિહ્ન વિકલ્પો ફક્ત તે જ આપી શકો છો કે જે તે આપે છે?

  2.   પર્કફાફ_આઈ 99 જણાવ્યું હતું કે

    તે ખૂબ સારું છે, હું લિંક લખું છું.
    હું સામાન્ય રીતે આઇકોમૂન એપ્લિકેશનનો ઉપયોગ કરું છું (https://icomoon.io/app/#/select) જે એકદમ રસપ્રદ અને ખૂબ સંપૂર્ણ પણ છે; જોકે મને ખબર નથી કે તે પોસ્ટ જે સંદર્ભમાં આપે છે તે બરાબર તે જ છે.

    શુભેચ્છાઓ.

  3.   mat1986 જણાવ્યું હતું કે

    મને ચિહ્નોને કસ્ટમાઇઝ કરવાનો વિચાર ગમ્યો, મને લિંક્સ (તમારી અને વપરાશકર્તા પર્કાફેટ III) ગમ્યાં. હું તેમને મારી પસંદીદામાં સાચવીશ 😀

  4.   ઇલિયોટાઇમ 3000 જણાવ્યું હતું કે

    રસપ્રદ દરખાસ્તો, જો કે હું ફ્લેક્સ ચિહ્નો બનાવવાનું કેટલું સરળ છે તેના કારણે પહેલાથી જ ઇંસ્કેપનો ઉપયોગ કરવાનું પસંદ કરું છું (હકીકતમાં, તે મેં ઉપયોગ કરેલા બીજા વેક્ટર સંપાદક કરતાં વધુ વ્યવહારુ છે, જો કે તે એપ્લિકેશન સાથે હજી પણ વધુ અદ્યતન વેક્ટર ગ્રાફિક્સ બનાવવાની મને આદત નથી).

  5.   ઇવાન ગાર્સિયા જણાવ્યું હતું કે

    ખૂબ જ વ્યવહારુ અને વાપરવા માટે સરળ. ફontન્ટ અદ્ભુતનો ઉપયોગ કરીને તમે તે આવશ્યકતાઓને પણ આવરી શકો છો: http://fortawesome.github.io/Font-Awesome/

    1.    સેર્ગીયો જણાવ્યું હતું કે

      વહેંચવા બદલ આભાર! કે 🙂

  6.   સેર્ગીયો જણાવ્યું હતું કે

    ખાતરી કરો કે તે ઘણા પ્રોજેક્ટ્સ માટે સેવા આપશે રસપ્રદ છે. હું આશ્ચર્ય પામતો હતો કે વેબ એપ્લિકેશન જેવું છે તે ફાયરફોક્સ ઓએસ માટે મૂકી શકાય છે? કોઈ વેબપ્પ બનાવવાનો સીધો શોર્ટકટ અથવા તેનો ઉપયોગ કરવા માટે સમાન? માફ કરજો, મને કેમ ખબર નથી.

  7.   Ana જણાવ્યું હતું કે

    હવે જ્યારે અમે ક્રિસમસ પર છીએ, ઘણા માતાપિતા તેમના બાળકોને રાજાઓ માટે સ્માર્ટ ફોન આપશે. આ ઉપકરણો સાથે તમે શું કરશો તે પ્રથમમાંની એક છે? કોઈ શંકા વિના, તેમાંથી એક, જો પ્રથમ નહીં, તો સ્નેપચેટ ડાઉનલોડ કરવાનું છે અને તેમાંથી એક, વappટ્સએપનું વર્ણન હશે. જેમ કે આ મફત એપ્લિકેશન છે, મોટાભાગના કિશોરોએ તેમના ફોન્સ પર તે મૂક્યા છે.

  8.   સેર્ગીયો જણાવ્યું હતું કે

    મને લાગે છે કે સ્નેપચેટના પ્રકારનાં એપ્લિકેશનની સફળતાનું એક કારણ તે છે કે તેઓ મુક્ત છે, બીજી બાજુ, દિવસની આસપાસ કરવામાં આવતી લગભગ બધી વસ્તુઓની છબીઓ મોકલવા માટે ફેશન બનાવવામાં આવી છે અને છેવટે કારણ કે તે લગભગ છે વાપરવા માટે ખૂબ જ સરળ એપ્લિકેશન છે

  9.   સ્નેપચેટ વિશ્વ જણાવ્યું હતું કે

    ઉત્તમ! આ વેબસાઇટએ સ્નેપચેટ પર મારી નવી સાઇટ માટે લોગો બનાવવાની પ્રક્રિયામાં મને ખૂબ મદદ કરી, ક્વેરી બનાવનાર વપરાશકર્તા સાથે મળીને. હું તમને પેરાગ્વેથી આલિંગન મોકલું છું, સાઇટ ખૂબ સારી છે et શુભેચ્છાઓ.