Monday, July 20, 2015

Soane Capital

Soane Capital is a small specialist team that provides bespoke development finance to the finest developers for the creation and construction of the finest residences.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Rozo Systems

Software-Defined Scale-out NAS – Get both High Availability and Real-time Performances at only half the Cost


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Sami Food

Italian food tradition. The mission of the Sami srl is that, thanks to its own brand, thanks to the experience of the owner Pier Luigi Montorsi and his team, to make known the Prosciutto Crudo “The Pig”


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

web design kerala

web design kerala, web design company kerala, web design cochin, web design company cochin


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

imEvent – Event Landing Template

imEvent is specially crafted to deliver a landing theme for event, conference, expo, summit, exhibition, you like to promote. It was featured by Themeforest judges and have been awarded a Honorable Mention on awwwards!


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Defensive Programming in PHP

Finagle’s Law of Dynamic Negatives:
Anything that can go wrong, will - at the worst possible moment.

Lightbulb with shield inside it

What Does “Defensive Programming” Mean?

Defensive programming, simply put, is programming with the intent to anticipate likely failure points. The goal is to circumvent those likely problems before they occur. You see the problem, right? There’s something inherently difficult with the advice “expect the unexpected” and it’s made many times worse when one alters it to “expect the unexpected and try to prevent it”.

Let’s look at some practical examples.

Continue reading %Defensive Programming in PHP%


by Jeff Smith via SitePoint

CoDesign Tools: Is it Time to Switch?

Should You Shouldn't You

When it comes to web design, most of the actual design is still done with tools like PhotoShop and Illustrator, and only later translated to code.

We seem to be stuck in a time warp - still using graphic design tools for web design.

Designing for the web is a whole different ball game. The nuances are different from general graphic design. Designing a layout that’s responsive, designing for conversion, designing for user experience are all part of the game.

And yet we're stuck using tools from the last century (well, almost) for modern web design. Isn't it high time we moved on to more modern tools, that were actually meant for web design?

In the past, Wix, Weebly and a host of other website builders hit the scene, but left much to be desired in terms of design freedom (and many other aspects!). Collectively, they left such a bad taste that many web designers shun any kind of website ‘builder’ tool even today.

But perhaps it’s time to revisit that.

In the last few years, there’s been a bunch of new ‘website creation’ tools that have cropped up. Tools like FROONT, Webflow, Macaw and Webydo that have been created specifically for web design. Leigh Howells calls them 'CoDesign tools' - tools that let you design for the web AND create the website (aka code) for you as you design.

That’s a radical thought for some. We're so ingrained into a our own ways of working, that it's difficult to comprehend an alternative method - with tools that let you create live websites instead of just mock ups and generate the code for you as you go along.

While I'm thrilled at the prospect of shortened development cycles and faster turnarounds, let's really evaluate the pros and cons to using these CoDesign tools.

(In a separate article, I'll compare some of these tools, so that you can better decide for yourself whether they're worth a try. In the meanwhile, you can grab a good summary over at SmashingMagazine and DavidWalsh )

Benefits to Using CoDesign Tools


1. You're working with the real web-flow. Not just creating pictures of websites. Though many these tools imitate PhotoShop's user interface, here you're not just making static designs. You have to actually create the elements, the divs and style them with real CSS - albeit using a PhotoShop like interface instead of writing code. You're designing in terms of real HTML elements.

This forces to think about how the layout will flow, how the containers will be placed and the overall complexity of your design. No more coming up with complex, contorted designs that just don't translate to code. All without actually writing a line of code. This is great for designers keen to learn more about their craft and eager to do real web design.

2. No more showing off mock ups. You can demo live websites! You no longer have to keep sending a bunch of psd files to clients and then try explaining to them how things will look just a little different on the real website.

In fact, you don't have to send a bunch of psd files back and forth to the developer either. And no more begging and pleading for quick code changes just before the demo.

These new age tools generate the code for you, as you go along. Meaning, you have a real live website from day one that you can demo to clients, that you can tweak as you want, when you want. And the changes are visible almost immediately.

Webflow

3. Faster, more productive Design & Development cycles. Though this follows directly from #1 and #2, it needs to be stated explicitly. Can you imagine the amount of time saved without the multiple iterations back and forth between designers and developers?

While these tools do generate the code for you, it may not be fully compliant (Webflow is the only tool that generates compliant code) and will require some amount of editing - meaning you do still need to work with a developer, but the coding cycles will be shorter and faster, as will the number of iterations between designer and developer.

4. Your design holds truer to your vision. Remember the time when your developer told you the amazing feature you included couldn't be coded? Or when the live website turned out to be so way off your design and left you wondering what went wrong in the translation from psd to code? Well, all that's now history. With these codesign tools, you're actually creating the live website, code and all. You see the real website upfront - it's tangible from day one. You have full control over your design, and your website.

Froont

5. Responsive is just waaay easier. I left the best for last. No more making multiple mockups for different device sizes. No more fumbling about as you try to explain the layout transitions across different device and viewport sizes to the developer. And no more struggling with media queries. Each of these tools make it easy to build in the layout transitions at just the right breakpoints, all with a few clicks. Didn't I say this was the best part!

6. No coding required. Didn't I mention these tools generate the code for you?

Macaw

When to Avoid Them

But it's not all a cake walk. These tools are still developing and have some way to go before they take over PhotoShop and WordPress. If you have any of the following needs, or limitations, you may be better off sticking with your current tools and workflow.

Continue reading %CoDesign Tools: Is it Time to Switch?%


by Richa Jain via SitePoint