Veze, linkovi
Kompjuter biblioteka
Korpa

 

Access

ALGORITMI

Alternativna učenja

Analiza podataka

Android

Animacija

Antropologija

Apple - MAC OS X

Arheologija

Arhitektura

Astrologija

Astronomija

Audio kursevi + knjige

Audio, Multimedia, Video

Autobiografija

AutoCad, ArchiCAD, SolidWorks, Catia, Pro/Engineer

Automobili

Bajke

Baze podataka

Biografija

Biološke nauke

Blockchain

Botanika

C, C++ i C#

ChatGPT

CSS

Dečije knjige

Delphi

Digitalna fotografija

Dizajn

Django

Domaće pripovetke

Domaći roman

Drama

E-knjiga

E-komerc

ECDL

Ekologija

Ekonomija

Elektrotehnika

Enciklopedija

Esejistika

Etika

Fantastika

Film

Filologija

Filozofija

Fizika

Fotografija

FULL STACK DEVELOPMENT

Funkcionalno programiranje

Generativna veštačka inteligencija

Geografija

Geologija

Git i GitHub

GOOGLE

GPT

Grafika, Dizajn, Štampa

Građevinarstvo

Hardver

Hemija

Hidrotehnika

Hobi

Horor

Humor

Internet

Intervju

Istorija

Istorija i teorija književnosti

Istorija umetnosti

Istorijski roman

Java

JavaScript

Joomla

jQuery

Knjiga posle posla - Beletristika i ostala izdanja

Knjižare i naše knjige

Književna kritika

Kuvari, hrana i piće

Leksikografija

Lingvistika

Ljubavni roman

logo

Magija

Marketing

Mašinsko učenje

Mašinstvo

Matematika

Medicina

Memoari

Menadžment

Modeliranje podataka

Monografija

Mreže

MS Office

Muzika

Nagrađivanje knjige

Naučna fantastika

Obrada teksta

OFFICE 2013

OpenOffice.org

Operativni sistemi

Oracle

Organizacione nauke

Pedagogija

PHP I MYSQL

Pisci u medijima

Ples

Poezija

Politika

Poljoprivreda

Popularna medicina

Popularna nauka

Popularna psihologija

Posao

Poslovanje

Pozorište

Pravo

Pravoslavlje

Primenjene nauke

Pripovetke

Prirodne nauke

Priručnik

Programiranje

Projektovanje softvera

Psihologija

Publicistika

Putopis

Python programiranje

Računarstvo u oblaku

Raspberry PI

Razvoj

Rečnici

Religija

Robotika

Roman

Ruby i Ruby on Rails

Satira

Saveti

Serija Roberta C. Martina

Sertifikati

Slikarstvo

Socijalna mreža - Facebook

Sociologija

Sport

Sport i hobi

SQL

Statistika

Strip

Tabele

Tableti

Tehnologija

Telekomunikacije

Triler

Turizam

Twitter

Udžbenici

Umetnost

Unix, Linux

Urbanizam

UX DIZAJN

Veštačka inteligencija

Visual Basic .NET, VBA, V. Studio

Web design

Windows

Windows 7

Windows 8

WordPress

Zaštita i sigurnost

Zoologija

 

Vesti – Web design

Ukupno: 201, strana 7 od 11

Ponovljeno izdanje - CSS naučite za 24 časa

 

 

 

CSS NAUČITE ZA 24 ČASA Počnite sada! U samo 24 lekcije od jednog sata ili manje, dizajniraćete i kreiraćete Web strane CSS-om-Cascading Style Sheets. Korišćenjem korak-po-korak prilaza, svaka lekcija nadgrađuje prethodnu, omogućavajući vam da naučite osnovni CSS potpuno.   Posebna pogodnost za svakoga ko naruči ovu knjigu: Knjigu: Dreamweaver 8 peraktične vežbe Knjižarska cena: 1728. 00 dinara Cena sa popustom: 990. 00 dinara
 
   

Posetite nas na Sajmu knjiga u Beogradu od 20. do 27. oktobra 2019.

 

 

 

Posetite nas na Sajmu knjiga od 20. do 27. oktobra 2019 Nalazimo se na galeriji Hale I. Do nas možete da dođete pokretnim stepenicama. Najnoviji naslovi sa popustom 20 NAJNOVIJIH KNJIGA LINK ZA NARUČIVANJE Više od 40 knjiga po ceni od 1. 000 dinara. Za 2 i više knjiga odobravamo dodatni popust od 10%. Vidimo se na našem štandu. NAJTRAŽENIJI NASLOVI NA SAJMU (PRVI DAN): Osnove veštačke inteligencije i mašinskog učenja Laravel - Radni okvir za izradu modernih PHP aplikacija C# i . NET Core projektni obrasci Kali Linux - Testiranje neprobojnosti veba - treće izdanje WordPress 5 u celosti, VII izdanje Ukoliko ne dolazite na Sajam, već danas možete da naručite knjige po AKCIJSKIM cenama: Jedna knjiga 1. 000 dinara. Za 2 i više knjiga odobravamo 10% dodatnog popusta. Python razvoj mikroservisaJava 9Naučite Bootstrap 4, drugo izdanjeNaučite Linux Shell skriptovanje, drugo izdanjeArduino i JavaScript za povezivanje na vebObjektno-orijentisan JavaScript treće izdanjeNaučite TypeScript prevod drugog izdanjaNaučite Swift 3Visual Basic 2015 u 24 lekcijeAndroid Studio IDE kuvar za razvoj aplikacijaPHP 7 objektno-orijentisano modularno programiranje (HTML 5, CSS 3, JavaScript, XML)ArchiCAD 19Autodesk Inventor 2013 osnoveAccess 2007 na dlanuJoomla! 3 prevod drugog izdanjaRaspberry Pi kuvar za Python programereSPSS 20 Analiza bez mukeCSS 3 - Profesionalne tehnike za dizajn savremenih web stranica - II izdanjeJavaScript 24-časovna obuka + DVDC# 6 i . NET Core 1. 0 moderno međuplatformsko programiranjeAndroid 4 razvoj aplikacijaSmashing WordPress više od bloga, prevod 3. izdanjaAutoCAD 2011 do krajaAutoCAD tajne koje svaki korisnik treba da znaPhotoshop CC knjiga za digitalne fotografeGoogle trikovijQuery i napredne web tehnologije
 
   

