Archyvas "Web Developer" Kategorija

Embeding Facebook nuotraukų galeriją savo interneto svetainėje

Sekmadienis, kovas 9, 2014 Nik

Kartais taip atrodo trivialus užduotys tampa toks bauginantis. "Pridėti" Facebook Nuotraukų galerija į savo svetainę ", buvo tik tokia užduotis. Aš tiesiog nors būtų taip paprasta, kaip pridėti bet kokį kitą Facebook social Plugins .

Aš pradėjau, darant prielaidą, kad tikrai būtų plugin by Facebook "programų kūrėjų portalas numatyta įvykdyti šią užduotį. Mano nuostabai nėra tokio plugin, kurią kaip dalį "Facebook" socialinio Plugins (Jei jūs esate vienas iš tų,, kuris prieš havn't naudojosi "Facebook" socialinių Plugins, Aš pridėjo pastabą šio posto pabaigoje tiesiog jūsų naudai) ,

Aš googled už sprendimą, ir aš supratau, kad yra keletas variantų, kaip eiti apie tai daro šią užduotį. Nebuvo sprendimai, kurie iš tikrųjų veda mane manyti, kad tai ne paprastą užduotį, po visiems. Yra sprendimai ten, rodančių keli metodai, vienas taip pat turėjo tam tikrą sprendimą, naudojant "Facebook" Graph API ... Atvirai kalbant, aš žinau, tai bus būdas eiti apie tai, bet ne kai paprastas sprendimas aš ieškojau.

Galiausiai, po ieško keletą variantų (aš išvardyti kai kurie žemiau jūsų nuoroda), aš pagaliau rado vienas ... Aš mačiau šį įterptinį Facebook nuotraukų galeriją nors puslapyje. Manyje kūrėjas, padarė Žiūrėti kodą ir rado paprastą sprendimą aš ieškojau .... Tiesiog pridėkite šį kodą į savo HTML, kur jums reikia Facebook Albumas būti įterpti.

<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-nuotraukų galeriją-į-svetainės-02

Dabar tai vienas atrodė, kad viskas, Facebook socialiniai ryšiai, komentarai ir tt

Kitos trys gerų patarimų, kad aš ištirta ir kad būtų naudinga, jei nedaug, žiūri kitokios rūšies Look-n-jaustis, yra išvardytos žemiau

Facebook socialinio Plugins

Tiems, kurie nežino, čia yra Socialinių Plugins pagal numatytąjį "Facebook sąrašas, kad užsakovas gali naudoti pridėti į bet kurį tinklalapį. Jos gana paprasta pridėti šiuos įskiepius į bet kurio tinklalapio galite kurti, taip paprasta, kaip "Ctrl-V & Crtl-V. Aišku, jeigu esate kūrėjas jums would'nt reikalauja, kad bet daugiau šaukštas kūdikį nei ši ... tikslios kodus, kad jums reikės įdėti, aš siūlau jums apsilankyti Facebook Socialinis Plugins puslapį

Kaip mygtukas

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

Dalintis Button

Leiskite žmonėms dalintis "Facebook", pasidalinti su konkrečių draugais arba su grupe. Alternatyviai, jie gali pasidalyti į privatų pranešimą.

Įterptosios Pranešimai

Įterptosios Pranešimai jums pridėti bet viešas įrašas iš "Facebook" į savo dienoraštį arba interneto svetainėje.

Komentarai

Komentarai įskiepiai leidžia žmonėms pateikti pastabas dėl bet turinio gabalas jūsų svetainėje.

Siųsti mygtukas

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

Sekite mygtukas

Tegul žmonės prenumeruoti viešuosius atnaujinimus apie Facebook.

Aktyvumas Feed

Rodo įdomiausią, naujausią veiklą vyksta jūsų svetainėje.

Rekomendacijos Feed

Rodo labiausiai rekomenduojamas svetainės medžiagą.

Rekomendacijos Baras

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

Kaip Box

Speciali versija Like Button tik "Facebook" puslapiuose.

Facepile

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


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


Jos apie "Web dizaineriai, kurie negali kodą"

Antradienis, kovas 9, 2010 By nikhil

Su mano ribotos įgūdžių rinkinys su įrankiais, kaip Photoshop ir Illustrator galiu sąžiningai prisipažinti, kad esu geresnis kūrėjas nei aš dizaineris. Bet mano fonas su pagrindine (serverio pusėje) plėtrai, Java / PHP / COBOL, buvo labai teigiamas poveikis mano UI kūrimo įgūdžių. Ką reiškia, kuriant savo dizainą, ty, kai aš padaryti dizainą, manau apie tai, kaip dizainas gali būti geriausiai konvertuojami į HTML-CSS ir darydamas HTML CSS, aš duoti mintis apie backend technologijos ir padaryti pagrįstai įsitikinęs kad HTML gali būti lengvai perkelta į XSL kilpomis arba PHP fragmentus ir tt

