Posts Tagged ‘Frameworks’

We are pleased to present below all posts tagged with ‘Frameworks’.

Rapid Prototyping For Any Device With Foundation

Editor’s note: This article is the second piece in our new series introducing new, useful and freely available tools and techniques presented and released by active members of the Web design community (the first article covered PrefixFree, a new tool be Lea Verou). ZURB are well-known for their wireframing and prototyping tools and in this post they present their recent tool, Foundation, a framework to help you build prototypes and production code that’s truly responsive.

screenshot

You’ve probably already heard about responsive design, which is website design that responds to the device constraints of the person viewing it. It’s a hot topic right now, and with good reason: alternative devices outsell desktop PCs 4 to 1 already, and within three years more Internet traffic in the US will go through mobile devices than through laptops or desktops.

All of this is forcing a convergence on what Jeremy Keith calls the “one Web”: a single Web that doesn’t care what device you’re on, how you’re viewing content or how you’re interacting with it.

Read more...

Getting Started With PHP Templating

In the early days of PHP applications, “spaghetti code” was a familiar sight. Fragments of PHP code were mixed in with HTML mark-up. There were no frameworks, so Web applications were just a bunch of source files. As the PHP language matured, developers started to think about the cleanliness and maintainability of their code. The model-view-controller (MVC) pattern was introduced.

MVC is a software architecture that allows for the separation of business logic from the user interface. In this architecture, the user sees and interacts with the view that, in the case of Web applications, is generated HTML code (along with JavaScript, CSS, images, etc.)

Read more...

Poll: Which Framework Would You Recommend To A New Developer?

When I started developing websites, back in the days when we wrote HTML proudly in uppercase, Web development frameworks didn’t really exist in the form we have today. I’m sure I’m not the only one who could dig out a folder of “include” files that helped me handle repetitive coding functions such as interacting with databases and forms.

Today, we can choose from a huge array of frameworks, which provide us with different approaches to creating websites. If you are like me, you probably just ended up using a framework either because your job required it or because you like trying out new technologies and found one that works for you. But if you had to choose anew today, which would you pick?

Read more...

An Introduction To LESS, And Comparison To Sass

I’ve been using LESS religiously ever since I stumbled upon it months ago. CSS was never really a problem for me, in and of itself, but I was intrigued by the idea of using variables to create something along the lines of a color palette for my websites and themes. Having a color palette with a fixed number of options to choose from helps prevent me from going color crazy and deviating from a chosen style. The main difference between LESS and Sass is the way in which they are processed. LESS is a JavaScript library and is, therefore, processed client-side.

Sass, on the other hand, runs on Ruby and is processed server-side. A lot of developers might not choose LESS because of the additional time needed for the JavaScript engine to process the code and output the modified CSS to the browser. There are a few ways around this. The way I get around it is to use LESS only during the development process. Once I’m finished, I copy and paste the LESS output into a minifier and then into a separate CSS file to be included in place of the LESS files.

Read more...

Freebie: Responsive jQuery Slider Plugin Flexslider

When it comes to responsive design, it's not just about fluid images or adaptive layouts. It's also about the responsive methodology behind the entire design process. In responsive design, we are creating responsive experiences, meaning that all design components need to be able to adapt to the environment in which they are displayed and have to interact with.

This is why we create tables, navigation menus, videos and other design elements responsive as well (see Responsive Web Design Techniques and Design Strategies for more details). It just makes sense to consider each and every design component — including the image slider.

Read more...

Create An HTML/CSS Mobile Web App Using Sencha Touch

The world of mobile app development is quickly becoming a crowded and complicated space, especially for those outside of the development niche. “Which development platform should I use?” “Do I go native or Web-based?” “Which devices should I plan for?” “Can I build my mobile website by hand or should I use a pre-built package?” The questions are endless.

screenshot

As a designer, my job is to help my clients answer these questions. I try to stay in the category of “knowing enough to be dangerous,” and I keep tabs on the latest mobile development trends, one being the growing popularity of mobile Web apps.

Read more...

20 Stunning Illustrations of US Soldiers

What happened yesterday in Fort Hood, Texas was devastating. A madman went on a shooting rampage inside an Army base and after all was said in done, 12 people were killed and 31 others were wounded. This is really a sad moment in our country. I for one am devastated just thinking about it. One of my cousins is in Iraq right now, serving our country.

Well, I wanted to honor those who died and I was thinking of something that I could do, so I decided to blog about it. Here are 20 stunning illustrations of US Soldiers. Hopefully, while viewing these illustrations, we can remind ourselves of the great and ultimate sacrifice that these soldiers have given us. Let us also spend a moment to think about all those families who have just lost a loved one.

Read more...

↑ Back to top