Preporuka za danas: Knjige za Web dizajn

 

 

 

Dreamweaver CS3 na dlanu - II izdanje Za one koji bi radije da im se pokaže kako nego da im se kaže kako Razumite u upotrebite najnovije Web tehnologije za kreiranje sajtova Izaberite odgovarajuću strukturu sajta i razmeštaj za sajtove Kreirajte i upotrebite šablone web stranica da biste brzo kreirali stranice Kreirajte i održavajte kaskadne liste stilova (CSS) Dodajte flash elemente web stranicama Upotrebite JavaScript ponašanja da biste implementirali funkcionalnosti web stranica Upotrebite alate za kodiranje da biste razvili postojani i upotrebljivi kod Upravljajte saradnjom sa više programera i sizajnera Upravljajte, lokalnim, udaljenim i test sajtovima Prenosite, sinhronizujte i validirajte sajtove Pretražujte, organizujte i obrađujte fajlove koristeći Adobe Bridge i Version Cue Testirajte sadržaj na razliitim ciljnim uređajima pomoću Adobe Device Central-a Uključuje ciljeve ACE kurseva! Link ka knjizi i korpi za naručivanje. Web dizajn Naučićete da pravite Web strane u skladu sa savremenom praksom i profesionalnim standardima za (X)HTML i CSS. Knjiga sadrži vežbe koje će vam pomoći da savladate brojne tehnike rada, a dati su i kratki kvizovi u kojima možete proveriti da li ste naučili najvažnije koncepte. Ako vas zanima Web dizajn, ova knjiga je idealna za vas. Link ka knjizi i korpi za naručivanje. CSS naučite za 24 časa - LImitiramo izdanje Počnite sada! U samo 24 lekcije od jednog sata ili manje, dizajniraćete i kreiraćete Web strane CSS-om-Cascading Style Sheets. Korišćenjem iskrenosti, korak-po-korak prilaza, svaka lekcija nadgrađuje prethodnu, omogućavajući vam da naučite osnovni CSS potpuno. Link ka knjizi i korpi za naručivanje.
 
   

Pretplatite se još danas na knjigu Smashing CSS profesionalne tehnike

 

 

 

Knjiga za vrhunski web dizajn Smashing Magazine je jedna od svetski najpopularnijih stranica posvećenih web dizajnu. LINK. U skladu sa njenom misijom, u Smashing Magazine ediciji su knjige koje ćemo objaviti u prevodu na srpski su knjige koje sadrže veoma korisne i inovativne informacije za web dizajnere i programere. Smashing Magazine je garant proverenih informacija. Najnovije tehnologije, CSS3 i HTML 5 u akciji. Naručite već danasJoš samo danas, 16. maja po 999 dinara. Od sutra će cena knjiga kod nas biti 1200 dinara. Knjiga će nakon izlaska iz štampe biti skuplja. LINK ZA NARUČIVANJE.    
 
   

Prikaz knjige Prilagodljivi veb dizajn izdavača A Book Aprt

 

 

 

