Pingendo – An IDE With Built-in Support For Front-End Frameworks
Pingendo is a fresh IDE that is currently in beta status and available for Win + Mac . It is currently free (can become paid after the beta – no info on that) and focuses on easing web authoring....
View ArticleIs the Web Ready for Responsive Web Design?
Advertise here via BSA The Mobile Playing Field Today, a large portion of site traffic comes from mobile devices—namely smart phones and tablets—in addition to traditional PCs. Across the globe,...
View ArticlePure CSS & Responsive Icon Set – Cikonss
With icon-fonts, it became clear that, soon, we’ll no longer be using any images for icons. Cikonss is a one more step further in icon usage as it uses no fonts but the items are created with pure CSS...
View ArticleCSS Animations With Impressive Effects – Magic
We see lots of impressive CSS3 demos regularly: flipping, rotating or sliding items and more.. Magic is a stylesheet that includes many of these CSS effects (also mentioned that “more will be added”)....
View ArticleCSS Animations With Impressive Effects – Magic
We see lots of impressive CSS3 demos regularly: flipping, rotating or sliding items and more.. Magic is a stylesheet that includes many of these CSS effects (also mentioned that “more will be added”)....
View ArticleAdapting To A Responsive Design (Case Study)
This is the story of what we learned during a redesign for our most demanding client — ourselves! In this article, I will explain, from our own experience of refreshing our agency website, why we...
View ArticleA Modern, Extensible & Free IDE – KineticWing
KineticWing is a free IDE that is lightweight, portable and works on all major operating systems (Mac support is mentioned to be coming soon). It is not a complicated IDE but more like a smart text...
View ArticleMedia Queries Are Not The Answer: Element Query Polyfill
Responsive Web design has transformed how websites are designed and built. It has inspired us to think beyond device classifications and to use media queries to adapt a layout to the browser’s...
View ArticleMy (Simple) Workflow To Design And Develop A Portfolio Website
Please notice that this article is targeted at newcomers to the industry rather than seasoned designers and developers. The point of the article is to provide a general guide to building...
View ArticleAwesome Modal Window Effects with CSS Animations
Advertise here via BSA Codrops has shared some amazing ideas for nifty modal window effects with us. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to...
View ArticleMinimit Anima: Hardware Accelerated CSS3 Animations
Advertise here via BSA Minimit Anima is a jQuery plugin to animate with transforms and transitions . It’s hardware accelerated css3 animations which is built to have fast animation execution, and it...
View ArticleA Set Of Exciting Transitons With CSS: elementTransitions.js
Lately, Codrops had published an article that was sharing a list of page transitions. The article consisted of transitions that move, fade, scale, rotate or slide elements . Daniel Silver has wrapped...
View ArticleA Set Of Exciting Transitons With CSS: elementTransitions.js
Lately, Codrops had published an article that was sharing a list of page transitions. The article consisted of transitions that move, fade, scale, rotate or slide elements . Daniel Silver has wrapped...
View ArticleShow Interactive Books using CSS 3D Transforms
Advertise here via BSA Codrops has shown us a creative way to show animated books using CSS 3D Transforms . You can see two types of book designs: hardcover and paperback. Both were made to be easily...
View ArticlejQuery Plugin Animates Buttons when Loading
Advertise here via BSA Loda Button is a simple jQuery plugin animates the button’s icon as the data are being fetched from the server . The classes loda-btn and loda-icon are used by the plugin to...
View ArticleA Responsive jQuery Gallery with CSS3 Animations
Advertise here via BSA S Gallery is a Responsive jQuery Gallery Plugin with CSS3 Animations . It makes use of HTML5?s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3...
View ArticleA jQuery Plugin For Responsive Image Galleries With CSS3 Effects – S Gallery
S Gallery is another jQuery image gallery plugin that displays images in a responsive grid. It is inspired from the gallery in Sony’s product pages (which is made with Flash) and mimics that...
View ArticleRetina-Friendly Photoshop Slicing With “Cut&Slice Me”
Adobe Photoshop is constantly evolving; new features are added with each release, while existing features are improved. There is, however, one area which is still quite outdated; the way we slice our...
View ArticleSimple Responsive Images With CSS Background Images
With all the talk of new HTML5 standards such as the srcset attribute and element, as well as server-side techniques such as Responsive Web Design + Server Side Components (RESS), you'd be...
View ArticleTeaching Web Design To New Students In Higher Education
? ? The Web is evolving rapidly. Front-end Web development has been majorly affected by recent changes in coding techniques and approaches. In 2003, a competent front-end Web developer would have...
View Article