Per metus aš buvo mesti galvą į dizaino iki UI dizaineriai, kurie greičiausiai donot clue, ką HTML ar CSS. Visus šiuos metus aš galvoju, kad norėčiau paprašyti per daug, jei aš tiesiog tikėtis dizaineris, kuris bando shov savo "negalėjo kodas" dizainas žemyn mano gerklės, suprasti truputį kas jo dizainas bus konvertuojami į. Tai padėtų ne?

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

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

Štai keletas ištraukų iš Elliots straipsnį .

Oho, ką dieną! Viskas prasidėjo vieną mažą Čivināšana ir baigėsi diskusija kurios atrodė, nurašymas visoje web dizainas bendruomenei. Atrodo yra keletas labai tvirtą nuomonę, laikomos to, ar interneto dizaineriai turėtų sugebėti kodas Dalyko.
...
Taigi, kol mes gauti į tai, leiskite man greitai uždenkite ką sakiau šį rytą Twitter:

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

... Turėčiau buvote tiek daugiau konkrečių mano Čivināšana. Kalbėjau apie dizainerių, kurie neturi net pagrindinių HTML ir CSS įgūdžiai pasukti fiksuotą dizainą į faktinį svetainėje. Ne žmonės, kurie sąmoningai renkasi ne kodas; Tiems, kurie negali. Ir aš taip pat įvardija tik front-end kodo čia; Žinoma, tai juokinga manyti, kad dizaineriai, taip pat turėtų būti nuostabios back-end programuotojai ...

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

Tai vis per vėlai, ir aš turiu, į kuriuos vyniojami tai kažkaip. Aš žinau, ten bus daug tokių, kurie nesutinka su manimi, ir mano tikslas yra ne įžeisti ar nuliūdinti visiems, kurie gali ne kodas, bet aš tikiuosi, kad kai kurie iš to, ką aš sakė atspindi kai kuriuos jos punktus, kad visada sugalvoti kai pasinėrė į šios diskusijos.

Tuo dienos pabaigos, aš ne prarasti to, kas gali koduoti miego ir kas negali. Aš tiesiog tikrai nustebintas tiek daug dizainerių, kurios trūkumas front-end įgūdžius, kaip aš maniau, tai buvo jau 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 kodą


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


HTML & XHTML

Sekmadienis, spalis 18, 2009 By nikhil
  • Dokumento rūšis deklaracija turi būti pateikti ne dokumento, kuris naudoja HTML sintaksę pradžioje. Tai pasirinktinai gali būti naudojami ir XHTML sintaksę, tačiau tai nėra privaloma. XHTML dokumentas nereikia įtraukti DOCTYPE nes XHTML dokumentai, kad būtų pateikta teisingai, naudojant XML MIME tipą ir būtų tvarkomi XML naršyklių, visada teikiamos jokios Photoshop režimu.
  • XHTML, tegus pavadinimai yra jautri ir dažniausiai apibrėžiama būti parašytas mažosiomis raidėmis. HTML, tačiau tegus pavadinimai yra nejautri raidžių ir gali būti rašomi tik viršutinio ar skirtingo dydžio, nors dažniausiai konvencija yra klijuoti su mažosiomis raidėmis. Iš pradžios ir pabaigos žymes atveju neturi būti tokia pati, bet nuosekliai daro padaryti kodas išvaizdą švaresnis.

Privalumai naudojant HTML

  • Suderinami su esamomis naršyklėmis
  • Autoriai jau esate susipažinę su sintaksę
  • Atlaidus ir atlaidi sintaksė tai nebus vartotojui priešišką " Geltona Screen of Death ", jei klaida netyčia praslysta pro
  • Patogus sutrumpinimas sintaksė, pvz autoriai gali praleisti keletą žymių ir atributų reikšmes

Privalumai naudojant XHTML

  • Griežtai XML sintaksė skatina autorius rašyti tinkamai suformuota žymėjimo, kurį kai kurie autoriai gali rasti lengviau išlaikyti
  • Tiesiogiai integruojasi su kitomis XML žodynų, pavyzdžiui, SVG ir MathML
  • Leidžia XML apdorojimo naudojimą, kuris kai kurių autorių naudoti kaip dalį savo atgamino ir / leidybos procesuose

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


CSS2.1 User Agent Style Sheet nutylėjimą

Antradienis, liepa 28, 2009 By nikhil