Prilagodljiv veb dizajn Otkako su ljudi iz A Book Apart-a počeli objavljivati knjige, bilo je prilično sigurno da će materijal i proizvod biti dobri . To se i dogodilo. Sve knjige su bile dragocene. Ali ova knjiga mi je donela osećaj prosvetljenja kao kad mi je posao podrazumevao učenje nečeg potpuno novog svake nedelje. Nije da ja još uvek ne učim nove stvari, ali vrlo malo njih me natera da preispitam način na koji radim. Ethanova knjiga me je naterala. Ideje koje stoje iza responsive design-a su postojale već neko vreme, sve od prvih spontanih standarda. Mnogi ljudi koji su razumeli problem korišćenja table-ova kao alatki prikaza, takođe su verovali da je popravljanje širine Web stranice neprihvatljivo i kontraproduktivno za medijum. Mnogi drugi ljudi su se u principu složili (Zdravo! Ja sam bio jedan od njih!), ali su mislili da je rešenje predaleko. Imali smo dosta posla oko omogućavanja pouzdanog rada dobro dizaniranih sajtova preko pretraživača, bez potrebe da brinemo o tome kako će sajt izgledati na bilo kom starom nasumične rezolucije ili širine. Tako smo mi stisli naše zube i uradili posao najbolje što smo mogli. Srećom, bilo je ljudi koji nikad nisu odustali od tih ideala. I sada imamo alatke (HTML5, CSS 3, razne JavaScript biblioteke) za stvaranje ove savršenije mreže, kao i mnoštvo visoko usaglašenih web pretraživača (čak i jedan Microsoft-ov!) koji ih koriste. I postoje ljudi koji pronalaze način kako da slože sve ove alatke zajedno. Ono što je nedostajalo je jedan jasan, koncizan pregled za one od nas koji vide vrednost responsive design-a ali nisu imali vremena da slože sve kockice zajedno u praksi. To je ono što čini ova knjiga. Ethan izlaže svoju metodologiju sa velikom jasnoćom, počevši sa Photoshop comp-om i nekim poznatim HTML-om i CSS-om i prolazi kroz korake pretvaranja fiksirane širine pregleda u nešto što je pažljivo napravljeno da bi izgledalo dobro na svemu, od smart telefona do ogromnih monitora sa ravnim ekranom. Mehanika toga se zasniva na jednoj okosnici formule, koja je i mesto gde sam doživeo prosvetljenje. (ne želim da Vam pokvarim iznenađenje. Moraćete da pročitate knjigu. ). Kada pročitate knjigu, možda ćete drugačije razmišljati o Vašem pristupu projektu. Što ne znači da je Ethan-ova knjiga sve što treba da znate o responsive design-u. Ona je dovoljna za početak. Čim počnete da primenjujete njegovu metodologiju, videćete da imate još dosta posla da uradite. U Mule-u imamo dva projekta koji su stvarno dobri kandidati za responsive design. Oba su složenija od uzorka sajta koji Ethan pravi u svojoj knjizi, tako da učenje gde, kada i kako primeniti responsive principe na kompleksni, sajt širok prikaz se pokazala kao dobra vežba za ceo studio. To zahteva od vas da sveobuhvatno razmišljate u oba smera toka vašeg projekta: sve nazad do IA("Da li se ovaj tok menja ako radimo sa 1200 piksela širine ?"), pa sve do implementacije i korišćenja ( "Kako će ova navigacija raditi na smart telefonu?"). Do sada je ovo bila odlična vežba za nas. Kladim se da će biti dobra i za Vas. IZVOR
 
   

prilagodljiv veb dizajn broj 172

 

 

 

Headline Thinking Responsively: A Framework for Future Learning Paul Robert Lloyd looks at how we can build upon the responsive foundations we now have as we move into the future.   Performance update #2: Electric Boogaloo Another performance update from Vox that shows some of the improvements they've been making over time to their sites. The graph looks very familiar. . . a lovely bit of grafana from sitespeed. io if I'm not mistaken.   Sponsor Introducing Responsive Design in Adobe Dreamweaver CC The 2015 release of Dreamweaver CC includes Bootstrap integration, to easily build responsive websites that can adapt to any sized browser. Visual media queries make it painless to define breakpoints, and the new Device Preview feature lets you preview and inspect your responsive websites on actual devices. Learn more and get your free trial now!   Sponsor RWD Weekly and reach more than 26,751 responsive champions   Articles How We Designed the New Salesforce At Scale This week I've included a link to the Lightning Experience Framework from Salesforce, but this article goes into the process of how they came up with the framework  Whatever works for you In a recent panel podcast from the shoptalk show podcast they talked about the death of CSS. . . . and how that's stupid (citation needed).   Responsive Web Design: Where Do We Go From Here? If you miss the responsive day out closing keynote then I've got some good news. Aaron Gustafson has written it out in shorter form in this article that provides you with some actionable next steps now that you're done with your responsive redesign.   Content blockers, bad ads, and what we're doing about it A great article looking at how to deal with ads and performance, but also looking at what the new adblocking iOS 9 means for mobile consumed sites.   Web performance: Cache efficiency exercise  Facebook dig up a study done by Yahoo 8 years ago to find how useful browser cache can be for a site that releases new code twice a day (that statement alone, twice a day code releases, is amazing to me)  Building the dConstruct 2015 site  I really like this years dConstruct website, and a little known fact is that it even renders nicely on a Lynx browser.   The state of responsive images in 2015 This is a great roundup on responsive images. It covers all the stuff that Jason does in his 10 part series just not in as much detail.   The future of layout with CSS: Grid Layouts A few weeks ago I invited you to comment on the CSS Grid Layout specification put forward. If you haven't read it, or find the specs difficult to read, then check out this article.   Responsive Upscaling: Large-Screen E-Commerce Design It's true, I think sometimes we have a lot of free space on larger viewports. This article looks at opportunities we have to ensure those spaces are being used. . . but in a way that will enhance the UX.   Tutorials & Resources   Responsive Images, Part 10: Conclusion Jason Grigsby wraps up this mammoth review of responsive images from the definitions to breakpoints. In the final edition Jason looks at compatibility, picturefill and automating your image processing.   Getting Responsive Tables to Behave A look at how to control your data tables in a multi-viewport world.   Lightning Design System With the Design System you can build custom applications with a look and feel that is consistent with Salesforce core features  Bootstrap Themes These themes are professionally designed and supported and come from the team that build and maintain the framework itself. I've not purchase any so I can't comment on their ease, but they look pretty sweet.   Podcasts ‘Extreme tool anxiety’ with Brad Frost and Stephen Hay Two of my favourite web folks, Brad and Stephen, join Andy Clarke and look at the plethora of tools that are on offer for web designers and developers. If you're not fussed on tea/coffee cups then fast forward to 33 minutes.   RWD Podcast Episode 41 : Peter-Paul Koch This week I'm joined by Peter-Paul Koch of quirksmode. org fame. We talk about a conference PPK is co-organising, the state of the mobile device browsers, and perhaps decide that the web needs to creep along rather than streak ahead of come to a standstill. I thoroughly enjoyed this chat and I'm sure you will too.
 
   

