background preloader

Westciv - tools & resources for web professionals

Westciv - tools & resources for web professionals
Related:  HTML5/CSS3/JS

Good-Tutorials - Newest Tutorials Coder's Guide | Learn to code for free online! | Coder's Guide Display:inline, webdesign et développement web 80+Download Free CSS/HTML Templates Layout 2010 « CSS Templates - FreshDesignWeb All professional free CSS/HTML templates for easy design website. It is important for web designer to find new CSS/HTML layout web templates to improve the ideas design, However, the templates was used by other already but they take some part of the templates to create new one by mix more templates together. If you are looking best html and css templates to create your website. You may like my favorite collected html/css templates for purpose such company, product, service, business, shop, wedding, restaurant, portable, electronic shop, book store, jewelry shop, medical clinic, beauty and real estate…etc. It released for free download. The CSS templates layouts was design by Cascading Style Sheets (CSS) to make professional website design and also improve website performance. i hopeful that this collection will save you some time in your design and development. You may like this: Free HTML5 Templates Caprice – Free HTML Template Demo More Info Affection Free CSS Template Demo More Info Digy

HTML Lion - HTML,CSS,XML,JavaScript,jQuery PleaseWait | A Loading Page for your SPA by Pathgather To Use Step 1: Install bower install please-wait npm install please-wait Step 2: Include in your HTML Include the please-wait.css file in your <head> tag/in your normal workflow. You can include the please-wait.js file at the end of your body, but above your other <script> tag(s) if you like. Step 3: Hide initial HTML flash Optional: If your initial template has some styled HTML by default (like a toolbar), you'll probably want to hide that, or your users could see a quick flash of your normal template, followed by the loading screen. Step 4: Show the loading screen As soon as possible in your app, call pleaseWait to trigger the loading screen. backgroundColor - Needs to be a valid CSS color. logo - The URL to a logo to display. Step 5: Close the loading screen Whenever you're app is ready for the user, call finish() on the returned object from the pleaseWait call. Bonus Section!

30 Inspiring Niche Photography Websites to Explore | Speckyboy Design Magazine Photography is a vast and ever changing creative industry that is closely linked to graphic design. Everywhere we go we see photography on billboards, posters, websites and the news. Below are 30 inspiring photographer or photography related websites. These websites illustrate a variety of creative methods to present the same thing: photographers and their work. Photojournalism Websites Burn Magazine Mike Ross Photos Great Photojournalism Rethink Dispatches Noor Images McCall Studios Advertising Photography Websites Marge+Casey Associates Vendrame Tim Tadder Sonja Muller Ciril Jazbec Cake Factory Wedding Photography Websites Josevilla Photography Karen Wise Luna Pics Photography Bentley Gray Photography Elizabeth Messina CM Photography Manipulated Photography Website Dark City Revisited Blue Chimp Ivan Bajic Garrigo Sastudio Erik Johansson Glamour and Fashion Photography Websites Gavin O’Neill Tarunkhiwal Celebrity Photography Marcollins Photography James Hickey Studio Photography Gabriel Lerigon

Showdown! 5 Online Image Compression Tools Compared Photo: tncountryfan Last year the HTTP Archive Report released the disturbing news that average page size on the web had increased 32% (to an average of 1.7Mb) in 2013. If that is even close to correct, it’s astonishing news. Although, predictably, JavaScript, HTML and CSS all increased, more than half the increase was accounted for by imagery. It was a case of more pixels, bigger files and more of them. While in some rare cases there isn’t a lot you can do to cut the size of an image, thanks to increasingly clever compression algorithms, more often than not you can drastically reduce the file size with minimal to no image quality loss. As you might expect, not all compression tools are created equal. Some graphic programs come with image compression tools on their own. Of the many standalone image compression tools, I’ll review online tools only. In order to make the comparison as fair as possible, I’ll use the same images across the services. 1. 2. 1. TinyPNG Original image – 445KB 2. 3. PX to EM conversion made simple. 50 Examples of Creative 404 – Page Not Found Pages | Speckyboy Design Magazine There are two ways you can go when designing a 404 page for your website – you could go the sensible route and make it usable and try to help the reader find exactly what they were looking for or, you could design a 404 page that not only defines the character of the web site or the designer, but also makes it a pleasure and surprise. Its amazing the effect a sprinkle of humor and some creativity can have on someone and it will certainly make your site that little bit more memorable. Below, we have a collection of sites with original, creative and generally humorous 404 pages. South Park Studios Dilbert Website Blizzard Entertainment Future of Web Design London Popscreen Carsonified 404 Chris Jennings 404 Twurn Houston, we have a problem! Henrik Hedegaard – WOOPSIE DAISY! Wufoo Page Not Found Jamie Huskisson 404 Tele2 404 – Page Not Found What the Dickens…? Suspended Animations Oops! YouCastr – Woops! Acro Media Inc – Dude, we can't find that page! Content Not Found : The New Yorker

CardView Grab it on github or check out the online demo. This is something I wanted to add to the SwipeView but while working on it I realized that they were two pretty different concepts and code bases. The purpose of the widget is to let you browse through a potentially limitless collection of items, a bit like a rolodex. Here urges an explanatory video. Nothing particularly mind blowing but the good part is that it uses just three elements to handle an infinite list of items. The control is of course targeted to mobile devices –or small screens anyway– and memory footprint was my main concern. CardView is a class that you can initiate like so: The first option is the “deck” wrapper, the DOM element that contains the three cards. The second option is an object you use to configure the control. effect is the visual effect used to flip the cards. direction is the direction of the swipe the control reacts to. dataset is an array which contains all your cards data. Your wrapper would look like this:

45 Free eBooks for Developers and Designers | Speckyboy Design Magazine Over the past year or so we have published several articles featuring a selection of the best free ebooks for web designers, with each post proving very popular and highly resourceful. Sadly, since then some of the fantastic ebooks we previously featured are no longer available or are no longer been offered as a freebie. But looking on the positive side many new web design ebooks have been released and, as you will see within this post, there are also a few ebooks, recommended by our readers, which we missed in those previous articles. Just as we did with the previous posts we have not offered a critique of each book only a description of the content, as we feel that if someone spends so much valuable time writing an entire specialized book and then offer it for free, in our eyes they deserve only praise and appreciation. All of the 45 books in this post are completely FREE and can be either downloaded in digital format (PDF) or viewed as a web page (HTML). Better CSS Font Stacks →PDF →

Journal Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater.