WebDev Computer Science & IT
9.3K views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Rescooped by Marek Moskal from Web Development
Scoop.it!

CSS Grids, Flexbox And Box Alignment: Our New System For Web Layout

    Editor’s note: Please note that this article is quite lengthy, and contains dozens of CodePen embeds for an interactive view. The page might take a little while to load, so please be patient. Layout on the web is hard. The reason it is so hard is that the layout methods we’ve relied on ever since using CSS for layout became possible were not really designed for complex layout. While we were able to achieve quite a lot in a fixed-width world with hacks such as faux columns, these methods fell apart with responsive design. Thankfully, we have hope, in the form of flexbox — which many readers will already be using — CSS grid layout and the box alignment module. In this article, I’m going to explain how these fit together, and you’ll discover that by understanding flexbox you are very close to understanding much of grid layout. The post CSS Grids, Flexbox And Box Alignment: Our New System For Web Layout appeared first on Smashing Magazine. https://goo.gl/lVZVh8
via http://www.remelehane.me
Via Reme Le Hane
more...
No comment yet.
Rescooped by Marek Moskal from Ruby on rails
Scoop.it!

Learn Ruby With This Collection Of 29 Great Online Courses And Tools - Lifehacker Australia

Learn Ruby With This Collection Of 29 Great Online Courses And Tools - Lifehacker Australia | WebDev Computer Science & IT | Scoop.it
Learn Ruby With This Collection Of 29 Great Online Courses And Tools Lifehacker Australia In addition to free and paid interactive lessons and videos, you'll find eBooks, code challenges, Ruby gems and forums to further your education — along with...

Via Max Pi
more...
No comment yet.
Rescooped by Marek Moskal from Web2.0 et langues
Scoop.it!

::: Piqtur ::: préparation d'images pour le web ou la publication

::: Piqtur ::: préparation d'images pour le web ou la publication | WebDev Computer Science & IT | Scoop.it

Via La prof d'arpla, Chris Jaeglin
more...
La prof d'arpla's curator insight, May 9, 2013 7:56 AM

::: PRÉPARATION D'IMAGES

► NIVEAU : 1    ► CRÉATIVITÉ : +  

    !! in english !!

Donnez un petit look sympa et tendance à vos images avant de les intégrer dans une publication ou sur le Web.

Quand vous verrez "Drop Image Here", glisser-déposer une photo (pas très volumineuse : 1000 pixels) puis vous aurez accès à PERSPECTIVE (impression 3D), REFLECTION (reflet vers le bas), SHADOW (ombrage), CORNER (les bords) et STROKE (contour). Pour finaliser, cliquer sur EXPORT.

Rescooped by Marek Moskal from Bazaar
Scoop.it!

ruby on rails | ruby tutorial | learn ruby | ruby rails | w3schools

ruby on rails | ruby tutorial | learn ruby | ruby rails | w3schools | WebDev Computer Science & IT | Scoop.it
ruby file, ruby ide, ruby csv, ruby each, ruby split, ruby for loop, ruby enumerable, array ruby, ruby unless, ruby sort, in ruby, tutorials
Via Club de TeleMatique
more...
No comment yet.
Scooped by Marek Moskal
Scoop.it!

An In-Depth Introduction To Ember.js – Smashing Magazine

An In-Depth Introduction To Ember.js – Smashing Magazine | WebDev Computer Science & IT | Scoop.it
With the release of Ember.js 1.0, it’s just about time to consider giving it a try. This article aims to introduce Ember.js to newcomers who want to learn about the framework.
more...
No comment yet.
Scooped by Marek Moskal
Scoop.it!

Designers: Start Coding With uilang – Smashing Magazine

Designers: Start Coding With uilang – Smashing Magazine | WebDev Computer Science & IT | Scoop.it
This article introduces the philosophy and syntax of uilang. We’ll start with a simple example to get you comfortable with the basics, before moving to something more exciting. At the end of this tutorial, you’ll (hopefully!) be able to code many typical interface widgets, such as popovers, tabs, overlays and much, much more.
more...
No comment yet.
Rescooped by Marek Moskal from AngularJS
Scoop.it!

Creating a simple hybrid app with AngularJS, Ionic Framework and Apache Cordova

Creating a simple hybrid app with AngularJS, Ionic Framework and Apache Cordova Phonegap is Easily create apps using the web technologies you know and love
Via ANKO Tech
more...
No comment yet.
Rescooped by Marek Moskal from AngularJS
Scoop.it!

Local Webserver for AngularJS and Javascript Apps

Try AngularJS: http://joincfe.com/projects/try-angularjs-15/ Guide: http://joincfe.com/guides/ Ask your questions here: http://joincfe.com/knock Up vot
Via ANKO Tech
more...
No comment yet.
Rescooped by Marek Moskal from JQuery-Features
Scoop.it!

ajax - How can I upload files asynchronously with jQuery? - Stack Overflow

Here is a very interesting discussion on the StackOverflow forums about using JQuery to build an asynchronous file upload component. People propose many different solutions such as Flash, a hidden IFrame, or to using HTML5. Although the discussion happened some time ago between 2008 and 2009, it is still relevant and interesting to read today.