Prilagodljiv veb dizajn broj 173

 

 

 

Articles Mobile pages that are 1 second faster experience up to 27% increase in conversion If you're last pass at a clients website was making it responsive then these figures/statistics will give you a good reason to make another pass and focus on the performance.   Mobile-friendly web pages using app banners As of November if you're mobile or responsive site is hiding content with a "download the app" message Google will remove the "Mobile friendly" tag from off you. Good work!   Is adaptive better than responsive design? Nothing much really new covered in this article, however I was lucky to see a presentation this week about Yell. com going adaptive over responsive. "Why was that?" you might ask. . . well it was because there was a large legacy system that powered it that would not be practical to go with an RWD site. . . . Good reason.   You’re welcome: cutting the mustard then and now The origins of the mustard cut.   Pros & Cons of Responsive Landing Pages For SEM A pretty fair comparison for RWD vs Mobile specific site looking specifically at driving traffic to landing pages.   Responsive Image Workflow By leveraging the tools made available by the ‘picture’ specification, we now have a standardized responsive image solution that we can put into practice today.   Preload Hints For Web Fonts Bram explains why preload is so important for web fonts. By being able to include the preload link in the head it will mean browsers can start downloading fonts immediately instead of waiting for the CSS.   The feature phone era of TVs ends next week   Tutorials & Framework Prefetching, preloading, prebrowsing Pre-fetching is a way of hinting to the browser about resources that are definitely going to or might be used in the future, some hints apply to the current page, others to possible future pages.   DIY Priority+ Navigation I love this little priority navigation approach.   Modern CSS Layout, power and responsibility With the Grid spec out for comment now it's best to get an expert, like Rachel Andrew, to talk you through the idea behind Grid.   How We Designed And Built Our First Apple Watch App A really great and super detailed article about designing across many screens. It is more app focussed, but the approach and lessons can be extended across to building for the web (as I'm sure the watch will get a browser soon enough).   OfficeDev/Office-UI-Fabric Fabric is a responsive, mobile-first, front-end framework, designed to make it quick and simple for you to create web experiences using the Office Design Language.
 
   

Prilagodljiv veb dizajn broj 174

 

 

 

