Trei chestii noi pentru blogurile românești:
tema responsive
Definiția de dicționar e simplă: siteul se redimensionează după rezoluția device-ului pe care îl detectează. Ești pe tabletă? Se face de 7 sau 10 inch. Ești pe telefon? Se face de 3, 4 sau 5 inch. Păstrând designul și eliminând nevoia unei teme speciale de mobil. Foarte mișto
Mai jos vedeți cum se vede acest blog pe un iPad și pe un iPhone, primele două imagini în mod Portrait și a treia în Landscape.
fonturi corecte
A doua chestie mișto la abordarea asta nouă cu responsive webdesign este renunțarea la fonturile urâte și mici, conceptul de webfonts începând să prindă și la noi, mai ales prin copierea site-urilor de afară. Am văzut la varianta beta a Digi24, parcă, ceea ce e un pas pare.
Cum poate un blogger să instaleze așa ceva am explicat aici. Open Sans, Roboto, Lato, Droid Serif sunt câteva din fonturile care suportă diacritice și arată foarte bine.
Mai multe pe tema fonturilor citiți aici.
alinierea imaginilor în articol
Chestia asta e rămasă din presa scrisă: să pui o imagine la început de articol, în partea stângă. Și sunt două probleme cu meteahna asta:
- e deranjant la citit. mai nou, încadrarea se face în partea dreaptă.
- imaginea nu e încadrată corect. vedeți mai jos câteva exemple de încadrări greșite, în care imaginea e mai mare sau mai mică decât paragraful pe care ar trebui să îl încadreze. și arată urât.
Dezavantajul e ca transmiti aceeasi cantitate de date, iar pe mobil ascunzi o gramada. Si platesti traficul pentru chestii pe care nu le vezi.
Există vreun instrument online prin care pot verifica cum se vede pe alte device-uri?
@Madalin Blidaru: browsershots?
Safari-ul are optiunea de a-i schimba user-agent-ul, sa-l faci iPad sau iPhone, dar rezolutia ramane de PC.
Şi eu am problema cu imaginea în partea stângă şi ştiu că arată mizerabil. Uneori mai scriu 2-3 rânduri în plus sau şterg, doar ca să nu arate aşa. Există vreun plugin care să îmi facă featured image dar să nu apară în articol ? Aşa cum ai tu la unele posturi de exemplu ? Sau asta ţine de temă şi trebuie un developer bun ?
@Revo: o poți seta manual
Am instalat plugin-ul. Multumesc de sugestie!
Redimensiona-ti dimensiunea ferestrei browser-ului si veti vedea cum se vede tema
Nu stiu ce m-a facut sa scriu REDIMENSIONA-TI (facepalm)
@Gorby: citești bloguri de analfabeți. și mie mi se intâmpla acum 4-5 ani, când stăteam juma de oră pe coolgirl.ro.
@Madalin Blidaru
https://lmgtfy.com/?q=how+my+site+looks+on+mobile
doare?
Revo, Daca n-ai de unde seta, trebe sa doar stergi putin cod din template. Nu trebe un developer bun pt asta. Uitate dupa the_post-200x200nail in single.php.
Vali, tot vroiam sa te intreb o chestie legata de chacheuire pozelor. Am vazut ca apar in codul sursa linkuri absolute de pe un subdomeniu http://www.zoso.ro. How does it work? E plugin free? Sau?
https://valipetcu.com/2012/cheap-and-fake-cache-for-your-blog.html
Unele sunt pe amazon cloudfront, altele pe acelasi server, dar chemate de pe subsomeniu.
Multumesc!
Posibil.
acum ca folosesc mai des quora imi pare ca designul blogului tau seamana la unele lucruri si asta e bine, usor de citit fara chestii inutile, fix ce conteaza
Responsinator.com
Eu te-as intreba altceva. Ai tema asta de 2 ani daca mu gresesc, imi place. Caut o tema la fel de simpla de mult insa nimic nu m-a satosfacut. Cat te-a costat?
@cKy: n-am tema atsa de 2 ani, o am de câteva luni. o temă din asta, făcută de la zero, te costă de la 300€ in sus. una gata făcută (cum e cea de pe vali.us), care e la fel, responsive, fonturi noi, bla bla, te costă 45$ de pe themeforest.net
Da…tastatura de s2.. nu mai pot da edit
Ok, dar vezi ca ai o problema cu fotografiile atunci cand incerc sa le vizualizez de pe iphone/ipad. Sau doar la mine e problema?
Și atunci care ar fi soluția la mine? Să scriu mai mult în paragraful de început? Să elimin complet poza?
Vali, si tu ai o problema pe iOS. Imaginile se incarca la rezolutie 100%. Asta nu ma deranjeaza cand postezi o pisica cu tate mari
@Madalin Blidaru: http://mattkersley.com/responsive/
Asta-l foloseam anul trecut, cand am inceput sa fac responsive design. Acu mi-e mai simplu sa dau doar resize la fereastra de browser (sau m-am facut mai lenesa, dracu’ stie).
@vali @Madalin Blidaru
Nu iti trebuie nici o mizerie de browser shots … personal eu folosesc „redimensionarea” ecranului la chrome/safari si uneori Firefox (meh si IE 10) … in 90% din cazuri este precis ca si tool(-uri).
https://imgur.com/7qcF2bY.png
Da ma Zoso, da pe iPhone pozele ti se vad naspa cand le deschizi. Rezolva si problema asta si iti dam 10