Via Justin Cooney
more...
No comment yet.
Rescooped by Marek Moskal from Web Development
Scoop.it!

Picnic CSS: A beautiful, lightweight library

Picnic CSS is a beautiful, lightweight library. It gives native HTML elements a boost so you don’t need to write presentation classes mixed with your html. http://goo.gl/9lnYHD
via http://www.remelehane.me
Via Reme Le Hane
more...
No comment yet.
Scooped by Marek Moskal
Scoop.it!

WebAppers - Best Free Open Source Web Resources

Dedicated to share top quality open source resources for web developer and web designer daily
more...
No comment yet.
Scooped by Marek Moskal
Scoop.it!

Blog - RubyBeginner.com

Blog - RubyBeginner.com | WebDev Computer Science & IT | Scoop.it
Testing your Ruby App in the cloud using a Cloud IDE Why run your ruby code in the cloud? Running code in the cloud and seeing the results is useful for a number of reasons. 1. Collaboration. You can edit code and have someone else review and update it and teams can work on the Continue Reading →
more...
No comment yet.
Scooped by Marek Moskal
Scoop.it!

install | installed | installing | ruby installer | ruby download

install | installed | installing | ruby installer | ruby download | WebDev Computer Science & IT | Scoop.it
rubyinstaller, ruby gem, install ruby, ruby set, ruby rails, ruby on rail, download ruby, gem install, gem install --pre, wikitechy
more...
No comment yet.
Rescooped by Marek Moskal from Ruby On Rails Tips
Scoop.it!

The Best Way to Learn Rails | Nettuts+

The Best Way to Learn Rails | Nettuts+ | WebDev Computer Science & IT | Scoop.it
I come from a PHP background, but these days, I'm a full-time Rails developer.

Via Ritesh Sahu
more...
No comment yet.
Scooped by Marek Moskal
Scoop.it!

Ember.js: A framework for creating ambitious web applications.

Ember.js: A framework for creating ambitious web applications. | WebDev Computer Science & IT | Scoop.it
Ember.js helps developers be more productive out of the box. Designed with developer ergonomics in mind, its friendly APIs help you get your job done—fast.
more...
No comment yet.
Scooped by Marek Moskal
Scoop.it!

uilang

A minimal, UI-focused programming language for web designers.
more...
No comment yet.
Rescooped by Marek Moskal from Time to Learn
Scoop.it!

Comment sauvegarder entièrement son site #WordPress avec l’extension BackWPup

Comment sauvegarder entièrement son site #WordPress avec l’extension BackWPup | WebDev Computer Science & IT | Scoop.it

Dans ce tutoriel, nous verrons comment utiliser l’extension BackWPup. Celle-ci est développée par l’agence allemande MarketPress et elle permet de sauvegarder intégralement son site WordPress.


Via Frédéric DEBAILLEUL
more...
No comment yet.
Rescooped by Marek Moskal from NodeJS
Scoop.it!

Node js Crash Course (for .NET Developers)

Node js Crash Course for NET Developers Node.js is a compelling platform that is quickly spreading from startups to the enterprise. Node.js strategicall
Via ANKO Tech
more...
No comment yet.
Rescooped by Marek Moskal from ReactJS
Scoop.it!

React js Tutorial: Now is Your Time to Try It, Right in Your Browser ...

React js Tutorial: Now is Your Time to Try It, Right in Your Browser ... | WebDev Computer Science & IT | Scoop.it
In this tutorial about React I want to teach you some of the best practices of using it in real world applications. If you didn't heard about React, then you can learn more about it on their site. Anyway without opening the link, ...

Via Nimesh
more...
No comment yet.
Rescooped by Marek Moskal from Ajax Tutorial Beginner
Scoop.it!

Getting Started

Getting Started | WebDev Computer Science & IT | Scoop.it
This article guides you through the AJAX basics and gives you two simple hands-on examples to get you started.

Via ajax tutorial
more...
No comment yet.
Rescooped by Marek Moskal from Javascript CSS HTML
Scoop.it!

Building Great Mobile Websites Quickly with jQuery Mobile

www.webvanta.com - jQuery Mobile is a fantastic framework for quickly building polished mobile websites. The Webvant hosted CMS includes built-in support for...

Via tutorialsblogs
more...
No comment yet.
Rescooped by Marek Moskal from JavaScript for Line of Business Applications
Scoop.it!

React Tutorial using MERN stack

React Tutorial using MERN stack | WebDev Computer Science & IT | Scoop.it

This is a step-by-step tutorial that will help you get up to speed with React quickly, and also build a complete app with the MERN (Mongo-Express-React-Node) stack. You'll also learn other tools that you typically use to build an app: Gulp, Browserify, Material-UI and React-Bootstrap.


Via Jan Hesse
more...
No comment yet.
Rescooped by Marek Moskal from JavaScript for Line of Business Applications
Scoop.it!

16 Opensource EmberJS Projects for Reference

16 Opensource EmberJS Projects for Reference | WebDev Computer Science & IT | Scoop.it
A set of open-source EmberJS projects for people who are in their initial stage of learning Ember & are in search for reference projects

Via Jan Hesse
more...
No comment yet.