Modernizr 3 released There's a WHOLE bunch of updates in the latest release of modernizr. For those that are unaware Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer which then allows you to improve the experience.   FontShop This is a review of Fontshop by the team that built it. The website is essentially a commerce site and requires users to see the benefits of paying for wonderful fonts. The anatomy of responsive images If you need something technical explained in a way that is super easy to understand then Jake Archibald is often the person to go to. The impressive thing for me is that he has used SVG to paint what you would usually assume to be an image with arrows. Nicely done Jake, nicely done.   The future of the web on mobile An excellent presentation from Paul Kinlan. I'm going to try reproduce the Entropic Web talk in a similar way  iOS 9, Safari and the Web: 3D Touch, new Responsive Web Design, Native integration and HTML5 APIs This is in there for any of you that are keen to keep your breakpoints up with the latest device releases. (Psssst, you don't need device specific breakpoints)  Scroll Snapping with CSS Snap Points Scroll snapping allows content areas to 'snap' into place when scrolling via mouse or swiping. Only available in webkit nightlies at the moment.   Forget about the mobile internet I think what Benedict means when he says desktop is a cut down version (citation needed) is that mobile is the new and more advanced way to access the web. . . and is done more often than on desktop. Therefore if you are going to offer a cut down a version it may as well be the lesser used device. Arguably it has fewer features as well. It lacks a decent GPS, no accelerometer and the input methods are fewer than those of the latest and greatest mobile devices.   Dealing with long words in CSS One of the hardest things to accomplish with RWD is a consistent design that works across various breakpoints AND languages. These tricks will help you build a more robust layout that works regardless of how long the word might be.   SVG Animation with GreenSock Animation Platform (GSAP) If you're looking at responsive animations then you're going to want to be using SVG right! Well this kick-butt tutorial takes you through how to implement just that.   Style Guide Driven Development: A How To Guide To Improve your Development Workflow I love the idea of style guides for front end. Tabby Displaying content through a tabbed interface can be a good way of providing informative information in limited screen real estate. I recommend checking out the code to see how this works.   Rucksack This is built on PostCSS and provides a few tools that can be quite helpful.   UpUp More and more these days you're hearing "not mobile first, offline first". This script will help you provide an offline page to your users using Service Workers.   Offline. js While we're showing how to use service workers to provide offline content for your users I thought it would be good to notify them when they do drop off too.   DoCSSa I featured this back in 2014 but they have just refactored the architecture using Sass Mixins rather than extends.   HTML Color Codes Modernizr: the feature detection library for HTML5/CSS3 Is modernizr a default requirement? Absolutely NOT. You only need modernizr if you're going to be testing for the presence or absence of browser features to enhance the users experience. This runs in the before your content, so it's a blocker, and if you consider that the modernizr site itself doesn't use it you should take that as a baseline when including it yourself.   Moriston – The Lost Type Co-op  This is a great website highlighting the amazingness of a font. . . . which you can use for free (although I do encourage you to pay what you can). It uses editable areas to allow you to try the font in anyway you decide. UX Designer (HTML/CSS) Working at Booking. com If you want to work for one of the coolest companies getting around and be relocated to the amazing Amsterdam then consider applying for this job.  
 
   

Prilagodljiv veb dizajn broj 176

 

 

 

Headline Redesigned! - CodePen Blog I use code pen for the samples on the RWD site so I'm happy to see they've made a few updates.   A new Device Adaptation spec PPK takes some time out to explain where viewports are currently at and how all browsers handle them. It's some pretty heavy reading but it's worth it to properly understand how it all works (the quirks and all)  Experiment: Using Flexbox Today A great look at how to use flex today with float fallbacks for older browsers (or older versions of IE) complete with code examples and update-able settings Articles How To Run A Side Project: Screenings Case Study I love a good side project and in this article Sacha Grief takes us through some key rules and considerations when you embark on your next project.   Microsoft Edge Dev Picture and srcset sizes land in the latest build for Edge.   Automating resource selection with Client Hints Will detailed responsive image markup be a thing of the past once client hints are widely used/accepted? In this article Ilya provides a really detailed overview on how client hints work and where the advantages lay. . . highly recommended read.   Responsive Images: Merge Proposal The RICG Wordpress team is proposing to add native srcset and sizes support to WordPress. YES PLEASE!  This Idea Must Die This idea from Brad is that the web is a platform. . . or any one thing to everyone. The web, instead, is what ever you make it. It's a continuum. "The web is X, and therefore my thing".   Adapting without assumptions The Network Info API has been getting a lot of traction lately. The idea is that we can be responsive to our users network connections with the experience we provide them on the site. Yoav has an issue with current state and has outlined the problems in this article.   The Cost of Mobile Ads on 50 News Websites More that half the data on these top 50 news sites comes from Ads. What the actual. . . .   A Beginner’s Guide to Website Speed Optimization A really detailed overview of speed optimisation when building sites and particularly focussed on wordpress implementations. Frameworks print. css The only CSS print styles you will ever need. (but not really)  Responsive Grid System mobile first, 12, 16 & 24 column, optional gutters, 1kb compressed, box-sizing polyfill, respond. js polyfill — what more could you need?  Corpus. A collection of CSS things. Corpus is yet another CSS toolkit. It’s basically a collection of the things Jamie Wilson finds himself returning to for each new project.   U. S. Web Design Standards Open source UI components and visual style guide to create consistency and beautiful user experiences across U. S. federal government websites Plugin RICG Responsive Images WP Plugin The RICG responsive plugin for Wordpress has been upgraded with a few improvements. Better still, there's talk about shipping this to core (as mentioned above)  Picturefill Picturefill 3. 0. 0 is the current stable release, go update your implementations.   jquery. devicemock. js This is kind of similar to the Am I Responsive tool but you're able to configure it a little bit further (so not quite as easy to use but more flexible).   Responsive Calendar Pattern A responsive calendar layout pattern that starts with a list of days for the month and responds to a traditional calendar format.
 
   

Prilagodljiv veb dizajn broj 182

 

 

 

Articles Why you shouldn’t ignore the bigger breakpoints in responsive web design Some interesting ways you can arrange your design on HUGE screens and take advantage of all the screen space available.   An Open Letter to Ethan Marcotte, from the Midwest Web Community Some important lessons in RWD in this open letter to its father.   Firefox is now on iOS Now that Firefox has been allowed on the iOS platform the desktop users can now have a consistent experience across all their devices. As with Chrome though, Firefox will have to use the Apple WebKit rendering engine. Come on Apple.   The Difference Between Responsive and Adaptive Design This is really good visual (check out the gif) explanation about the difference between responsive and adaptive. While the author doesn't commit to which is better you can probably guess which way I'm leaning (hint: it's not adaptive).   Flexbox For Interfaces All The Way: Tracks Case Study  At a wedding a few months ago I caught up with an old friend who told me they built their SaaS CRM web app using Flexbox, and then after all the celebrations I promptly forgot to feature it. Luckily Smashing Magazine has covered the excellent work.   How Our CSS Framework Helps Enforce accessibility Brilliant article on how to weed out bad accessibility that you would normally be blind to (pun intended)  Tool & Tutorials Big Rig Big Rig exists to try and give you extended information on what your page was doing during critical RAIL actions, in particular Loading, Responding and Animating.   Using Web Fonts The Best Way (in 2015) Anselm looks at some outside issues he's come across when working with Web Fonts and how he's tackling the issues.   Animated Menu Icon This week we've talked about SVG and how to include, now check out how you can animate it to bring a bit of POP to your responsive designs (don't you love it when clients as for more "POP").   My first Service Worker A really good overview on how Jeremy added service worker support to his blog. . . progressively enhanced of course. If you're keen to try it out remember that you have to be running https first (although look into Cloudflare and their free SSL support if you can't set it up yourself).   Making a Simple Site Work Offline with ServiceWorker Same destination as Jeremy's tutorial, but this is a different journey. You might just learn something new through this approach.   Add vector images to a webpage This tutorial looks at a variety of ways in which you can add SVG into your site, from simply using the tag, inline, within an Object or an Iframe and looks at the pros and cons of all the options.   An Introduction to Google’s Accelerated Mobile Pages (AMP) For those of you that missed earlier reviews of the AMP rollout this goes into some reasonable detail with a pro opinion of the approach.
 
   

Prilagodljiv veb dizajn broj 183

 

 

 

Headline Foundation 6 Is Here! It's happened! After our early preview screencast a lot of folks were asking just when Foundation 6 was due for official launch and now it's here with a 50% code reduction on Foundation 5. There's so much more, and you can see a tour of it on this screencast.   A Book Apart, Going Responsive Karen McGrane shows you why going responsive is just good business sense—and how to set up your project (from concept to launch) for total success. Plus if you buy this with Ethan's new release RWD Patterns & Principles you get 15% off. Articles Progressive Web App: A New Way to Experience Mobile This is responsive web app that is saying it can compete with the high-performance usually reserved for native apps (including push notifications). Do you know of another web app doing something similar?  Basic Patterns for Mobile Navigation The pro's and con's for hamburger vs tabbed navigation  Save “Save For Web” Mr Zeldman's thoughts on the change in UI for Adobe Photoshop for the save for web. This isn't new, but I certainly share the frustration.   Responsive Design: Patterns and Principles Ethan introduces his new book to the world on responsive patterns and principles.   Patronizing Passwords Not at all on responsive design, but I share this frustration so much that I wanted to bring it to your attention in the hope that you are responsible for designing and password solution in the future and I don't want it to suck.   Tips for Creating and Exporting Better SVGs for the Web Just like the days of knowing how to correctly export a Gif, JPG or PNG we need to be aware of the options that are available when exporting SVG.   The Cost of Frameworks Not the cost of frameworks like Foundation or Bootstrap, but on Javascript Frameworks like Polymer, Angular and React.   Get AMP’d: Here’s what publishers need to know about Google’s new plan to speed up your website This is quite a long article that looks at social reactions to each of the AMP different features.   WPO Stats Do you need help selling performance internally or to your clients? 95% of people know that stats help you sell 99% of the time. Although those stats were made up, these ones on this site are not and are curated by Tammey Everts and Tim Kadlec.   Google+ Google has re-launched Google Plus and made HUGE savings on page performance dropping the page weight from 22,600kb to just 327kb (including images). Tool & Tutorials   Cache-limiting in Service Workers Jeremy adds to his post last week about Service Workers by allowing his site to catch the last 30 pages visited and the past 20 images. Code and downloads available.   Mobile-Friendly Multi-Level Menu This week we had a discussion at work about where the secondary navigation should be on smaller screens when you hide the menu behind a hamburger. Should it be stacked after the content, should it be sub-menu options of the main nav? Both? What ever your approach this is certainly a fancy way to show it.   Flexbox’s Best-Kept Secret Auto margins aren’t new at all to CSS of course, but when paired with Flexbox something magical happens  Optimizing wp_options for Speed Time to First Byte is something that front end can't (really) affect when it comes to performance, but if you're working with wordpress then this article might help you (or your backend dev) shorten that time down a little. Every little bit helps (see WPO post above).   Modern Progressive Enhancement Jake Archibald is one of my favourite presenters and in this talk he covers off what it means to build a site progressively. . . and also tackles what is a web app and what is a web site.   Owning your performance: RAIL Paul Irish talks through Chromes new features for identifying what is stopping your first meaningful paint by looking at the screenshots tied in with the assets loading in the network tab.   DevTools in 2015: Authoring to the max (Chrome Dev Summit 2015)  Dev Tools in Chrome have just gone all mobile first responsive in this very cool video. You should also check out the Paul Irish one below as well Tools Ponyframe This tool does a lot of things, but for me the most important thing I've been missing is to tell me all the media queries inside of a CSS sheet. Actually, this just tells the breakpoint width, not the query. . . doesn't anyone know of something that tells you the full query but doesn't repeat them (as a Sass based CSS file would most likely be littered with lots of media queries)  instantsearch. js A new library of UI widgets to help you build the best instant-search experience with Algolia’s hosted search API.
 
   

Prilagodljiv veb dizajn broj 185

 

 

 

Headline Flexbox Froggy Learn flexbox by placing coloured frogs on their coloured lilypads. Yes it might sounds pretty stupid, but it's the best way I've found on explaining flex-box through doing.   Mobile goes beyond Desktop This year shopping for black Friday exceeded 50% on mobile. If you're not building mobile first now then you're missing the point. Knjiga dana LINK KA KNJIZI. Articles CSS Font Rendering Controls Module Level 1 Font loading now has a fancy name and a spot on Tab Atkins spec.   CSS font-display property is now available in Chrome Canary As soon as the spec update from Tab Atkins on the font-display addition is announced Ilya Grigorik has a demo for you to try in Chrome Canary.   Making sense of atomic design: molecules and organisms When does a molecule become complex enough to be called an organism. After working with pattern libraries for a year at FutureLearn, Alla has the answer.   Flash, HTML5 and Open Web Standards Flash is going by the wayside and is now officially being replaced with Animate CC.   Cache-limiting in Service Workers …again In this ongoing lesson on Service Workers as problems arise Jeremy Keith has another iteration you too can look to use on your site.   Flexbox Grid Finesse A few techniques to exploit Flexbox’s internal algorithms and design seamless grids intended for changing quantities and varied dimensions of content from Heydon Pickering.   Advent Calendar - Content Content is the number one thing you need for a successful website, and it is also tremendously helpful for ensuring your design is fit for purpose. Check out this advent calendar to lear more about gathering content.   Responsive Design: Patterns & Principles review If you haven't decided whether to buy Ethans latest book, do it! If that still doesn't convince you then have a read of this review and decide for yourself.   Chrome for Android can now save more data by blocking website images Chrome now allows you to block website images to save data. Ahhh, yes please I'll take two.   Metadata markup This very neat trick allows you to shorten the long meta markup in the head thanks to Open Graph (OG) and Twitter Cards implementing a different approach to meta tags. Tutorials   A Guide To Simple And Painless Mobile User Testing How to get some user testing on mobile apps on a (relatively small) budget.   Arrows Like arrows? I like arrows. These go all around the box depending on the media query.   Using Flexbox to Create a Responsive Comment Section We're beginning to see more and more practical examples of how to roll out Flexbox into elements of your website designs  Creating a Web Type Lockup Creating beautiful print style headlines without having to resort to raster images.   Interactive Geographical Map with SVG and JavaScript Bringing your map to life with SVG and javascript.   SVG load with Service Worker Using Service Workers to sprite up SVG icons to improve performance on subsequent loads and avoiding extra http requests. Resources & Presentations Flexbugs A community-curated list of flexbox issues and cross-browser workarounds for them  Building an Offline Page for theguardian. com If you haven't seen the offline crossword puzzle that uses Service Workers then you definitely should! Going through a tunnel, never mind they've got you covered. This presentation is the overview on how it was done.   What Web Can Do Today "The Web can't do . . . . . . " said the native app fan. Well now the web can do quite a lot of things. . . check out what is ready with code examples for web and native.   U. S. Digital Service (podcast) With the gov. uk site leading the way in design we see the U. S following along and developing a US Web Design Standard. Check out the other RWD Podcast to learn more about how they approached it.
 
   

Prilagodljiv veb dizajn, izveštaj o zdravlju interneta, Besplatna Wolfram mašina za programere

 

 

 

Naslov Izveštaj o „zdravlju“ interneta 2019. godine Mozilla je sastavila kompilaciju istraživanja iz 2019. godine i objašnjava šta je ključ za zdraviji internet u pet pitanja: Da li je bezbedan? Koliko je otvoren? Ko je dobrodošao? Ko može da uspe? Ko ga kontroliše? Takođe u žiži interesovanja su AI, moć gradova i način na koji možemo osmisliti digitalne oglase. Članci Stanje fluidne veb tipografije Matej je napisao bolju divnu tipografiju za bolji veb i u ovom članku detaljno razmatra kako možemo da budemo fluidni i da menjamo veličinu onoga što unosimo 2019. godine. Razumevanje komprimovanja slike: Alatke i kontekst Svi volimo brzi veb sajt, a jedna od stvari koja usporava stranice je učitavanje ogromnih slika koje nisu optimizovane. Postoje dva načina za komprimovanje slika, ručni i automatski, a u ovom članku Jens će pogledati šta se dešava. Kako da rešimo previše složenosti u dizajnu proizvoda Verovatno se svima desilo da se nešto što radimo otelo kontroli tokom vremena i nije jednostavni koncizni proizvod koji ste prvobitno planirali. Alternativno, možda ćete naslediti nečije remek delo ili katastrofu. U ovom članku se razmatra proces vraćanja na jednostavnost i ponovno otkrivanje najboljih delova. Besplatna Wolfram mašina za programere Povremeno koristim Wolfram Alpha mašinu, ali nikada nisam razmišljao o tome da je koristim kao uslugu, odnosno barem ne da je plaćam za sporedne projekte ili programiranje. Sada imamo besplatan pristup mašini, a u ovom članku je objašnjeno zašto i kako možete da je koristite. HTML5, CSS3 I JavaScript za razvoj veb strana LINK KA KNJIZI I KORPA ZA NARUČIVANJE   Uputstva Fleksibilne tabele podataka sa CSS Gridom Detaljno uputstvo za kreiranje fleksibilnih tabela koje smo ranije tražili da bismo postigli JavaScript koristeći CSS Grid. „Unutrašnji“ problem Volim boju pozadine od ivice do ivice sa tekstualnim sadržajem koji je dobro pozicioniran unutra. Ali, onda želim da slika bude pune širine ili da imam dve slike jednu pored druge koje su izvan širine tekstualnog kontejnera. Chris će predstaviti različite scenarije i kako ih možete rešiti. Pristupačna dugmad ikona Kada Sara počne da piše članak, ona zaista napiše članak. Nedavno je pomenula da je započela ovaj članak kao kratku poruku, ali drago mi je što je članak postao osnovni sadržaj na vebu koji će se koristiti kao vodič za kreiranje pristupačnih dugmadi ikona. Skraćivanje višerednog teksta pomoću CSS-a -web-kit-line-clamp omogućava da odredite broj linija prikazanih pomoću CSS-a. Da li to znači da se dizajneri mogu izvući sa savršeno uniformnim elementima sadržaja u dizajnu stranice? Ne, ali je i dalje prilično kul. Uskoro pristiže podrška u Firefoxu. Resursi Da li mogu koristiti… lenjo učitavanje? Prošle nedelje (ili nedelju dana ranije) razgovarali smo o novom lenjom atributu učitavanja koji stiže. Sada je sve CRVENO, ali CanIUse ima podršku za nadgledanje monitora da biste znali kada je spreman (ali, zapamtite da ga još uvek možete progresivno implementirati). SCAR Postavite statične veb sajtove u sekundi - pomoću HTTPS-a, globalnog CDN-a i prilagođenih domena. Alatke Hucssley - UI atomična biblioteka korisnih klasa za brzu izgradnju korisničkog interfejsa Još od početka informatora sam u kontaktu sa Mattom koji je divan saradnik u zajednici. Iako nisam zadovoljan atomičnim CSS-om, kao što je Tailwind, Matt je odličan u onome što radi i kreirao je veoma dobro dokumentovanu alternativu. Ako je to ono što preferirate, obavezno pogledajte Hucssley. Tornis Tornis je mala JavaScript biblioteka koja prati stanje prozora za prikaz vašeg pregledača, pri čemu vam omogućava da reagujete kad god se nešto promeni. Aplikacija Concepts Još uvek volim aplikaciju „Paper by 53“, ali ovo je nešto na šta sam nedavno naišao i smatram da je mnogo naprednija verzija za skiciranje. Ova aplikacija je dostupna u iOS-u, Microsoftu i Google Play-u i možete je preuzeti besplatno da biste je isprobali. // sponzorisano Isporučite front-end funkcije brže pomoću platforme Mason Pomoću platforme Mason kreirajte softver za korisnički interfejs zasnovan na pregledaču za nekoliko minuta. Mason obezbeđuje front-end softverske funkcije kao servis koristeći komponente React i HTML5 prilagođene elemente. Isporučite front-end brže nego ikada i više se posvetite zanimljivijim izazovima pisanja koda. Isprobajte Mason besplatno.
 
   

Prilagodljivi veb dizajn ili 5 zašto je bitan *Responsive Web Desing*

 

 

 

Adaptivni veb dizajnMashable je 2013. godinu nazvao godinom adaptivnog veb dizajna. IsplativJednom platite i vaš sajt će se prilagoditi platformi na kojoj ga posetilac pregleda. Najbolje iskustvo korisnikaVaš sajt se prilagođava iskustvu korisnika koji mu pristupa sa jednog tipa uređaja, ali se i menja ukoliko korisnik promeni uređaj. Spreman za sve buduće poduhvateMobilnost u komunikaciji se neprekidno menja. Vaš sajt je bezbedan jer mu je proneljivost ugrađena. ANDYSOWARDS.
 
   

Primeri dizajniranja podnožja ili futera veb sajtova - danas Jarad Johnson

 

 

 

Podnožje sajta dizajnera Jarada JohnsonaJarad Johnson. Primer mejlaUkoliko želite da pošaljete mejl dizajneru, otvoriće se forma:Mada Š nije prikazano kako treba, sve ostalo je dličan spoj starog i novog.
 
   

Promena boje na sajtu CSS3 Files

 

 

 

CSS3 Files LINK. Za promenu boje kliknite belo dugme u Change Color, i dobićete: Metod objašnjavanja LINK.    
 
   

Promocija na koju ste pozvani - Knjiga eKupovina u Galeriji Ozon

 

 

 

eKupovinaPromocija knjige će se održati 20. marta 2012. godine u galeriji OZON, Andrićev Venac 12, u 19 časova. PersonalMag.
 
   

Pronađite razlike

 

 

 

Pokušajte da pronađete detalje po kojima se razlikuju ove dve fotografije. Kada ih pronađete napište nam šta ste pronašli tako što ćete pritisnuti na dugme „Ostavite komentar” ispod ovoga teksta. Izvor:http://amazingillusions. blogspot. com/2008/06/spot-difference-street. html Pripremio: Milenko Kusurović
 
   

Prvi pogled na knjigu SMASHING #2 o najboljim primerima moderdnog veb dizajna

 

 

 

SMASHING BOOK #2 Prvo poglavlje: Drugo poglavlje: Treće poglavlje: Četvrto poglavlje: Peto poglavlje: Šesto poglavlje: Sedmo poglavlje: Osmo poglavlje: Deveto poglavlje: Deseto poglavlje: Rezervišite svoj primerak na vreme. Knjiga koju svako treba da ima u svojoj biblioteci ili na svom stolu.    
 
   

Revitalizovan projekat Mreža kreativnih ljudi

 

 

 

Mreža kreativnih ljudi MREZA.
 
   
Veze, linkovi
Linkedin Twitter Facebook
 
     
 
© Sva prava pridržana, Kompjuter biblioteka, Beograd, Obalskih radnika 4a, Telefon: +381 11 252 0 272