Vakar po išleidimo Aš susidūrė su CSS PAKARTOTINIAI "Google Chrome" ... Maniau kasti truputį giliau į User Agent Style Sheets srityje ...
Nustatėme, kad šis lentelę numatytuosius vertybių CSS2.1 User Agent Style Sheets ... (tiems, nežino, kas yra "User Agent Style Sheets", tai laikytis Kas User Agent Style Sheets (specifikacija) .

Išsamų CSS 2,1 User Agent Style Sheets numatytuosius spauskite čia


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


Vartotojo agentas Style Sheets: Mystery Paraštės "Google Chrome"

Pirmadienis, liepa 27, 2009 By nikhil

Vakar, kaip ir kiekvienas kitas "Ground Hog diena", aš dirbau kai kurių CSS / Tableless maketai. Viskas klostėsi taip gerai IE 7, FF 3 ir Chrome, kol baigsis staiga, aš pamačiau keletą JT ignorable maržas matyti tik "Google Chrome". Nors labai keista ir worring, buvo kai kurių naujų klaidą / problemą, jog atėjau šakų visame, buvo pagaliau kai mano žemiškas darbą prieskonių. Sad (bet gražus) jis gavo fiksuoto per kelias minutes nuo zondo ...

Iš esmės, tai atrodė kaip "Google Chrome" ignoravo savo CSS PAKARTOTINIAI (margin: 0px). Jis faktiškai lėmė user-agent stylesheet (-webkit-padding-pradžios: 40px). Taigi sprendimas buvo iš naujo šį stilių nustatydami padding: 0 Netinkamas elgesys elementų.
Geras būdas išvengti šios problemos atsiradimą, kad kurio nors elemento 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ą daugiau skaityti User Agent Style Sheets

CSS 1 pristato nurodydamas, kad kiekvienas User Agent (UA, dažnai "interneto naršyklė" arba "interneto kliento) turės numatytąjį stilių, kuris pateikia dokumentus protingą idėją - tačiau, be abejo, žemiškas - būdu. CSS 2 sako, kad atitinkantis naudotojo agentai turi taikyti numatytąjį stilių (arba elgtis taip, lyg jie padarė), ir kad user agent nutylėjimą stilių turėtų pateikti dokumento kalbą elementus būdais, kurie atitinka bendrąsias pristatymo lūkesčius dokumento kalba; CSS 3 gali būti tos pačios nuomonės.

Kadangi CSS specifikacijos įvedinėti iki realizacijos, ar naudoti "Real" stiliaus lapą nustatytą ekraną ar ne, tai ne stebina, kad jūs neturite rasti numatytąjį stilių kiekvienoje naršyklės diegimo aplanke. Skirtingai Microsoft Internet Explorer, taip pat operos, pavyzdžiui (ir tiek, kiek aš žinau), Gecko naršyklės kaip Firefox ir Netscape Navigator (surasti "html.css"), bet ir Konqueror padaryti gana paprasta suprasti savo numatytąjį stilių.


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


Kaip įjungti raštu būsenos juostoje (window.status) Firefox

Pirmadienis, balandis 6, 2009 By nikhil

Kitas senosios mokyklos atminties papildomai ...

Kodėl mes, kad windos.status?
Javascripts galėtų būti košmaras, kai turite ką derinti. Firefox turi keletą patogus addons, kaip Firebug thats daro mūsų gyvenimą lengvai ir to, už populiariausio debug techniką Javascript balsas turi eiti į "alert ()". Anywaz! Yra keletas atvejų, kai pridedate ALERT do derinti jūsų neteisingai elgiasi Javascript yra tiesiog nėra gera idėja. Pavyzdžiui! turite dragble elementą, kurio pozicija, reikia įspėti, .... NE NE! Dont do it! ... Jūs tiesiog gaunate begalinis perspėjimus ar jūs įpratęs būti suteikta galimybė realiai Dra savo dragable. Gerai! Yra daugiau gerų situacijų, kur galite rašyti iš debug tekstus būsenos juostoje, daug usful ... Patikėkite! Jo patirtis!

IE pagal nutylėjimą liko rašote į naršyklės būsenos juostoje naudojant sintaksę "window.status = 'kažką derinti" ", bet Firefox nėra. Taigi, kad langų būsenos pasikeitimą, galite tai padaryti bet kuriuo iš toliau išvardytų pagrindų.

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

ARBA Arba

"Įrankiai → Funkcijos → Turinio → Įjungti JavaScript / Advanced → Pakeisti būsenos juostoje tekstas"

Ir taip pat pažymi, kad ... rašyti būsenos juostoje jūsų "JavaScript", IE yra tik gerai, jei jūs naudojate trumpas sintaksė ty statusą = 'kai debug teksto ", o kaip" Firefox ", turite naudoti visiškai sintaksės ty window.status =' kažkas debug "


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


SevenUp! Skatinti pasaulį atsikratyti IE6!

Sekmadienis, kovas 22, 2009 By nikhil

Google pradeda judėti, greitą žmonių iškelties IE6 ... Iki bugging IE6 vartotojams įkeliant puslapį laikiną langą ... negali būti labai gera idėja ... bet būdamas UI kūrėjas, aš turiu prisijungti prie šios juostelės vagono ... viena mažiau naršyklė man nerimauti ... Atsiprašome savanaudis jis yra! bet aš turiu įtraukti šį Javascript ... (TRY Šis puslapis IE6) ...
Hey! ir šviesesnę dėmesį ... Rodyti yra apie JAVASCRIPT POWER ekranas .... ji netgi gali sumažinti milžinišką (ar kai jis buvo)

SO ... Pagalba atsikratyti IE6 pasaulį viena linija JavaScript!

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


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


Globalus Vertėjas Plugin Jūsų WordPress blog

Sekmadienis, kovas 8, 2009 By nikhil

Aš taip susijaudinęs apie daugėja puslapių į savo dienoraštį, kad aš patikrinti savo "Google Analytics" beveik kasdien. Aš pastebėjau, kad mano dienoraštis yra nurodytos svetainės, daugelyje kitų kalbų ir žmonių visame pasaulyje. So nice !!!!
Kad gyvenimas šiek tiek lengviau mano nieanglojęzycznej žiūrovas laivo, aš pridėjo Google Widget / Plugin pavadintą "Pasaulinės Translator".

Globalus Vertėjas sako, kad ji "Automatiškai verčia į 41 skirtingų kalbų dienoraštį vyniojimo keturis skirtingus vertimo internete varikliai (Google vertimo modulį, Babelfish vertimas Variklis, FreeTranslations.com, promt)" ... Jei norite pridėti jį prie savo WordPress diegimo ... pažiūrėk http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Abejojate, kaip gerai vertimas, bet aš nuoširdžiai tikiuosi, kad tai padeda kelis kolegas kūrėjus ten, kurie galų gale pasiekti savo dienoraštį, tik nusivylė, kad ji yra lietuvių ....

Vertėjos nuorodos yra iš Side Bar Bottom ....


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


Kreipiamės kelis langus įkėlimo funkcijas JavaScript

Šeštadienis, kovas 7, 2009 By nikhil

Štai dar vienas mažai 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 omenyje kaip mano (turiu sąžiningai pasakyti, kad, nes aš naudoju javascript sistemomis ir bibliotekomis, aš forgotton padaryti paprastų dalykų 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, šį įpratęs dirbti ... dont wanna aptarti vykdymo mokslas Javascript daug ... bet pagal mano pastarojo laikotarpio patirtį, tik paskutinis funkcija (onloadfn3) bus blogai tikrai gauti įvykdytas.

Normaliomis aplinkybėmis, priešingai nei mano (kuri 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 dabartinę padėtį, aš negaliu naudoti bet kurį iš aukščiau ...
Kodėl aš iš viso turiu skambinti windows.onload dvigubai, o kad skambina dvi funkcijas vienoje įkėlimo funkciją? Čia yra greitas pažvelgti į mano problemą pareiškimą ...

"Mano svetainės puslapiuose suskirstytos kaip WordPress tema .... ty egzistuoja bendra header.php ir footer.php, kuris įtraukiamas į visas svetainės puslapiuose. Yra įkėlimo funkcija implementaion į footer.php daryti keletą bendrų įkėlimo funkcijas. Ir yra keletas puslapių, kurie turi kažką savo įkėlimo, išskyrus tuos, kurie atliekami pagal bendrą įkėlimo funkcija. Jei aš priskirti skambinimo funkcijas tiesiogiai window.onload prižiūrėtojas, jis turi pranašumą prieš pavestas Atgalinės iššūkius ir footer.php "

.... Ar mano problema suprantama :) ?

Gerai! yra keletas sprendimų, kad aš rasti. Jie visi yra labai panašios ir iš esmės implementions tirpalo tikrą Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Sprendimas:

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

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

Ir vadina jį vietoj įprastų "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š atskirų dalių savo kodą, be overridding ankstesnį apibrėžimą
2. Tai tikrai nekrenta į akis. Jis gali būti dedamas į failą su jūsų kitų scenarijų arba į atskirą failą.
3. Jis veikia net jei window.onload jau nustatytas.


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


Kaip įtraukti PHP kodas viduje Smarty Šablonas

Antradienis, vasaris 24, 2009 By nikhil

Maniau, kad tai vienas bus doodle rasti google, kaip daugelis jūsų mus UI ir scenaristams reikės tai padaryti ant kasdien, tai yra apima peice PHP kodo fragmentą (Php) šiek tiek į Smarty šablonų (.TPL). Aš supratau, kad lengviau / populiarus užklausą, dar sunkiau rasti tikslaus atsakymo ... milijoną paieškos rezultatus, bet dauguma jų Italai į "failą" apima Smarty ... kuri turi tokią sintaksę

{Įtraukti failą = "apima / header.php"}

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


{Include_php file = "include / 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