Archive for the 'kūrėjas' Kategorija

Embeding Facebook nuotraukų galeriją į savo svetainę

Sekmadienis, kovas 9, 2014 Nik

Kartais taip atrodė nereikšmingos užduotys tampa toks bauginantis. "Pridėti" Facebook "nuotraukų galeriją į jūsų svetainę", buvo tik toks uždavinys. Aš tiesiog nors tai būtų taip paprasta, kaip pridedant bet kokį kitą "Facebook" Social Plugins .

Aš pradėjau, darant prielaidą, kad ten tikrai būtų įskiepiai, Facebook Developers portale pateikiama atlikti šią užduotį. Mano nuostabai nėra tokio įskiepiai teikiama kaip dalis "Facebook" socialinio Įskiepiai (Jei esate vienas iš tų, kurie prieš havn't naudojosi "Facebook" Social Plugins, aš pridėjo pastabą šio posto pabaigoje tiesiog jūsų naudai) .

Aš googled už sprendimą, ir aš supratau, kad ten yra keletas variantų, kaip eiti apie tai daro šią užduotį. Nebuvo sprendimus, kurie iš tikrųjų veda mane manyti, kad tai nėra trivialus uždavinys, juk. Yra sprendimų ten, rodančių kelis metodus, vienas taip pat turėjo tam tikrą sprendimą, naudojant "Facebook" Graph API ... Atvirai kalbant, aš žinau, kad tai būtų būdas eiti apie tai, bet ne kai paprastas sprendimas aš ieškojau.

Galiausiai, po ieškote keletą variantų (aš išvardyti keletą žemiau jūsų nuoroda), aš pagaliau rado vieną ... aš pamačiau šį įterptųjų Facebook fotogaleriją dėl kai puslapyje. Man kūrėjas, padarė vaizdo šaltinį ir rado paprastą sprendimą aš ieškojau .... Tiesiog pridėkite šį kodą į savo HTML, kur jums reikia, kad "Facebook" Albumas bus įdėta.

<div id=" fb-root "></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class=" fb-post " data-href=" https://www.facebook.com/media/set/?set=a.375518759212.157287.64037939212&type=3 " data-width=" 466 "><div class=" fb-xfbml-parse-ignore "><a href=" https://www.facebook.com/media/set/?set=a.375518759212.157287.64037939212&type=3 ">Post</a> by <a href=" https://www.facebook.com/chembur ">inchembur.com</a>.</div></div> 

Gerai! Kodas aukščiau rodomas FB Albumas taip toliau ...

Įdėkite-facebook-Foto galerija-į-svetainė-02

Dabar tai vienas atrodė, kad viskas, "Facebook" socialinius ryšius, komentarus ir tt

Kiti trys geri metodai, kad aš ištirta ir kad būtų naudinga mažai, žiūri skirtingo pobūdžio išvaizdą-n-jausti, yra išvardytos žemiau

"Facebook" socialinio Įskiepiai

Tiems, kurie nežino, čia yra socialinės Plugins sąrašą, numatytą pagal nutylėjimą "Facebook", kad kūrėjas gali naudoti pridėti į bet kurį tinklalapį. Jos gana paprasta pridėti šių įskiepių bet kurį tinklalapį kuriate, taip paprasta, kaip "Ctrl-C & Crtl-V. Žinoma, jei esate kūrėjas jums would'nt reikalauja, kad visi daugiau šaukštas kūdikį nei tai ... Dėl tikslių kodus, kad jums reikės įdėti, aš siūlau jums apsilankyti "Facebook" socialinio Įskiepiai puslapį

Kaip Button

Tegul žmonės akcijų puslapius ir iš svetainės turinį atgal į savo Facebook profilis, su vienu paspaudimu, todėl visi jų draugai gali juos skaityti.

Dalintis mygtukas

Leisti žmonėms dalintis "Facebook", dalintis su konkrečiais draugais ar su grupe. Kita vertus, jie gali pasidalinti privatų pranešimą.

Įterptosios Pranešimai

Įterptosios Pranešimai jums pridėti bet kokį viešąjį postą iš "Facebook" į savo dienoraštį arba interneto svetainėje.

Komentarai

Komentarai įskiepiai leidžia žmonėms pakomentuoti bet turinio dalį savo svetainėje.

Siųsti mygtukas

Tegul žmonės privačiai siųsti turinį į savo svetainę savo draugams.

Sekite mygtukas

Tegul žmonės prenumeruoti viešųjų atnaujinimus Facebook.

Aktyvumas kanalas

Rodo įdomiausių pastarųjų metų veikla vyksta jūsų svetainėje.

Rekomendacijos Feed

Rodo labiausiai rekomenduojama turinį į savo svetainę.

Rekomendacijos Baras

Tegul žmonės kaip turinį, gauti rekomendacijas ir pasidalinti tuo, ką jie skaito savo draugais.

Kaip Box

Speciali versija Patinka "mygtukas tik dėl" Facebook "puslapiuose.

Facepile

Rodyti rinkinio nuotraukas žmonių, kurie sujungtų su savo Facebook puslapį arba app.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Jo apie "Web dizaineriai kurie negali KODAS"

Antradienis 9 kovas, 2010 Iki Nikhil

Su mano ribotas įgūdžių rinkinys su įrankių, pavyzdžiui, Photoshop, Illustrator, galiu sąžiningai prisipažinti, kad esu geresnis kūrėjas nei aš esu dizaineris. Bet mano fonas su pagrindine (serverio pusėje) plėtrą su Java / PHP / Cobol, buvo labai teigiamai veikia mano UI kūrimo įgūdžių. Ką reiškia, kuriant savo dizainą, ty kai aš dizainas, manau, apie tai, kaip dizainas gali būti geriausiai paverčiama HTML CSS ir darydamas HTML CSS, duosiu minties apie posistemės technologijų ir padaryti pagrįstai įsitikinti, kad HTML gali būti lengvai perkelta į XSL kilpomis arba PHP fragmentus ir tt

Per metus man buvo mesti galvą į dizainą pagal UI dizaineriai, kurie tikriausiai Donot clue, kas HTML ar CSS. Visus šiuos metus aš galvoju, kad norėčiau prašo per daug, jei aš tiesiog tikėtis, kad dizaineris, kuris bando shov jo "neįmanoma kodu" sukurti žemyn mano gerklės, suprasti tik šiek tiek, koks yra jo dizainas bus konvertuojami į. Tai padėtų ne?

Tada aš atėjau per šį postą šiandien ... Web dizaineriai kurie negali kodas ... Ačiū Viešpatie! Aš tik vienas iš daugelio, kurie jaučia tą patį ... virš artitle yra šiek tiek ilgai kalbantis .. bet verta skaityti, kas tai žodis.

Ačiū Elliotas Jay Atsargos ... jaučiu palengvėjimą!

Štai keletas ištraukų iš Elliots straipsnyje .

Oho, kas dieną! Jis pradėjo su vienu tiek Čivināšana ir baigėsi diskusija, atrodytų, nurašymas visoje web dizainas bendruomenei. Atrodo, yra keletas labai tvirtą nuomonę Turimų ar interneto dizaineriai turėtų sugebėti kodas tema.
...
Taigi, prieš mes į tai, leiskite man greitai Priminti tai, ką pasakiau šį rytą Twitter:

Sąžiningai, aš šokiruotas, kad 2010 aš vis dar per "interneto dizaineriai", kurie negali kodą savo dizainą. Nėra pasiteisinimas.

... Aš buvau šiek tiek daugiau konkrečių mano Čivināšana. Aš kalbu apie dizainerių, kurie neturi net pagrindinių HTML ir CSS įgūdžius paversti plokščiu dizainą į faktinį svetainėje. Ne žmonės, kurie sąmoningai renkasi ne kodą; Tiems, kurie negali. Ir aš taip pat nurodomi tik front-end kodą čia; Žinoma, tai juokinga manyti, kad dizaineriai taip pat turėtų būti nuostabios back-end "programuotojai ...

Sulaukiame "web" dizaino siunčiami Illustrator, 300dpi, neįmanoma kodas, be nuoseklumo / praktiškumo.
~ Amy Mahon

Tai vis per vėlai, ir aš turiu wrap tai kažkaip. Žinau, kad bus daug žmonių, kurie nesutinka su manimi, ir mano tikslas nėra įžeisti ar nuliūdinti visus, kurie negali kodo, bet aš tikiuosi, kad kai ką sakiau atspindi keletas punktų, kad visada ateina, kai pasinėrė į šios diskusijos.

Tuo dienos pabaigos, aš ne prarasti to, kas gali koduoti miegą ir kurie negali. Aš tiesiog tikrai nustebintas tiek daug dizainerių, kad trūksta front-end įgūdžius, kaip aš maniau, tai buvo praeityje.

Taip pat skaitykite komentarus, ten buvo apie 320 komentarai, kaip aš rašau ... jie yra verta skaityti.
Prašome perskaityti Elliots visą pranešimą čia .. Web dizaineriai kurie negali kodas


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


HTML & XHTML

Sekmadienis, spalis 18, 2009 Iki Nikhil
  • Dokumento tipo deklaracijoje turi būti pateikti bent dokumento, kuris naudoja HTML sintaksę pradžioje. Tai nebūtinai gali būti naudojami XHTML sintakse, bet tai nėra privaloma. XHTML dokumentas nereikia įtraukti DOCTYPE nes XHTML dokumentai, kurie yra pristatomi teisingai naudojant XML MIME tipą ir tvarkomi kaip XML naršyklių, visada teikiamos jokios Photoshop režimu.
  • XHTML, tegus pavadinimai yra didžiosios ir mažosios raidės ir paprastai apibrėžiamas turi būti rašomas mažosiomis raidėmis. HTML, tačiau tegus pavadinimai yra didžiosios raidės ir turi būti parašytas tik didžiosiomis arba mišrios atveju, nors labiausiai paplitęs konvencija yra klijuoti su mažosiomis. Iš pradžios ir pabaigos žymės atveju neturi būti tokia pati, tačiau nuosekliai daro kad kodas atrodo švaresnis.

Privalumai naudojant HTML

  • Suderinami su esamais naršyklių
  • Autoriai jau esate susipažinę su sintaksę
  • Švelniai ir atlaidus sintaksė tai nebus vartotojo priešiškų " Geltona Screen of Death ", jei klaida netyčia ūgliai per
  • Patogus sutrumpinimas sintaksė, pvz autoriai gali praleisti keletą žymių ir atributų reikšmių

Privalumai naudojant XHTML

  • Griežtai XML sintaksė skatina autorius rašyti gerai suformuotą žymėjimo, kuris kai kurie autoriai gali rasti lengviau išlaikyti
  • Tiesiogiai integruojasi su kitomis XML žodynų, pavyzdžiui, SVG ir MathML
  • Leidžia XML apdorojimo, kurį kai kurie autoriai, naudojimas kaip dalis jų redagavimo ir / ar leidybos procesų

get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


CSS2.1 User Agent Style Sheet Numatytasis

Antradienis, liepa 28, 2009 Iki Nikhil

Vakar, po klausimu susidūriau su CSS atstato "Google Chrome" ... Maniau, kad kasti truputį giliau į User Agent Style Sheets srityje ...
Nustatėme, kad šis lentelę numatytųjų verčių CSS2.1 User Agent Style Sheets ... (tiems, nežino, kas yra "User Agent Style Sheets" yra sekti Kas yra User Agent Style Sheets (specifikacija) .

Išsamų CSS 2.1 User Agent Style Sheets nutylėjimą spustelėkite čia


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


User Agent Style Sheets: Mystery paraštes "Google Chrome"

Pirmadienis, liepa 27, 2009 Iki Nikhil

Vakar, kaip ir kiekvienas kitas "Ground Hog diena", aš dirbau kai CSS / Tableless maketai. Viskas vyksta gerai, IE 7, FF 3 ir Chrome, kol baigsis staiga aš pamačiau kai JT ignorable skirtumai matomi tik Google Chrome ". Nors labai keista ir worring, buvo keletas naujų klaidą / problemą, kad aš susidurti, buvo pagaliau kai mano žemiškas darbo prieskonis. Liūdnas (bet gražus) jis gavo fiksuota per kelias minutes zondo ...

Iš esmės, ji atrodė kaip "Google Chrome" ignoravo savo CSS atstato (margin: 0px). Tai iš tikrųjų sukėlė User Agent stilių (-WebKit-apdaila-start: 40px). Taigi sprendimas buvo iš naujo šį stilių nustatant padding: 0 Netinkamas elgesys elementų.
Geras būdas išvengti šios problemos vyksta bet kurio elemento yra naudoja globalų CSS Rest taip

* {Margin: 0; padding: 0; }

Kas yra User Agent Style Sheets (specifikacija)?
Žemiau ištrauka yra paimta iš http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , atlikite nuorodą skaityti daugiau User Agent Style Sheets

CSS 1 pristatoma idėja, teigiant, kad kiekvienas User Agent (UA, dažnai "interneto naršyklė" arba "interneto kliento) turės numatytąjį stilių, pateikiantis dokumentus per pagrįstą - bet tikriausiai žemiškas - būdu. CSS 2 sako, kad atitinkantis vartotojo agentai turi taikyti numatytąjį stilių (ar elgtis taip, lyg jie padarė), o User Agent numatytasis stilius lapas turi pateikti dokumento kalbos būdais, kurie atitinka bendruosius pristatymo lūkesčius dėl dokumento kalbos elementus; CSS 3 gali būti tos pačios nuomonės.

Kadangi CSS specifikacijos palikite jį iki realizacijos, ar naudoti "Real" stiliaus lapą numatytąjį ekrano ar ne, tai nenuostabu, kad nerandate numatytąjį stilių į kiekvieno naršyklės diegimo aplanke. Skirtingai nei Microsoft Internet Explorer, taip pat operos, pavyzdžiui (ir kiek aš žinau), Gecko naršyklės, pavyzdžiui, Firefox ir Netscape Navigator (ieškokite "html.css"), bet ir Konqueror, kad ji gana paprasta suprasti savo numatytąjį stilių.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Kaip įjungti Rašymas į būsenos juostoje (window.status) Firefox

Pirmadienis, balandis 6, 2009 Iki Nikhil

Kitas senosios mokyklos atmintis papildoma ...

Kodėl mes, kad windos.status?
Javascripts gali būti košmaras, kai turite ką nors derinti. "Firefox" turi keletą naudingų Komplektacija, kaip Firebug Thats daro mūsų gyvenimą lengvai ir to, labiausiai populiarus debug technika JavaScript balsas turi eiti į "alert ()". Anywaz! Yra keletas atvejų, kai pridedant Alert derinti savo neteisingai elgiasi Javascript yra tiesiog nėra gera idėja. Pavyzdžiui! turite dragble elementą, kurio pozicija turi būti įspėti .... NE NE! Dont do it! ... Jums tiesiog gauti begalinis įspėjimus ar jūs įpratęs būti suteikta galimybė faktiškai drap savo dragable. Gerai! Yra daugiau gerų situacijų, kur jums gali rašyti iš debug tekstus būsenos juostoje, daug usful ... Patikėkite! Jo patirtis!

Ty pagal nutylėjimą kairę rašote naršyklės būsenos juostoje naudojant sintaksę "window.status = 'kažką derinti" ", bet Firefox nėra. Taigi, kad Windows būklės pokyčius, kuriuos galite padaryti vienu iš šių būdų.

Atidarykite about: config naršyklėje (tipo "about: config", tai į adreso juostą) ir ieškoti
dom. disable_window_status_change. Pakeiskite jį klaidinga ... tiesiog paspauskite ant įrašo perjungti savo būseną.

Arba alternatyviai

"Įrankiai → Funkcijos → Turinio → Enable JavaScript / Išplėstinė → Pakeisti būseną baras tekstą"

Taip pat pažymi, kad ... rašyti būsenos juostoje savo Javascript, IE yra tik gerai, jei jūs naudojate trumpą sintaksė ty statusą = 'kai derinimo tekstas ", o FireFox, turite naudoti visą sintaksę ty window.status =' kažkas derinti "


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


SevenUp! Skatinti pasaulį atsikratyti IE6!

Sekmadienis, kovas 22, 2009 Iki nikhil

"Google" pradeda judėjimas greitas žmonių iškelties IE6 ... Iki bugging IE6 vartotojams įkeliant puslapį laikiną langą ... negali būti labai gera idėja ... bet yra UI kūrėjas, turiu prisijungti prie šios grupės vagonas ... vienas mažiau naršyklė man nerimauti Atsiprašome ... savanaudis jis yra! bet aš taip pat šį Javascript, ... (TRY šį puslapį IE6) ...
Ei! ir šviesesnę dėmesį ... Rodyti jis apie JAVASCRIPT POWER ekranas .... ji netgi gali sumažinti milžinišką (arba kai ji buvo)

Taigi ... Pagalba atsikratyti IE6 pasaulį su viena linija JavaScript!

http://code.google.com/p/sevenup/


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Visuotinis vertėjas plugin Jūsų WordPress blog

Sekmadienis, kovas 8, 2009 Iki nikhil

Aš taip susijaudinęs apie vis daugiau puslapių peržiūrų apie mano dienoraštį, kad aš patikrinti savo Google Analytics beveik kasdien. Aš pastebėjau, kad mano blogas yra nurodyta pagal svetaines daugelio kitų kalbų ir žmonių visame pasaulyje. So Nice!!
Padaryti gyvenimą šiek tiek lengviau mano nieanglojęzycznej žiūrovas laivo, aš pridėjo Google Widget / Plugin vadinamas "Visuotinis vertėjas".

Visuotinis vertėjas sako, kad ji "automatiškai verčia dienoraštį 41 skirtingų kalbų vyniojimo keturis skirtingus internetinius vertimo variklius (" Google "vertimas Variklis, BabelFish Vertimas Variklis, FreeTranslations.com, PROMT)" ... Jei norite įtraukti jį į savo WordPress diegimo ... Check it out čia http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Nežinote, kaip geras vertimas bet aš nuoširdžiai tikiuosi, kad tai padeda keletą kolegų kūrėjai iš ten, kurie galų gale pasiekti savo dienoraštį, tik turi būti nusivylęs, kad ji yra anglų kalba ....

Vertėjas nuorodos yra ties Side Bar Bottom ....


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Kreipiamės į kelis langus įkėlimo funkcijos JavaScript

Šeštadienis, kovas 7, 2009 Iki nikhil

Štai dar šiek tiek peice JavaScript gudrybė, kad man teko kasti aplink, nes situacija commaned jį. Vienas iš mano svetainių, aš turėjau šią situaciją, kai aš turėjo įgyvendinti "windows.onload" du kartus. Pirmas dalykas, kad būtų atėjo nepatyręs proto kaip mano (aš turiu sąžiningai pasakyti, kad, kadangi aš naudoju JavaScript struktūras ir bibliotekas, aš forgotton daryti paprastus dalykus on my own ... Liūdna, bet tiesa), tai šis metodas ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 ir tt ..

Atsiprašome pasakyti, bet tai įpratęs dirbti ... dont wanna aptarti vykdymo mokslas Javascript daug ... bet pagal mano pastarojo laikotarpio patirtį, tik paskutinis funkcija (onloadfn3) bus blogai iš tikrųjų gauti įvykdytas.

Normaliomis aplinkybėmis, priešingai nei mano (tai aš kalbėti apie šiek tiek vėliau) ... galima padaryti vieną iš šių veiksmų atlikti mutliple įkėlimo funkcijas ....

Ar kažkas panašaus į tai

 funkcija doOnLoad () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

Mano dabartine situacija, aš negaliu naudoti vieną iš aukščiau ...
Kodėl man reikia skambinti windows.onload du kartus, o kad skambina dvi funkcijas vienoje įkėlimo funkcijos? Štai greitas pažvelgti mano problema pareiškimą ...

"Mano Svetainės puslapių struktūra kaip WordPress tema .... ty yra bendras Header.php ir footer.php kad gauna įtrauktas į visus svetainės puslapius. Yra įkėlimo funkcija implementaion į footer.php padaryti keletą bendrų įkėlimo funkcijas. Ir yra keletas puslapių, kurie turi kažką savo įkėlimo, išskyrus tuos, kurie atlieka bendrą įkėlimo funkciją. Jei aš priskirti skambinimo funkcijas tiesiogiai window.onload prižiūrėtojas, jis per važinėti anksčiau suteiktas iššūkius per footer.php "

.... Ar mano problema suprantama :) ?

Gerai! yra keletas sprendimų, kad aš rasti. Jie visi yra labai panašūs, o daugiausia implementions tirpale apskaičiuojama pagal Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Sprendimas:

Tiesiog pridėkite šį javascript kodą į svetainę ...

 funkcija addLoadEvent (funk) {
     var oldonload = window.onload;
     jei (typeof window.onload! = 'funkcija') {
        window.onload = funk
     } Else {
        window.onload = function () {
            jei (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 } 

Ir vadina jį vietoj įprasto "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Daugiau kodui veikti įkeliant puslapį *
 }); 

Privalumai šio kodo fragmentą ...
1. Visų pirma, jis leidžia jums turėti keletą windows.onload renginius, vadinamus iš Atskirose dalyse kodą, be overridding ankstesnį apibrėžties
2. Tai tikrai nekrenta į akis. Jis gali būti dedamas į failą su jūsų kitų scenarijų arba atskirame faile.
3. Jame veikia net jei window.onload jau buvo nustatytas.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Kaip įtraukti PHP kodą viduje Smarty Šablonas

Antradienis, vasaris 24, 2009 Iki Nikhil

Maniau, kad tai vienas bus Doodle rasti google, nes daugelis sužinojote apie mus UI ir scenaristams reikės tai padaryti ant kasdien, kad yra įtraukti peice PHP kodo fragmentą šiek tiek (. Php) į Smarty šablonų (. TPL). Aš supratau, kad lengviau / Populiariausios užklausa, dar sunkiau rasti tikslaus atsakymo ... milijonas paieškos rezultatų, tačiau dauguma jų Italai į "File" apima Smarty ... kuris turi tokią sintaksę

{Yra file = "Įtraukti / Header.php"}

Tai iš tikrųjų inlcuded failo baudą, bet kaip tekstą, ką aš norėjau iš komplektacijoje failo rezultatas. (Pastaba aukščiau naudojamas įtraukti šabloną viduje šablono failą). Galiausiai su šiek tiek persiverance .... Aš szarpnęły visoje slighty modifikuoto sintaksė, kuri buvo mano reikalavimas atsakyti ... taigi čia yra ... jei havn't rasti vieną jau


{Include_php failas = "yra / Header.php"}


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Prenumeruoti ExpressingIT RSS
get ExpressingIT News by Email Prenumeruoti ExpressingIT Email
Sekite mane Twitter