Shared posts

10 Sep 07:31

DAVI - Le collaborateur virtuel

Le web 3.0 sera celui des interfaces homme-machine humanisées et des technologies sémantiques. Grâce à sa plateforme d’intelligence artificielle et ses androïdes, DAVI dispose d’une plateforme technologique qui propose de nouveaux parcours client et crée une expérience utilisateur unique.
03 Sep 23:08

The ultimate guide to flat design

by Carrie Cousins

thumbnailIt is easy to say that 2013 has so far been the year of flat design.

Even Apple, the driver of the skeuomorphic design trend for many years, is trying some level of flat design when it releases iOS 7 later this year.

So are you ready to try it out as well? Not sure how to get started? WebdesignerDepot is here to help with a guide of flat design resources. We’ve put together a giant list of everything flat design, from free UI kits to color palettes to typography options.

If you want to test the flat design waters or swim out a little deeper, we have everything you need to get started, from ready-made tools to tutorials for the do-it-yourselfer.

 

Flat design 101

Flat design is a style that lacks the “tricks” designers often use in order to create a realistic or three-dimensional effect. The style is characterized by an overall minimalistic look, bright but muted colors, bold — often retro — typography and simple user interface elements such as buttons or icons.

Flat design techniques avoid embellishments such as bevels, embossing, drop shadows, gradients or artificial textures.

The design style is hugely popular for simple websites that only include a few pages and for mobile applications. Flat design has also been criticized for its overall simplicity, use of illustrations (that some label as cartoonish) and a user interface style that can be difficult for some users to understand.

Animation is typically avoided in flat design projects and large images are in. In minimal design schemes, designers often give plenty of room to the content, allowing it to tell the story in a simple, direct manner.

Several other trends have begun to emerge out of flat design: “almost flat design”, “long shadow design” and a re-emphasis on the always popular minimalist design.

“Almost flat design” is based on flat design but may include some degree of minimal effect, such as a simple shadow inside of an element or basic gradient.

“Long shadow design” is used almost exclusively for icons and is exemplified by an image within an icon frame that has a tinted area that extends from the image; long shadows typically fall at 45-degree angles and include the same characteristics the rest of the flat design scheme.

Flat design has also brought an emphasis back to minimalist design, even for designers not using flat-style techniques. As part of the overall trend, there has been a re-emphasis on white space; color, sharp shapes and lines; and a return to simple and basic typography.

 

UI kits

User interface kits are a great way to get started with a flat design project.

Kits can save you time – important when following a trend – with a pre-designed package of parts. Most UI kits come in the Adobe Photoshop file format (PSD) and are fully editable if you are comfortable with the software.

The kits below range from simple, free kits to more comprehensive downloads with licensing options. The number of available flat-style UI kits is growing daily; we’ve complied a list that includes a number of varying styles.

When choosing a user interface kit, don’t get too hung up on color or color palette. Most kits include usable colors if you don’t have a palette in mind, but allow you to change the overall color scheme with just a few clicks. Save time by creating usable swatches before opening the kit so that you don’t have to type in manual color values for each change. Also consider using your color palette in the same way as the kit designer used the default swatches, mirroring color choices in tone, saturation and contrast for elements in the kit.

Featherweight UI (free)

Featherweight UI is a simple, retina-ready kit that includes a handful of sharp elements, including menus, a photo scroll, map, simple icons and scroll widgets. While the kit is not incredibly large it has an elegant style and plays up the more retro color theme often associated with flat design.

The ultimate guide to flat design

 

Polaris UI kit (free)

Another kit by Designmodo featuring a darker style package. This kit contains a variety of buttons and panels that mirror the look of the Windows flat user interface. While Polaris contains parts that are designed in the flat style, it also includes some elements in the skeuomorphic style.

The ultimate guide to flat design

 

Erste UI kit (free)

This simple UI kit contains a handful of basic elements, such as social login buttons, menus and a media player. The colors are characteristic of flat design, using a palette of primary hues.

The ultimate guide to flat design

 

FlatUI kit (free)

The kit designed by Freepik.com for WebdesignerDepot contains a large number of elements, from navigation to drop down menus to social sharing tools to e-commerce modules.

The ultimate guide to flat design

 

Flat UI (free)

This free kit from Designmodo — one of the first design groups to fully embrace the flat design trend — is a brightly-colored starting part. The kit includes hundreds of elements, including buttons, icons, color swatches and menu items.

The ultimate guide to flat design

 

Flat UI kit (free)

Riki Tanone’s kit of flat user interface widgets is a fun little pack containing parts that are a little more put together: a chart, media player, task wheel and counter. This is a great starter tool for imagining how to combine simpler UI parts into more complex items.

The ultimate guide to flat design

 

Metro UI kit (free)

The Metro UI kit is a colorful kit that embodies the concept of flat as reintroduced by the Windows phone. The colors and style are both reminiscent of the phone interface, with lots of colorful blocks and simple typography. The kit includes a calendar, stats, chart, icons, menus and search elements.

The ultimate guide to flat design

 

Monotone flat UI kit (free)

While using a variety of bright colors is a popular choice for many designers using flat design, monotone color palettes are equally characteristic of the trend. This UI kit by Sebastiaan Scheer includes a few simple elements and great graduations of color.

The ultimate guide to flat design

 

Vertical Infinity (free)

Vertical Infinity, by CSS Author, is one of the bigger free kits available and is retina-ready. The manageable kit includes everything from drop down menus to buttons to form elements to widgets and social icons. The style is basic without a lot of extras but would be easy to use in almost any application.

The ultimate guide to flat design

 

Lil UI kit ($6)

This UI kit by Lil Squid Design is almost a steal with so many matched pieces, including 18 categories of elements. The vector kit is customizable and was designed for visual simplicity and consistency.

The ultimate guide to flat design

 

Flat UI kit ($19)

Ideation Pro’s flat UI kit includes a handful of nice simple elements — icons, form fields and buttons — to help get a project going. The elements are perfectly matched, include bright colors and could work great for a simple mobile project.

The ultimate guide to flat design

 

Flat UI pro (from $39)

Flat UI Pro is Designmodo’s comprehensive UI kit featuring the flat style. The kit is made for Twitter Bootstrap and includes full PSD files for customization. The kit is fully responsive; contains a ton of elements, icons and glyphs; color swatches and is retina-display ready.

The ultimate guide to flat design

 

Flat UI PSD ($5)

While this kit is in the flat style, some elements could be considered “almost flat.” The buttons, for example, include a light shadow behind the text to provide a little more color contrast.

The ultimate guide to flat design

 

Square UI (from $39)

Square UI is a comprehensive UI kit from Designmodo with a large array of buttons and elements. This kit differs from some of the others because it breaks tradition with the color palette and uses a much darker scheme. The kit contains elements, navigation and hundreds of components. The kit downloads in an editable, layer format for customization and includes light and dark color palettes with pre-built swatch files. The elaborate kit looks less like a kit than many other options out there and is retina-display ready.

The ultimate guide to flat design

 

Flat icons

Flat-style icons are everywhere and you can grab many of these kits for free from a variety of places.

Like UI kits, most icon packs are delivered as a PSD download, making the icons easy to customize.

Many of the icons are designed in the specification and style for mobile device applications. These icons, though, have other uses as well and could make great website buttons.

When choosing a set of icons, look for kits that contain icons in size options the meet your needs. While some kits are drawn as vector shapes, others may come in set sizes that can result in a loss of quality if used too large. 

40 social media flat icons (free)

This comprehensive social media icon set has almost every popular network and website included in a beautiful icon set that uses both a flat style and long shadow design. Icons are set in a way that make each easy to identify and with a color outline that is sharp and distinct. Each icon is also available in four sizes – 32, 64, 128 and 256 pixels square. While you could customize this kit, it is unlikely you will need to.

The ultimate guide to flat design

 

Freebie PSD — flat icons (free)

This simple download includes complex icons in a flat style. These icons include a little more detailing and styling than most flat elements. This kit is available for PC download only.

The ultimate guide to flat design

 

12 flat SEO icons (free)

This set of social media icons is one of the brightest out there. The kit designed by Vladislav Karpov for WebdesignerDepot contains 12 icons, that showcases everything from SEO performance to copywriting to web analytics that use both the flat style and contain some long shadows. This kit would work great for a portfolio or agency site design.

The ultimate guide to flat design

 

Free flat icon set (free)

While many flat design schemes rely on high-color visuals, some designers are opting to keep icons more simple so they don’t compete with other elements and parts of the overall design. This small icon set (9 icons) features low color, low contrast elements for ease of application.

The ultimate guide to flat design

 

Flat file icons (free)

Every designer who builds a site that includes downloadable files needs a set of file icons. This quad of icons represents the most popular file options – upload, download, settings and charts. Or you can change out the center icons for your custom options.

The ultimate guide to flat design

 

Flat icons freebie (free)

Flat icons with rounded edges are some of the lesser used icons. This set does just that in a way the maintains the integrity of flat design. The kit includes nine icons for common elements, such as weather, mail and a calendar.

The ultimate guide to flat design

 

Flat social media icons (free)

No site is complete these days without a set of social media links. Designmodo’s kit contains 35 social media buttons for a variety of popular networks. The color scheme is bright and icon colors match the networks they associate with, creating an immediate visual cue.

The ultimate guide to flat design

 

PSD flat social icons (free)

This set of 16 social media icons uses both the flat style and long shadow design techniques. This kit also breaks outside the idea of square icons, with a mix of circle and square shapes with slightly rounded corners.

The ultimate guide to flat design

 

IconShock flat icons (from $19)

This might be the largest set of flat icons out there. With 3,600 icons in three size options, this kit has an icon for almost everything. It includes basic elements, file types, shapes, and common items. What it is missing are popular social media icons. It’s also free for personal use.

The ultimate guide to flat design

 

FlatIcons (from $30)

With various options that include multiple file formats, FlatIcons is one of the simplest and most comprehensive kits on the market. Every icon is built to customize in shape, size, and scale. Kits are built so that every icon matches perfectly every time, and comes with a great built-in search function so you can quickly find the icon you need. Files are distributed as both copiable CSS/unicode values or in PSD format.

The ultimate guide to flat design

 

Other flat elements

Sometimes you find the need for elements that aren’t part of any other kit. The flat style is being used for almost everything these days, including these useful tools.

Apple product templates (free)

Getting ready to unveil a new design and want to show it off inside of a device? The Apple template from MediaLoot is designed in the flat style, and is usable in a number of ways.

The ultimate guide to flat design

 

E-comerce flat web elements (free)

Although flat design has not been embraced by a large number of e-commerce sites simple sales sites could benefit from the simple buttons in this kit. From a chat module to cart and checkout buttons, this kit has enough basic elements to get started or to build on for an online retailer.

The ultimate guide to flat design

 

Flat credit cards (free)

It is important to pay attention to every detail when picking a design scheme, even something as small as these credit card icons. Maintaining consistency is key and these simple, credit cards are recognizable and fit into any flat design.

The ultimate guide to flat design

 

Friends list UI (free)

Create a neat and organized list with this UI PSD, designed for the iPhone interface. The coral color is quite common in flat design as is the simple sans-serif typography and icons.

The ultimate guide to flat design

 

Radial graph (free)

Charts and graphs can be some of the more complicated items to build from scratch. This radial graph PSD is an excellent getting-started tool. The colors and sizes are customizable and easy to change, thanks to this simple vector design.

The ultimate guide to flat design

 

Sign-up form (free)

Flat design is popular for website design touting something that is coming soon, from a full site to a mobile application. In both instances, this makes the use of a sign up form popular, making it easy to notify users when the site or application goes live.

The ultimate guide to flat design

 

Flat browser frames ($5)

Create a custom browser frame for screenshots in the flat style. (This is becoming commonplace for designers and sites that want to showcase upcoming applications.) This kit contains 10 different browser frame styles in vector format that can be used as-is or customized for a completely different look.

The ultimate guide to flat design

 

Flat design flyer template ($6)

Most websites include some sort of companion pieces, from business cards to posters or fliers. The Flat Design Flyer Template helps you convert your web design outline into a usable print piece in the same flat style. The flier comes in a print-ready template, complete with CMYK colors and a quarter-inch bleed.

The ultimate guide to flat design

 

Flavor business card ($6)

Match business cards to the idea behind the same flat design scheme from your website. The Flavor business card template comes in a standard size and is CMYK print-ready. Colors and fonts can be matched to your site design for a perfect piece.

The ultimate guide to flat design

 

Pricing tables ($4)

Even if the main purpose of your site is not sales, but you do offer products or subscriptions, pricing tables may be important to have. This set of monotone tables complements a variety of other flat design elements and is an item that a lot of UI kits do not include. This particular kit is built for Twitter Bootstrap.

The ultimate guide to flat design

 

WordPress Themes

Creating a great flat design website does not have to happen from scratch. WordPress theme designers immediately jumped on the trend and there are quite a few great paid and free themes available for download.

What’s nice about using a pre-packaged theme is that you can get your design and site up and running in almost no time. Quality themes will have a clean, clear consistent look. Opt for buying (or downloading) a theme that includes everything you need right “out of the box.” Think about whether your site should be responsive, needs e-commerce features or forms, if you want something that offers customization, retina-ready graphics, multiple- or single-page design and icon packs or inclusions. Make a list of wants and needs first to make finding the right theme that much easier.

Typically, the best options, support and flexibility come with a premium (or paid) WordPress theme. These themes often look more professional, have cleaner code and offer support that free versions often lack. However free themes can be a fun and simple way to start building a site. While these theme options can be limiting and offer only a small selection of the options paid themes include, they can be useful.

Duena (free)

Made for blogs, this theme is simple and uses a bright, creamy color palette.

The ultimate guide to flat design

 

Fizz (free)

This responsive flat-style theme uses clean lines and bright colors on alternating dark and light backgrounds. Some of the background images are a bit textured.

The ultimate guide to flat design

 

Current (free)

Current is perfectly flat in every aspect of the design and is designed as a gateway page for a new product.

The ultimate guide to flat design

 

Attitude (free)

This simple and professional theme in the almost flat style includes more options than many other free themes.

The ultimate guide to flat design

 

Bloq (free)

Bloq uses flat design and flat colors beautifully (and some of the icons even have long shadows).

The ultimate guide to flat design

 

Frontier (free)

This flat theme focuses on minimalism and includes a lot of add-ons such as banner ads and custom menus.

The ultimate guide to flat design

 

MetroBlog (free)

MetroBlog uses bright colors and tiling — characteristics of flat design — but also includes gradient color boxes, which make this blog theme almost flat.

The ultimate guide to flat design

 

Viper (free)

One of the better free e-commerce options available Viper has big, bold boxes for text and clear navigation.

The ultimate guide to flat design

 

SimpleCorp (free)

While this theme has some characteristics of flat design, the style is more almost flat (note the icons in particular).

The ultimate guide to flat design

 

BirdFlat (free)

A flexible blog theme with options for color and header styles.

The ultimate guide to flat design

 

SympalPress (free)

This free theme is anything but simple with nice shapes, almost flat icons and vibrant color and typography.

The ultimate guide to flat design

 

Tetris (free)

Tetris uses simple block-styles and cards for a simple site design. The look is great for sites with great images or visuals.

The ultimate guide to flat design

 

Argo ($40)

Argo uses tiling and a simple structure that can work for both portfolios or business sites. The WordPress theme features clean lines and simple menu items featuring flat components. It comes in three color options — green, orange and blue — featuring a monotone palette.

The ultimate guide to flat design

 

Business Essentials ($45)

This simple, yet classic theme is perfectly flat and works great for a business that is on top of trends. The modern style is simple and comes with all the essentials for a business site, including company profile pages, social icons and printable and PDF download functionality.

The ultimate guide to flat design

 

Illustrate ($45)

This theme is designed for portfolios and display. The theme uses sharp boxes and bright color representative of flat design for a modern look. One of the cool features of this theme is custom color palette generation based on portfolio options. The theme is fully responsive and includes a long list of available options.

The ultimate guide to flat design

 

Modern Metro ($40)

For sites running on WordPress, Modern Metro is the theme that matches Metro UI. The layout features live tiles which can be moved and customized. The theme is responsive and comes with the ability to customize the color palette, a variety of matching charts and a set of 1,368 flat icons.

The ultimate guide to flat design

 

Shift ($35)

Shift is a modern, high-color theme with a ton of customization tools. Colors, typefaces and widgets are customizable (PSD formats are included). The flat styled design is sharp with pixel-perfect styling and comes retina-ready and is responsive.

The ultimate guide to flat design

 

Salmon & Cream ($75)

This theme is one of the sharpest out there. It’s highly customizable and the responsive design is retina-ready. The built-in color palettes are wonderfully flat, using the title salmon, blue or your choice of hue.

The ultimate guide to flat design

 

Candy ($35)

This fully-responsive theme is designed for portfolio-style sites and uses high color. The purely flat theme also uses a distinct font palette with a great look and feel in the default settings.

The ultimate guide to flat design

 

Alfie ($40)

This theme packs a lot of punch with a variety of layout options, background colors and a set of 361 retina-ready icons. In addition, the theme includes an easy shortcode generator and is built using Bootstrap.

The ultimate guide to flat design

 

Biggie ($7)

Color makes this flat theme stand out. It’s simple, modern, responsive and includes multiple widgets. The monotone scheme of flat colors is a nice touch and it’s one of a few purely single color themes out there.

The ultimate guide to flat design

 

Bonbon ($49)

Part of what appeals to some people about the flat style is the use of creative illustrations and icons. That’s where Bonbon comes in. It uses high color and a fun style in a retina-ready responsive theme. It even comes with a pack of great icon illustrations that can be customized.

The ultimate guide to flat design

 

Flat ($39)

Flat looks like what you would expect of a basic flat design minus one feature. The high color palette uses muted tones rather than some of the bright hues that are characteristic of flat design.

The ultimate guide to flat design

 

News ($45)

Frequent posters will like news, a simple theme that uses photo and text cards to index lots of content. The style is simple and flat with bright colors and simple icons.

The ultimate guide to flat design

 

Coffee & Cream ($40)

This single-page theme includes a number of options and two navigation options. It’s fully responsive and uses the flat design trend perfectly.

The ultimate guide to flat design

 

Flat Admin ($18)

There are plenty of forms, tables, custom pages and element integration in this flat theme designed for businesses. The responsive design is fully customizable and the download comes with free feature updates and support.

The ultimate guide to flat design

 

Sketch ($40)

A high-powered single-page theme that uses multiple and different screens that encourage scrolling. The theme is customizable and includes social media functionality and a contact form. This theme has many flat characteristics, but would be classified as almost flat.

The ultimate guide to flat design

 

Showy ($35)

This theme is almost the opposite of its name, with a simple and modern interface.

The ultimate guide to flat design

 

Evolux ($45)

With a variety of post formats, this theme is a great tool for showcasing a product or design. The theme features large image frames, simple and bold text.

The ultimate guide to flat design

 

Jobify ($55)

Jobify is a theme made just for creating jobs, using the trendy look of flat design. The powerful, responsive theme uses simple typography, color and grids and integrates with other jobs toolkits.

The ultimate guide to flat design

 

MetroFolio ($40)

MetroFolio uses the metro, card-style layout that has become linked to flat design. The simple theme has an easy-to-use interface, is customizable and is made for portfolios.

The ultimate guide to flat design

 

FlatPack ($55)

FlatPack includes multiple templates and options for businesses wanting to consider a site designed in the flat style.

The ultimate guide to flat design

 

Metrolium ($45)

This theme does a nice job of using color blocks in the flat and almost flat style. It has plenty of options and the real-time preview is nice.

The ultimate guide to flat design

 

Flat Portfolio ($35)

What’s great about Flat Portfolio is that it is designed to display your portfolio in a retina-ready environment. The customizable theme is also responsive and includes unlimited colors and use of Google Fonts.

The ultimate guide to flat design

 

Hypertext ($40)

This is the theme for designers or developers who want extra control because it has plenty of advanced admin options with HTML5, CSS3 and is fully responsive. Hypertext is also fully customizable in terms of color, page type and language.

The ultimate guide to flat design

 

Fuse ($45)

Because Fuse is designed with creative professionals in mind, it is slick and focuses on images, while using simple and beautiful flat-styling details.

The ultimate guide to flat design

 

Mineral ($45)

The color cast look for images that some sites are using with flat design schemes is part of what you will find with Mineral. The theme includes a flexible AJAX gallery, responsive design and lots of skins.

The ultimate guide to flat design

 

Ink ($49)

Ink combines great use of image frames with the colors and style of flat design. Hover animation works nicely and the theme allows you to group images as a slideshow.

The ultimate guide to flat design

 

Amada ($40)

Amada is a theme that embodies the minimalistic ideals of flat design with simple colors and lines. The theme also uses simple typography with clean lines. It is responsive and retina-ready and has exceptional scrolling effects. 

The ultimate guide to flat design

 

Glider ($45)

If icons are your thing, Glider is the theme for you. The pack comes with 960 vector icons, is retina-ready and supports a blog. The theme supports multiple languages as well.

The ultimate guide to flat design

 

Hexagonal ($40)

This almost flat theme is the backbone for a great minimalistic site and has a very professional look and feel. The design is responsive and include multiple layout options, including blogs.

The ultimate guide to flat design

 

Emerald ($40)

If you are looking to tiptoe into flat design and like parallax scrolling, Emerald is for you. The almost flat theme is simple and includes impressive scroll effects and an unlimited color palette.

The ultimate guide to flat design

 

Kumaon ($40)

Kumaon is a theme built for business with tools for great testimonials and calls to action. The theme also includes 300 flat icons and multiple forms.

The ultimate guide to flat design

 

Anubis ($40)

For a simple, flat theme, Anubis is packed with features and includes spectacular typography and color right out of the box. The theme is responsive, includes a variety of options and customization and multiple page templates.

The ultimate guide to flat design

 

Red Star ($45)

This is one of the few themes that allows you to turn on/off responsiveness. The theme focuses on clean, simple typography and includes nice template pages.

The ultimate guide to flat design

 

Forest ($40)

Forest looks great and has solid code to back it up. The theme works with widget-style boxes making moving items easy.

The ultimate guide to flat design

 

Panes ($40)

Panes, by default, uses two very popular flat design colors – teal and bright purple. The one-page design is setup for plug and play, includes Google maps integration and allows for custom colors and fonts. The card-style scroll effect is pretty nifty, too.

The ultimate guide to flat design

 

Nova ($45)

Nova is a great example of how to use novelty typefaces in flat design. All of the elements in this theme are created using bright colors, simple lines and a minimalistic backbone. The retina-ready theme is Bootsrap based and has a variety of customization options – with each of the primary colors pulled straight from a flat design basics palette.

The ultimate guide to flat design

 

Red Sky ($40)

Red Sky is one of those themes that does not look like a theme. The highly visual layout is responsive and works with high color and large images. The one-page theme comes in three styles; all are based in flat design.

The ultimate guide to flat design

 

Lambo ($45)

As a photography theme, where you most see hints of flat design in Lambo is in typography and accent color choices. Simple font choices with bold colors emphasize the flat feeling. With a textured background though, the overall concept is almost flat.

The ultimate guide to flat design

 

Righter ($2)

This theme is designed for blogging and writing. The super-simple theme has an adaptive layout, clean, minimalist feel and features lean code. It does not include any real bells and whistles.

The ultimate guide to flat design

 

DCJune ($29)

This grid-style theme uses great blocks of color and open space to showcase images. The theme is super clean, responsive and includes multiple page templates.

The ultimate guide to flat design

 

FlatCo ($45)

The FlatCo theme is one of the most packed when it comes to post format and type. The theme also includes more than 300 flat-styled icons and multiple chart and graph elements, making this a complete kit for a variety of projects.

The ultimate guide to flat design

 

Renova ($40)

This one-page theme is simple and beautiful in the true nature of the flat style. Icons and shapes are basic and can be color customized. The theme include simple animations that add a more almost flat feel on hover actions.

The ultimate guide to flat design

 

Octavus ($40)

Octavus uses flat design in a way that looks and feels trendy without being “too trendy.” The mix of images and colored blocks combine for an easy user experience in this responsive and retina-ready theme.

The ultimate guide to flat design 

 

Templates

Flat design templates are beginning to hit the design market as well, even the most inexperienced web designers can put together a simple site using the trend.

Hosting template (free)

This template will require some work on your part, but it includes the framework for a basic website design in the flat style. It uses on-trend elements and colors and comes as a downloadable PSD, so you will need some backend experience to convert this design to a live site.

The ultimate guide to flat design

 

iPhone flat design UI template (free)

With a variety of simple iPhone templates using a flat design scheme for app design, this site delivers five styles of downloadables: logins, user profiles, activity feed, settings and sidebar design. The downloadable templates come with everything you need to get started and allow for full customization of each design.

The ultimate guide to flat design

 

Delta flat mobile template ($8)

While many designers are opting for responsive sites, Delta is a mobile-only template in the flat style. It includes many of the add-ons of bigger templates in for the small screen. The flat style used is super-simple and uses a monotone color palette.

The ultimate guide to flat design

 

Flappster flat landing page template ($20)

This landing page design is made for promoting an upcoming site or application. Based in Twitter Bootstrap, the landing page template uses a parallax panel scrolling and a bright flat theme with plenty of call to action buttons. The template comes with a variety of flat buttons and icons, which are all fully customizable in the associated PSD files. The template also uses a set of flat illustrations which are included.

The ultimate guide to flat design

 

iLevel Bootstrap template ($15)

This template for a responsive website features flat design and long shadows for a super-trendy theme. The framework is based on Twitter Bootstrap and comes with 30 pages and four available color palettes. The template also includes a handful of flat icons, illustrations and media stream plugins.

The ultimate guide to flat design

 

iOS7 app icon template ($4)

Any designer or developer with an app for sale in the Apple iTunes store is probably aware to the impending Apple iOS 7 design change. This icon kit can help you create a quick icon using the new style, which can be considered almost flat. Icons are retina-ready and the pack includes icon formats for iTunes, iPad, iPhone, Spotlight and Settings, plus a uniform icon grid.

The ultimate guide to flat design

 

Color schemes

Color is an important part of any flat design project. Color is often used in one of three distinct ways when it comes to flat design: bold and bright, as a monotone scheme or in multicolored panels. Flat design often uses combinations of three, four, five or more vivid color choices to create a palette, rather than the standard of only one or two dominant colors for most projects.

Bold and bright color is a way to create an element of fun in the design process. For the best results, stick to a certain color theme when selecting bold color, look for colors that have a similar saturation, tint or shading, or are from complementary positions on the color wheel. Bold color should look intentional.

Monotone color schemes are popular when it comes to flat design as well. The color palette often beings with a vibrant hue, such as emerald or peach, and uses both tints (the addition of white) and tones (the addition of black) to create contrast and variety.

Multicolored panels are another common option. Rather than mixing and matching colors throughout the design, each scrolled page or panel uses a different and singular color with black and white. The overall effect can be visually appealing and helps create a sense of organization and visual hierarchy.

Flat design color palette (free)

Grab the HTML and CSS for flat-style colors with pre-made code from Lucas Cobb. HTML and CSS is written and ready-to-use for 20 colors commonly used in flat design. Match each color to the named chart, grab the code and add to your site. The hues are the same as those highlighted by Flat UI colors.

The ultimate guide to flat design

 

Flat UI colors (free)

Flat UI colors is a simple site that showcases the most popular hues in flat design. Flat UI Colors highlights 20 of these popular colors and allows users to get corresponding RGB or HEX values for each color with just a click. Select the color format, click on the color, and the values are saved to your clipboard.

The ultimate guide to flat design

 

Adobe Kuler (free)

Users of Adobe’s Kuler color palette generation tool have created a variety of striking combinations using colors representative of flat design. From brights to more muted retro shades, there are great palettes for inspiration available. With a click, each palette is editable and downloadable. Make sure to check out “Flat Color Set 4,” “Icon with Flat colors 5,” “Logo Lockups 2,” “FLAT COLORS Ui Bright,” and “Cool Tone Flat.”

The ultimate guide to flat design

 

ColourLovers (free)

ColourLovers users have created thousands of color combinations using flat color concepts. This list is sorted by user rating and is a place to generate inspiration if you don’t want to use the “same old flat colors.” Make sure to check out “the world is flat,” “satin ballet flats,” new york flat,” “flat,” and “flat earth therapy.” Click on any palette for color names and RBG and HEX values.

The ultimate guide to flat design

 

Typography

Clean typography is an important part of the flat design trend.

Because flat design includes a focus on simplicity, type choices should be clean and simple as well. Most commonly, designers are opting for a simple sans-serif typeface and are using one or two weights. Some are branching out a little further and using one sans-serif and one novelty or speciality typeface. The trend, though, is characterize by a very limited number of typefaces per project, typically no more than two.

The best typefaces for use in flat design projects, create a distinct sense of contrast in conjunction with the background.

Type is often black or white, lacking additional embellishment or color. (Quite a few of the selected typefaces below are even advertised using this style and flat design concepts.)

In addition to basic typefaces, the words used should also be kept to a minimum. Language should also be simple and easy to read to stay on point within the minimal style of flat design.

Finally, make sure to give type plenty of room to breathe in flat design projects. This includes both space around the words themselves and letter spacing, which may be exaggerated somewhat for display type. If you opt for a thinner typeface, consider going oversized with it. Fonts with thin strokes, such as Helvetica Neue, might not create enough contrast to be clearly readable at smaller sizes or against certain backgrounds.

Bellota (free)

A sans-serif typeface that’s masquerading as a novelty font with small serifs, Bellota is easy to read and ornamental, a tough combination to find. It has a feminine feel and would work well against a high-contrast background.

The ultimate guide to flat design

 

Caviar Dreams (free)

This super-round typeface is both modern and simple. The letters are distinct and are readable at a variety of sizes. The stroke though is rather thin and requires a background with a lot of contrast for optimum readability.

The ultimate guide to flat design

 

Flex Display (free)

Apple stirred quite a debate in the design community about the use of an uber-thin typeface in its upcoming iOS 7 release (a decision that has been backtracked somewhat). But a thin typeface can work in certain situations. Flex Display includes a very thin stroke and has practical application as a large or oversized typeface in a high contrast situation.

The ultimate guide to flat design

 

Lato (free)

Lato is a simple typeface that works well at a variety of sizes and includes weights from ultra light to ultra bold. The typeface is quite popular among designers working on flat design projects. This is not the typeface to select if you want your type to look different from the mainstream.

The ultimate guide to flat design

 

Telegrafico (free)

Another all caps typeface, with a wide stroke that works well with plenty of space. The look is modern with a wide stance and sharp edges.

The ultimate guide to flat design

 

Proxima Nova (from $29)

Fonts from the Proxima Nova family offer plenty of options and are quite popular among designers. The simple and elegant style of the sans-serif typeface makes it easy to use and pair with other styles. The simple geometric style is consistent with the feel of flat design.

The ultimate guide to flat design

 

FF DIN (from $78 approx.)

Simple, plain and geometric, DIN was constructed by the German standards institute for use on road signs — the very definition of flat and simple. Its popularity lead to FF DIN a highly successful digital version.

The ultimate guide to flat design

 

Montserrat (free)

Geometric simplicity and a rounded almost light-hearted feeling, make Monserrat a great choice for flat design.

The ultimate guide to flat design

 

Primary Sans (free)

Flat design excels at simplicity and this great rounded typeface is simplicity itself.

The ultimate guide to flat design

 

Dense (free)

The core characteristic of flat design is the lack of complexity. When it comes to typefaces, that means geometric construction, like Dense.

The ultimate guide to flat design

 

Riona Sans (from $25)

If you’re looking for a slightly more serious typeface for business use, but still want a flat aesthetic, then look no further than Riona Sans.

The ultimate guide to flat design

 

Bariol (free)

Bariol is another friendly face with very rounded terminals. A much better option that Arial Rounded, its geometry feels not unlike a stencil.

The ultimate guide to flat design

 

Canter (free on request)

Connected perhaps to the ice-cream colors that unite flat design with modernism, modernist styles also creep into typefaces; Canter, with its top-heavy proportions is a prime example.

The ultimate guide to flat design

 

Deco Neue (free)

Another tribute to modernism, Deco Neue should probably be named Neue Deco, but let’s not hold that against it. It’s a great choice for striking display text.

The ultimate guide to flat design

 

Niveau (from $40)

Again, geometric simplicity is a great choice for a flat, even tone. Niveau provides an excellent example.

The ultimate guide to flat design

 

Tutorials

While flat design is more of a style than learned tool, designers can familiarize themselves with some of the tricks and techniques commonly used.

Video tutorials can be one of the easiest ways to learn something new. For the best results, choose a video that is on par with your knowledge level when it comes to software used and speed of the lesson.

Flat design video tutorial (free)

This 17-plus minute video from Designmodo takes you through the steps to create a simple website in the flat design style using Adobe Photoshop.

The video covers how to place elements, create a color palette and some of Designmodo’s top font choices. It also takes you though working on a grid and how to use a user interface kit in the design process.

(The video instructor uses parts from two Designmodo kits, Flat UI and Flat UI Pro, which we mentioned above.) The instructions are simple and easy to follow but you need to be comfortable with Adobe software to get the most from this video tutorial.

 

Flat web design video tutorial (free)

This video by 1st Web Designer takes you through building a portfolio landing page in the flat style in an almost hour-long video designed for beginners.

The tutorial walks you through using tools in Photoshop to create a basic landing page on a grid and using parts from UI kits.

The instructions are clear and easy to follow and the video moves at a pace that is good for those who may not have a lot of Photoshop experience.

 

How to create a long shadow (free)

This simple tutorial requires basic knowledge of Adobe Illustrator and takes you through the step-by-step process of creating a long shadow using either the pathfinder tool or blend option. With either method, you can create an icon with a long shadow in a matter of minutes.

The ultimate guide to flat design

 

Make my design flat (free)

Self-promoted as “the simplest flat design tutorial on the web” Make My Design Flat, provides simple before and after code that converts buttons into the flat style.

The site provides a visual example and shows the code for each type of button. You can copy the code or use it to help configure your own.

The ultimate guide to flat design

 

Zach Swinehart’s flat design tutorials (free)

In this two-part video series on flat design, video web tools trainer Zach Swinehart explains flat design concepts, gives you a few tips for using it, and showcases a few examples.

In part 2, he walks you through creating a simple flat website in Photoshop, including techniques for creating contrast, color blocks and type.

 

Flat design articles

There’s been some fascinating discussion on flat design across the web. If you truly want to understand the genre and how can best be applied check out these great articles.

The Flat Design Era

The ultimate guide to flat design

 

Flat Design: Trend or Revolution?

The ultimate guide to flat design

 

What is flat design?

The ultimate guide to flat design

 

Principles of Flat Design

The ultimate guide to flat design

 

Basic Principles of Flat Design – And Resources to Get You Started!

The ultimate guide to flat design

 

Get Pumped Up Over Flat Design

The ultimate guide to flat design

 

Flat Design: An In-Depth Look

The ultimate guide to flat design

 

Authentic Design

The ultimate guide to flat design

 

A Look at Flat Design and Why It’s Significant

The ultimate guide to flat design

 

How to Nail the Coveted Flat Design Look (9 Actionable Tips)

The ultimate guide to flat design

 

Flat design inspiration

All this talk of flat design wouldn’t be complete without a gallery for inspiration.

With new projects using flat design being published every day, there’s no way to keep up with every new site, UI pack or project, but these resources are cataloging some of the best with frequent updates. 

Awwwards flat design gallery

The ultimate guide to flat design 

 

Behance flat design gallery

The ultimate guide to flat design

 

Dribbble flat design gallery

The ultimate guide to flat design

 

Flat design gallery

The ultimate guide to flat design

 

Flat design on Pinterest The ultimate guide to flat design

 

FlatDSGN gallery

The ultimate guide to flat design

 

Flat UI Design 

The ultimate guide to flat design

 

Flat trendz gallery

The ultimate guide to flat design

 

Conclusion

It’s easier than you think to get started with flat design techniques especially considering all the tools and resources readily available. But you should act quickly because trends can fade just as quickly as they start.

Flat design quickly developed from a designer trend to a mainstream technique, being used by large websites such as Google, Microsoft and Yahoo. If it can work for sites of that magnitude, it can work for a variety of projects. But it may not be for everything, remember when starting a new project to let the content and message of the site help dictate the design. Flat often communicates simplicity; keep that in mind.

 

Have you designed a flat project? What resources did you find more useful? Let us know in the comments.



Jollycons! 400 Fun Hand-Drawn Vector Icons – only $14!
The ultimate guide to flat design


Source
    


03 Sep 18:35

Agenda geek de la rentrée 2013

by JobProd

C’est la rentrée ! Et avec elle, une foule d’événements qui vous sont dédiés. Envie de coder ? de networker ? d’apprendre ? il y en a pour tous les goûts !

Nous vous donnons rendez-vous tous les mois pour découvrir les événements à ne pas manquer !

  • 3 septembre : Paris DevOps Meetup, Mozilla (Paris 9) – gratuit
    En savoir plus >>
  • 5 septembre : OpenCoffee Club Paris: Network, High-Tech, Entrepreneurs, Eldi St-Martin (Paris 3) – gratuit
    En savoir plus >>
  • 5 septembre : ScrumBeer de la rentrée, lieu à définir – gratuit
    En savoir plus >>
  • 9 septembre : Il était une fois internet : « Les DNS », La Cantine (Paris 2) – gratuit
    En savoir plus >>
  • 9 septembre : Premier pas avec Leap Motion, Viadeo (Paris 9) – gratuit
    En savoir plus >>
  • 10 septembre : Paris Tech Talks meetup, Deezer (Paris 9) – gratuit
    En savoir plus >>
  • 10 septembre : Meetup Windows Appsgratuit
    En savoir plus >>
  • 12 septembre : Mobile Monday, Objets Intelligents, La Cantine (Paris 2) – gratuit
    En savoir plus >>
  • 17 septembre : Machine Learning Meetup, Dojoboost (Paris 11) – gratuit
    En savoir plus >>
  • 19 septembre : 6ème meetup « Paris Titanium », lieu à définir – gratuit
    En savoir plus >>
  • 19 septembre : Intel Innovation Paris 2013, Centre de Conférences Microsoft (Issy-les-Moulineaux) – gratuit
    En savoir plus >>
  • 20 septembre : Il était une fois internet : « SSL/TLS », La Cantine (Paris 2) – gratuit
    En savoir plus >>
  • 24 – 26 septembre : Salon du e-commerce, Porte de Versailles (Paris 15) – gratuit
    En savoir plus >>
  • 27 septembre : Phonegap meetup, lieu à définir – gratuit
    En savoir plus >>
  • 27 – 28 septembre : Code in the Dark, Dezzer HZ (Paris 9) – gratuit
    En savoir plus >> #HTML5 #CSS
  • 27 – 29 septembre : Paris to Berlin Hackathon, Simplon.co (Montreuil) – gratuit
    En savoir plus >>

N’hésitez pas à partager vos retours d’expériences pour chacun de ces événements via les commentaires !

A bientôt :)

NB : vous souhaitez nous signaler un événement ? Envoyez-nous un mail !

30 Aug 20:23

NipTech HS #16 – Seedstarsworld Asie

by NipTech


Podcast: Téléchargement

Nous continuons notre voyage de découverte de startups grâce à Pierre-Alain Masson de Seedstarsworld. Après le Moyen-Orient et l’Afrique, nous partons en Asie pour évoquer des villes comme Bangalore, Singapoure ou encore Pékin. Tellement de choses à partager et si peu de temps, on vous laisse directement partir dans ces régions très actives mais encore peu connues chez nous en terme de produits et de startups.

Pour connaître tous les gagnants et visiter leurs sites, rendez-vous sur www.seedstarsworld.com

29 Aug 15:49

quand l'equipe s'apprete a corriger un bug historique

by nlecointre

/* by qnux */

27 Aug 17:22

Windows 8.1 leaks on the web ahead of its October release

by Tom Warren

Microsoft announced the finalization of its Windows 8.1 update today, and after several hours the final build has made its way onto the internet. Several file sharing sites have copies of the Windows 8.1 update nearly two months before Microsoft plans to release it to the public. The leaked build incorporates the final changes made to Windows 8.1 from its preview earlier this year.

Microsoft has added a Reading View to Internet Explorer 11 to make news articles easier to read, an improved blue theme to its Mail client along with a number of feature additions, and a Help + Tips application that guides users through the OS. The built-in applications also include Windows Phone-like menus, with a row of three dots that bring up the...

Continue reading…

21 Aug 21:59

Justice Magazine Covers Starring DC Comics Characters

by ACrezo

Designed by Stanley Lau (‘Artgerm), these Justice Magazine covers feature DC’s best and brightest female stars as modern day cover models. We love Harley Quinn and Supergirl most, but it’s nice to see Black Canary get some love, too. What say you, Geeks?

catwoman_magazine_final_lr_by_artgerm-d62sv0q

justice_mag___harley_quinn_by_artgerm-d6i2p16

poisonivy_magazine_final_lr2_by_artgerm-d6ftjlr

supergirl_magazine_final_lr_by_artgerm-d61tugs

26522ea320a2550806355c807b2647b8-d58rzdt

f87cfeb6b3a170efcf89b7ee38e71c18-d624cfn

via Geek Tyrant

21 Aug 19:39

Nearly A Year Later, Twitter Triggers Return to IFTTT With Official Support

by Matthew Panzarino
285

Today, the ‘Internet glue’ service IFTTT gets a fresh set of Twitter triggers that allow users to build recipes that react to tweets, favorites, retweets and more. This enables users to return to archiving tweets to Dropbox, saving links and images, building lists off of favs and much more.

IFTTT (If THIS then THAT) is a service that allows users to define a trigger (a new RSS feed item, a new tweet) and an action (tweet it for me, put it in my dropbox) to form a recipe that can be used and shared. It connects dozens of different internet services together to make it easy to use the internet the way that you want to.

Just over a year ago, Twitter announced changes to its API for developers that effectively capped third-party clients, hardened the rules for displaying tweets and much more. As a result of those rules, IFTTT chose to voluntarily shutter its Twitter triggers until it could build ones that complied with the new rules.

It took a while, says Leor Stern, IFTTT’s Head of Business Development, for the company to get the bandwidth to revisit the triggers. Stern, who joined IFTTT earlier this year, says that they’ve been busy building out the platform and soliciting companies for newer, more robust triggers.

It’s worth noting that the original triggers were removed voluntarily by IFTTT, after the rule changes were announced by Twitter. Not that it would have had much choice in the end, as they didn’t jive with the new tweet display rules, among others.

In order to get the triggers back, IFTTT went to Twitter and talked them through the service, what it did and what it could offer both Twitter users and  IFTTT users. IFTTT, says Stern, has a vision of ‘scripting the ultimate way for people to personalize the way that they engage with the web’. The pitch resonated with the people at Twitter and they began working with IFTTT to get the new triggers built to comply with the new API and Twitter’s current vision for its own service.

It probably didn’t hurt, either, that it’s been a while since the changes went through, and things have calmed down a tad. After the changes were announced, there was significant backlash in the developer community and a general feeling of unease about how some apps would survive. There was also a period of flux in which some of the exact limits and strictures of the new rules weren’t clear.

Now we’re well clear of that and Twitter has settled into its new media role, and developers are working within the frameworks they’ve been given.

To that end, the new channel is launching with a concise set of Triggers and actions, and will be built out over time based on continued work with Twitter and user feedback. There’s already a bunch of new recipes that take advantage of the new triggers, which you can check out here.

The new triggers are ‘New tweet by you’, ‘New tweet by you with hashtag’, ‘New link by you and new favorite by you’. The new actions are ‘Post a tweet’, ‘Post a tweet with image’, ‘Add user to list’, ‘Update profile picture’ and ‘Update bio’. Some triggers have the ability to include regular tweets as well as retweets and replies.

If you’re sensing a trend, you’re probably on the nose. All of the current triggers are based on handling your content, not anyone else’s. This is not about detecting tweets from other accounts and performing actions based on those. This is all about being a ‘personal tool’, at least for now.

But that doesn’t mean that you can’t mix and match data from outside Twitter and IFTTT to create some pretty useful stuff. I’m really happy, for instance, to regain the ability to automatically tweet based on specific RSS feeds. And those of you who are archive happy will love the actions that let you send every link you tweet to Pocket, or every image you tweet to Dropbox.

Here’s one that saves everything you fave to Pocket, for instance:

And there’s also some cool hardware integration stuff with Philips Hue and WeMo. This means you can, for instance, tweak the color of your lighting with a tweet:

For now, the triggers and actions are fairly straightforward, but IFTTT, it says, is concentrating on rebuilding the Twitter channel to its ‘former glory’, if not more. So it should be interesting to see what they accomplish with official sanction from Twitter and a bevy of new users to tweak and prod new recipes into being.

Disclosure: IFTTT sent me socks a while back. They’re cozy, but it’s over 100 degrees every day here so I don’t really wear them.


21 Aug 11:29

'Titanfall,' the best thing at Gamescom 2013

by Vlad Savov

Respawn Entertainment's debut title won more than 60 awards when it was unveiled at E3 this year, and now that I've played it for the first time, I can see why. Titanfall remixes the familiar first-person shooter with elements from other game genres and, thanks to some meticulously balanced gameplay, delivers a cohesive and refreshing original experience.

There are two main protagonist classes in the game: the agile and quick Pilots, equipped with Jump Jets to facilitate wall running and double jumps, and the titular Titans, which are slow and graceless, but pack devastating firepower. Those are then further differentiated on the basis of user loadout, with three sub-classes of Pilot and Titan diversifying your options. Switching...

Continue reading…

20 Aug 07:31

Superheroes: The Bobblehead Edition [Pics]

by ACrezo

The bobblehead supes (and bonus villain) by Adrian Martinez are hilarious. Who agrees that The Green Lantern would have been better if it looked like this?

1

2

3

4

5

6

7

8

9

10

via The Mary Sue

16 Aug 08:52

Si la lune était remplacée par certaines de nos planètes

by Gilles

15 Aug 20:14

Parrot Announces The A.R. Drone 2.0 Power Edition

by Matt Burns
parrotardrone

It was hovering. Just sitting there. The livery was different. A black body with different color blades. Something was clearly different about this Parrot A.R. Drone 2.0. It wasn’t as colorful as the ones he had seen before.

He sat there for a lot longer. This drone was clearly hiding something under the piano-black shell. Eight minutes passed. 16 minutes passed. Then, just before the 36 minute mark, the drone, nearly silently, returned over the trees.

But before he could react, another one appeared. And then another. A pair this time. Two second generation Parrot A.R. Drones. This time, instead of just hovering, the two made slow passes. Back and forth. Over and over.

He had seen this before. They were controlled, not by a smartphone, but by an internal black box and satellites high above. GPS. These modules were easy to obtain and configure, at just $130. He had previously learned that they connect to the drone’s USB ports and not only provide geolocation and route planning, but also record a lot of flight data.

He sat there a bit longer. A lot longer than normal. Soon he couldn’t take it.

The others were signaled. They downed the drone with a bed sheet. It fell harmlessly to the ground.

He ran over and grabbed it. He knew one of the two cameras on the other drone had seen him. They had to. But he had to risk it anyway.

Soon the cover was off the drone. He was shocked. There were two 1,500 mAh batteries inside. Two. This was something new, indeed. That explains the longer flight time. It almost exactly matched that of the normal Parrot A.R. Drone 2.0 equipped with the new HD battery.

The black exterior was slick, he admitted, a touch impressed. The standard A.R. Drone 2.0 always looked like a toy to him. But the new paint job adds a menacing touch.

Suddenly, as if on commend, the drone’s colored blades whirled to life. Damn, he thought. I should have unplugged the Flight Recorder, as the drone rose quickly through the air. Apparently she discovered it was missing and activated the return home command built into the Flight Recorder. He was careless. Again.


She knew he would take the bait. The new drones, appropriately called the Power Edition, cost her the majority of her remaining cash from her birthday. $379. Just $80 more than the standard A.R. Drone 2.0. But it packed two HD batteries that allowed for 36 minutes of flight time. And then, the flight recorder, was just the added touch.

Sure, she knew, that for a bit more she could get an entry level quadcopter that offered more flexibility, allowing for add-ons like better cameras. But she didn’t care. The Parrot A.R. Drone 2.0, and now the Power Edition, was very easy to fly. Even her mom could do it.

Best yet, her two friends purchased one, too.


He returned back to base. His friends were already there. He took off his spy gear and stored it in the box his dad built into the tree house. His birthday was just two months away. Right before Halloween. He was going to be Lion-O. They were going to be Tygra and Panthro.

It was getting late. His mom was calling him into dinner. She was going to be there. Sitting across the table from him. Smirking. Oh how he wished he hadn’t wasted the money his grandma gave him on a Wii U. He so wanted an A.R. Drone 2.0 like his little sister and her friends. Just two more months. And sweet, sweet vengeance would be his.


15 Aug 17:37

Watch This Creepy Little Robot That Can Sneak Under Your Door

by John Biggs
sprawl_tuned_robot

Today in our continuing series entitled “Robots That Will Eventually Drink The Liquid From Your Eyeball In Your Sleep” we present the STAR.V3, a superfast, 3D-printed robot that can squeeze itself down to fit underneath a door and/or scuttle quickly away as soon as it steals your precious juices.

While the juicing feature has not yet been enabled in the robot, researchers at Berkeley’s Biomimetic Millisystems Lab have been able to create this “sprawl tuned autonomous robot” AKA STAR using 3D printed pieces. David Zarrouk, Andrew Pullin, Nick Kohut, and Ronald Fearing created the robot out of a number of simple, easily replaceable and biomimetic parts.

The robot can move up to 5.2 meters per second and it is especially quick on smooth surfaces. A simple control board and simple motors control the star-shaped wheels and collapsible arms.

The team aims to make it a sort of field-repairable search and rescue bot. Because you can print parts for it quickly using almost any 3D printer and it weighs only a few grams, you can carry a few of them and not worry if they break on transport. You can read a bit more about the robot here or you can just sleep with one eye open in hopes of catching this little thing before it catches you.

via RoboticsTrends


14 Aug 22:41

Un pas de plus vers la téléportation: Des physiciens téléportent de l'information

by L'Info Autrement

Un pas de plus vers la téléportation Des chercheurs zurichois sont parvenus à téléporter de l'information d'un point A à un point B. Ils ont utilisé pour la première fois un corps solide, une puce quantique semblable à une puce d'ordinateur.


14 Aug 19:16

Job Titles in the Web Industry

by Chris Coyier

There are loads of job titles in our industry. The opinion on their usefulness range from harmful (i.e. leads to “not my job” syndrome) to vital (i.e. people change companies sometimes and need common language). Since they are out there and we use them, there should be some consistency to their definition. Perhaps we can get closer to nailing that down.

Let's light this fire, shall we? This is all debatable, of course.

Job Titles

These are legit in my opinion.

Web Designer

If "designer" is in the title, the job is designing. Literally deciding and implementing how websites look and work. "Web" is in the title because the job is specifically focused on the web. Specific skills would be design-tools-of-choice, HTML, CSS, and light JavaScript.

If the job is also designing for print, apps, signage, products, clothing, etc., the title would be widened to Designer.

Front End Developer

This job is focused on HTML, CSS, JavaScript, and light backend work. Not design. The lack of "designer" in the title is intentional. Because the job doesn't require design, deeper skill in the other technologies is implied. You likely have a grasp on some concepts beyond the core technologies, for instance regression testing or performance.

A synonym might be Front End Engineer. I tend to think of that as a requiring a deeper and more specific skillset, possibly with more narrow focus or at a higher level.

Technology specific job titles may be also be appropriate here, like "JavaScript Developer" or "JavaScript Engineer" for a job where that is primarily what needs to be done. Although, none of the front end technologies live in a bubble so I generally prefer Front End Developer.

UI Designer

This job is more about designing and less about implementation. Really good at design-tools-of-choice with perhaps only light HTML and CSS skill. A synonym might be a Visual Designer.

UX Designer

A specific focus on studying and researching how people use a site. Then ushering changes for the better through the system and testing the results. May not have or need any design or implementation skill. All jobs should care about user experience, but this job lives it.

Interaction Designer

Primarily design, just like a UI Designer, but with specific focus on how things are used and movement.

Art Director

The job is quality control, leadership of other designers, and client communication. A synonym could be Design Director.

Web Developer

This job is focused on back end work and working with languages specific to the web, like PHP, ASP, Ruby, Python, etc. Medium skill in database/server work, medium skill in JavaScript, light skill in HTML. This is very different from a Front End Developer as there is little working with the design and heavier on programming concepts and concerns, like security and structure.

Synonyms could be Web Programmer or Web Application Developer.

Full Stack Developer

This job is a combination of front and back end work. Seriously though, not mostly one and a little of the other. Good crossover people are needed at organizations and this is a high end job.

Content Strategist

Rather than working directly on implementation, this job is about the structural design of websites. Things like the taxonomies, metadata, scheduling, and analysis of content. A synonym might be Information Architect. They might work with people who work with content in a more general way like a Writer, Copywriter, or Editor.

IT Technician

This job works with the actual computers and tech equipment. A hardware person.

Dev Ops

The job bridges the gap between IT and Developers. They handle things like server software, version control, deployment, build processes, and testing servers/processes. I wish this had a more job-title-y feeling to it. As it stands it sounds like what you would call the whole team of people with this job.

Product Manager

This job is about guiding the site as a whole (or a major feature of the site) toward a better future. Largely dealing with people and planning. A Project Manager would be similar but smaller in scope and possibly a temporary role rather than full job title.

Customer Service Representative

This job is about communicating directly with users of the site to provide help. Then triaging bugs/problems to the internal team. Also understanding/communicating the voice and vibe of the community around the site.

SEO Specialist

This is a big enough sub industry that it can be its own job.

Job Title Prefixes

Any of these job titles can be prefixed with Junior or Senior. Junior meaning less skill/experience. Senior or Lead meaning more skill/experience. Responsibility and pay commensurate. The tech is the same.

Consultant might be suffix to any of these job titles as well, like a Front End Development Consultant, in which you offer strategic advice and help.

Bad Job Titles

The following are not job titles.

  • Ninja _______ - Cutesy and meaningless. It's a recruiter trying to say "we want someone really good" but then shooting themselves in the foot.
  • Rockstar _______ - Same.
  • Web Master / Webmaster - It feels outdated and cheesy, but more importantly, never developed any specific meaning.
  • _______ Hacker - Cheesy for anything with the possible exception of a job with the specific responsibility of finding security exploits.
  • I kind of like Web Worker as a term, but not as a job title (too vague).
  • Mobile _______ - Even if the job has that focus it feels overly specific.

Not Caring About Titles

Like I said in the intro, the opinion on job titles is hugely variant. Right in the middle is not caring at all. If that's you, awesome! That probably means you work for yourself or for some little startup where your title can be like "Lead Hucklebucker" or some other nonsense. That's just good fun, live it up!

Not Web

Careful with these if the job is actually web related.

  • Graphic Designer - This has come to mean "design, but not web design."
  • Software Engineer / Programmer - This has come to mean "programming, but not for the web."

Conversation

Did I miss any important ones? Surely there is very specific job titles that are legit. That's fine because they are specific. It's the big general ones that we need to be concerned about. Did I get any wrong? Have you ever changed jobs and found it problematic? How does your organization handle it?


Job Titles in the Web Industry is a post from CSS-Tricks

14 Aug 15:05

Stephen Colbert on why Daft Punk cancelled, and what could've been

by Aaron Souppouris

Last week, Daft Punk were scheduled to appear on Stephen Colbert's The Colbert Report, but an exclusive agreement with MTV's Video Music Awards (VMAs) forced a last-minute cancellation. The result? A hilarious seven-minute skit that's since been watched the world over. In an interview with The Paul Mercurio Show, Colbert talks the show's host through the complex negotiations that took place in the lead-up to the show.

Colbert starts talking at about the Daft Punk drama at 24:15

Daft Punk were to appear in a 6-minute silent interview

Speaking with Murcurio, Colbert explains that agreeing on how Daft Punk would appear on the show took weeks. In the lead-up to their appearance, Colbert was informed that the French electronic music duo...

Continue reading…

13 Aug 14:03

Quand les entreprises perdent le fil de la création de valeur

by Bertrand DUPERRIN

lostEst ce que mieux partager l’information nous aide à créer une valeur significative ? En tout cas sensiblement supérieure au coût du temps pris pour collaborer ou partager ? Est ce qu’avoir des milliers de fans en extase qui retweetent vos messages et « likent » vos posts sur Facebook aide vraiment à vendre davantage ? A priori oui. Logiquement oui. Sur le papier c’est même d’une logique imparable. Mais dans les faits en est-on aussi surs ?

Par être sur j’entends: démontrer un effet de causalité entre une action, un comportement et un résultat escompté, toutes choses étant égales par ailleurs. Même si de notables exceptions existent il faut bien admettre que dans la grande majorité des cas la réponse est non. On en est donc amenés à croire et prier.

Des anecdotes ne font pas un modèle de valeur

Alors bien sur il y a toujours des cas qui prouveront le contraire. Mais s’il faut essayer et accepter d’échouer pour avancer on ne construit pas non plus tout un modèle de valeur sur des anecdotes. Car ça ne sont que des anecdotes. On trouvera toujours 20 personnes qui ont gagné au loto alors que le jour de la validation de leur billet elles portaient une chemise verte ou des chaussettes rouges ou encore avaient marché dedans du pied gauche. Cela veut il dire que le fait de porter tel vêtement ou suivre à la trace le chien du voisin lors de sa balade matinale avant d’aller valider votre bulletin vous garantira de finir millionnaire le soir même ? Bien sur que non. Et personne n’ose même le prétendre…à part pour vouloir se rassurer soi-même.

Mais à quoi bon vouloir que cela fonctionne à tous les coups alors que si ça ne fonctionne qu’une fois de temps en temps c’est déjà beaucoup mieux que pas du tout ? Pour des questions d’échelles bien sur. Si, par exemple, on prend en compte un salarié qui a réussi quelque chose d’important grâce au retour d’expérience d’un autre. Peut être que les 10 000 euros gagnés d’un coté compensent largement les 3 euros de temps qu’à coûté le partage. Mais si on multiplie 3 euros par 50 000 salariés, plusieurs fois par jour et qu’on ne gagne 10 000 euros qu’une fois par semaine je vous laisse faire les comptes. Et ils ne sont pas bons.

100000 retweets pour une campagne de marketing viral ? C’est bien. Mais si au final seules 100 personnes ont acheté un produit de l’entreprise après avoir lu ce tweet on peut se poser des questions.

Rien ne se passe tant que quelqu’un ne réalise pas une action

« Rien ne se passe tant que quelqu’un n’a pas vendu quelque chose ». Si personne n’est sur de l’origine de cette fameuse citation (Thomas Watson d’IBM ou Peter Drucker), une chose est certaine : elle n’a pas pris une ride avec les années. La création de valeur dite « sociale » emploie de nouveaux canaux, prend de nouvelles formes que nous avons aujourd’hui du mal d’appréhender et de tracer. Mais ce qui est sur est que l’objectif reste le même. A l’extérieur de l’entreprise rien ne sert d’accroitre sa réputation, faire parler de soi, être apprécié si ça ne contribue pas aux ventes ou, avec une vue RH, à attirer de meilleurs candidats. En interne rien ne sert de partager, échanger, si ça ne permet pas d’exécuter tâches et processus vite et mieux. C’est aussi simple que cela.

Or aujourd’hui on se borne à supposer, croire ou espérer que toutes ces actions « soft » mènent à un bénéfice « hard » sans être en mesure de le prouver ni de le mesurer. Ne nous méprenons pas : j’en suis intimement convaincu mais ce qui me gène voire m’inquiète est qu’on est incapables de tracer l’impact du « soft » sur le « hard », ne serait ce que pour le quantifier. Et si on ne peut quantifier on ne peut piloter ni améliorer. Même si ces bénéfices sont bien rééls on perd l’occasion d’améliorer le dispositif faute de pouvoir le mesurer et peut être qu’au lieu de gains de l’ordre de 1, 2, 5 ou 10% on atteindrait 20, 25%. Qui sait. Mais en l’espèce on ne le saura jamais.

Bruit sous stéroïdes ou message actionnable ?

Une partie de la solution se trouve peut être dans le big data et sa capacité à mettre en évidence des mécanismes et schémas de création de valeur. Ici on lie le « social » et son impact chiffré, la valeur générée. Mais ça n’est qu’affaire de corrélation. On aura également besoin d’une approche plus causale, qui reviendrait à trouver le lien entre social et action autrement dit aller au delà de l’influence, de la sensibilisation, de la connaissance pour voir si elles restent à l’état de messages que les utilisateurs/internautes lisent ou si ils mènent à des actions concrètes. S’assurer que le les intéractions sociales ne sont pas que du bruit sous stéroïdes mais des messages actionnables (et actionnés).

Mais gardons bien en tête que la valeur ne résulte ni du partage, ni de la sensibilité ou du savoir qu’ils génèrent. La valeur résulte d’une action qui est la conséquence directe d’une sensibilité due au message ou de la mise en œuvre du savoir.

 

 

Cet article Quand les entreprises perdent le fil de la création de valeur est apparu en premier sur Bloc-Notes de Bertrand Duperrin.

10 Aug 16:06

Razer lance sa souris Naga version 2014

by Alexandre Botella
Jean-Philippe Encausse

J'aime ! C'est celle que j'utilisais sur WoW

Razer donne un peu coup de jeune à l'une de ses souris phares pour joueurs, la Naga. Déjà disponible sur le site du constructeur pour environ 80 euros, la Naga (2014) se distingue de la Naga précédente par plusieurs nouveautés, dont un changement de capteur. Contrairement à d'autres constructeurs qui modifient simplement le revêtement et le capteur de leur souris, Razer a apporté... image
10 Aug 13:58

Are coders an endangered species?

by Kendra Gaines

codethumb

Over the past few days, I have taken a crash course in coding and am actually learning how to do it. Now, don’t everyone applaud me — I’ve always been extremely transparent and forthright in my lack of knowledge and desire to code.

Now, as I’m actually starting to put things together, I’m wondering how much my desire not to learn HTML and CSS wasn’t my fault.

Well, I blame coders. Coders and the bout of companies who claim to be able to create perfect websites simply by dragging and dropping elements on a blank page. In both cases, I can rely on someone else, they enable me to avoid learning.

Alright, maybe I can’t say I blame them, they’re earning a living and we’ve all got bills to pay. There was a time when drag and drop apps were a joke, but that’s not the case anymore. The longer we’ve been relying on them, the more they’ve improved. We can offer basic, to intermediate sites to clients all without ever learning a single line of code. Which leads me to question if there’s any future for coders.

Sure, high-end development is necessary. Someone has to build the drag and drop tools for a start. But what about your average front-end developer, coding HTML and CSS; could they be on the brink of extinction?

 

An endangered species

Are coders an endangered species?

I always thought sites like Wix were so cool. As a matter of fact, I still believe they are, however while they tend to provide a very real solution they are also stepping on some toes that happen to be in an already competitive field. To the naked client eye, coughing up a couple bucks a month may seem better than a couple hundred or thousand up front.

Of course, coders aren’t the only ones to suffer this. The design community is regularly up in arms because of a different kind of competition. There were amateurs and really poor designers who began to severely decrease their prices for design work. They undercut and undermined the work that many designers pride themselves on. I’m talking, $50 for a logo and $10 for business card type deal. I actually saw someone advertising logo design services for $5 the other day. There were people out there who would design an entire website for pennies, compared to what I would charge.

The issue is rampant. Because of this, businesses and clients didn’t value designers as much as they should. They figured they knew how much a skill set was worth, as well is how much time a job should take. They had no concept of good design and what the value of that design was, thanks to price-based competition. And it really makes pricing and getting work hard.

 

The main offenders

SquareSpace

SquareSpace is one of the heaviest hitters when it comes to  to website builders. SquareSpace can almost do anything. The developers are always adding plugins and such to make it better and easier to use for their consumers. They know what they want their product and brand to be and are doing whatever they can to make it so.

Are coders an endangered species?

 

Breezi

I’ve used Breezi a couple of times and honestly, I don’t have many bad things to say about it. It’s very powerful and my only complaint was that it’s not available as a script I can put on any web host, much like WordPress. Breezi differentiates itself by adding tons of apps and plugins so that you can do whatever you need with whatever website you have. It has its own content management system, form database, and so much more.

Are coders an endangered species?

 

Adobe Muse

And then Adobe decided it wasn’t enough to have many of these website builders online. Nope. They went and created a piece of software that allows designers to create websites much like print designers mock up magazine spreads. Adobe Muse hasn’t caught on quite as much as I think it could — I wonder if that has to do with poor promotion or poor perception? Either way, if Dreamweaver is too complicated for you, Muse is the step down without feeling cheap like other WYISWG applications one can download.

Are coders an endangered species?

 

Virb

This website builder isn’t much different than the others. It’s pretty powerful with a solid blog and management system. They differ by competing (or trying to) on price and features. Most of their templates and themes (like most others) are responsive and Virb includes almost unlimited everything on a cloud. There are a lot of great websites coming from Virb, especially nice portfolios from designers.

Are coders an endangered species?

 

Wix

Wix has been around for a very long time. In the era where the Internet was about flashiness and pizzazz and glitter backgrounds, Wix was doing something new because they built Flash websites. Now, not so much, but they’re still making fair-looking websites for those of us who aren’t technical. Wix is geared more towards the regular consumer — someone not necessarily into design or development, but they were easily the website builder to take notes from.

Are coders an endangered species?

 

What can developers do? 

Are coders an endangered species?

Web designers have kept themselves relevant by continually pushing the envelope. The question is, how can developers do the same? It may seem like a silly question, after all, we’re talking about competing with computers and robots. But I believe, the threat could become extremely real if these types of editors become prevalent and more exposed.

Stay ultra-creative

The thing about most of these editors is their templates and themes are extremely cookie-cutter templates seen on 75% of the websites online today. It makes sense for such a general product, but to gain the upper hand, you should make sure you’re thinking as creatively as possible.

By being creative, I mean experiment with different types of layouts and user interfaces. You know what’s popular and trendy at the moment, but think about how you could make that your own. Having the individual creative flair draws people to you and allows you to have a leg up on any competition, whether human or electronic. 

Learn something new

It seems like as time passes and technology increases, designers and creators must learn a bunch of new techniques to make themselves more attractive. Something gets old and it’s our job to know how to do the next big thing.

If you are an designer, learn photography. If you’re photographer, learn video. If you’re a coder, you’ll probably want to learn a programming language. Or you want to know what cool and neat tricks you can do with HTML5 and CSS3. You may want to learn how to build apps. Whatever you do, just make sure you can leverage it as extra value to a potential client. 

Use it to your advantage

Every so often, you’ll get a client whose budget isn’t exactly one you’d accept. They might be friends or family or maybe even a nonprofit in your community. As easy as it is to hate sites like Breezi, don’t be so quick to push them to the side. 

Clients are just paying you because they want your dope skills, but also because they don’t have the time to learn it or do it themselves. You may do yourself some good by learning how to use these apps to make cheaper alternatives for smaller budgets. Some apps come white label and some don’t, but either way there may be a way to use these types of new or, competitive technologies to your advantage.

 

Conclusion

We’ve gotten over this type of thing before. The web design/development community is always searching for solutions and the next big thing after the next big thing. And I believe as technology furthers for what we can’t do, it will continue to further for what we can do as well. Is nothing like a little dose of what’s next to get your skill set prepared for the future.

 

Do you think your job is threatened by WYSIWYG editors? Have you used any of these services on a project? Let us know in the comments.



Mega Design Bundle from Inventicons – only $49!
Are coders an endangered species?


Source
    


05 Aug 07:29

What Happens At Def Con Stays With Us All

by Jon Evans
paranoia

There’s nothing like attendance at the annual Black Hat and Def Con security/hacker conferences to hike your paranoia into the red zone and keep it there forever. You come away with the sense that nothing, anywhere, ever, is safe–and that’s just from talks given by people willing to publicize their work. Compared to the secret legions of the NSA and other governments’ equivalents, and invisible armies of mercenary black-hats selling zero-day exploits to the highest bidder, Def Con may well only be the iceberg’s tip.

What follows is a brief and highly subjective summary of the talks that people seemed to be talking about most, and/or the ones I found most interesting:

A seriously ill wind blows some good news for BlackBerry

Alex Stamos warned the world of a potential Cryptopocalypse: the RSA encryption algorithm, which is “by far the most widely used public-key cryptosystem in the world,” may be killed by math within the next five years, along with the standard Diffie-Hellman key-exchange protocol. A viable alternative is available — but guess what? Many of its crucial patents are owned by none other than everyone’s favorite crippled dinosaur, BlackBerry.

HTTPS isn’t really so S

Even if some bright mathematician doesn’t destroy online security as we know it, HTTPS still has plenty of other vulnerabilities. The BREACH exploit can use a vulnerability in compression algorithms to pluck email addresses and other data from encrypted connections. A fake termination of a TLS session (note to power users; what you’ve been calling SSL has probably really been TLS for some time now) can lead to the hijacking of a Gmail session (for five minutes) or an Outlook one (for much longer.) Oh, yeah, and client-side TLS sessions appear to be vulnerable too.

The secret computer inside your phone

There are more than 7 billion SIM cards out there, including, probably, the one in yours. Did you know that each one is a tiny little computer in its own right, is under the complete control of your carrier, and can cause phones to make and receive calls, send and receive SMSes, open up URLs, and many other actions? Karl Koscher and Eric Butler (the creator of Firesheep) walked their audience through a great software-archaeology talk on how to program these quasi-obsolete but ubiquitous devices…which is particularly relevant in light of Karsten Nohl’s talk on how approximately 1/4 of all SIM cards in existence can be exploited via a serious security flaw.

CDMA phone? No SIM card! You’re…totally not safe either. Sorry.

Your home is not your castle

Primus locks were supposed to be high-security. Not any more: nowadays Primus keys can be reliably duplicated with a 3D printer. We’re not far from the days when people can simply take a picture of a key and have a perfect physical copy mailed to them a few days later. Even if your door is secure, your home is not: smart TVs can be hacked and even used to spy on you, and your home network and home automation systems are no less vulnerable to hackers.

Et tu, Apple?

But at least we can rely on Apple products to stay safe, right? Guess again: if you plug your unlocked iOS device into a charging station, then that station can upload and run arbitrary code on your device – in other words, take it over completely. If you’re a Person Of Interest you’d best think thrice before plugging your iPhone into a hotel charger ever again.

The Chinese have hacked into American water plants…

…well, at least one honeypot water plant, as shown by Kyle Wilhoit of Trend Micro. Meanwhile, Lucas Apa and Carlos Penagos explained to the world how industrial facilities can be compromised from many miles away.

So you can’t trust your Internet connection, your phone, your home, your iPad, or your local infrastructure. And those are just the bugs that people are willing to talk about. Stay alert! Trust no one! Keep your laser handy!

Image credit: Sinauridze, Deviant Art.


02 Aug 07:32

Google Monopoly

by Baptiste

James Belkevitz a imaginé « Google Monopoly », un remake du jeu de société qui critique avec intelligence la politique de ce géant. Une idée bien réalisée, proposant aux joueurs de commencer avec la valeur économique de Google, c’est-à-dire 251 milliards de dollars. Plus d’images dans la suite.

Google Monopoly5 Google Monopoly6 SONY DSC SONY DSC SONY DSC SONY DSC
01 Aug 07:55

Le directeur de la NSA se fait chahuter lors de la Black Hat

by Korben

Keith Alexander, le directeur de la NSA ne manque pas de coucougnette...

Lors de la célèbre conférence Black Hat qui se tient en ce moment même à Las Vegas, il est monté sur scène pour faire son traditionnel speech sur les bienfaits de la NSA, le rôle des hackers américains, et l'importance d'une collaboration et d'une relation de confiance entre les États-Unis et ses hackers.

L'année dernière, il était à la Defcon et il a tenu le même discours... Sa conf ne m'a pas laissé un souvenir mémorable. C'était surtout des conneries de propagande... Bref...

Hier, il blablate donc pendant 30 minutes lorsque Jon McCoy, un expert en sécurité, cri dans la salle : "Freedom !" (Liberté !)

Keith Alexander lui répond alors : "Exactement ! Nous travaillons pour la liberté." (Et paf applaudissements !)

Jon Mc Coy cri de nouveau un magnifique "Bullshit !" (Conneries !). "Bien joué !" répond Keith et les applaudissements retentissent à nouveau dans la salle. Keith Alexander essaye alors d'orienter la discussion en répondant à Mc Coy que ce que ce dernier essaye probablement de dire, c'est qu'il faut discuter des outils, expliquer les subtilités de cette surveillance...etc.

Mais Mc Coy répond : "Non, je dis juste que je ne vous crois pas." Et un autre hacker, d'ajouter : "Vous avez menti au Congrès. Pourquoi les gens croiraient que vous n'êtes pas en train de leur mentir en ce moment même."

Le directeur de la NSA, légèrement déstabilisé par cette confrontation en public rétorque qu'il n'a pas menti au congrès et qu'il est important selon lui que les hackers et lui-même aient une conversation sans mensonge et sans détour dans les limites du secret défense bien sûr. D'après lui, les gens croient ce qu'ils lisent dans la presse, sans rechercher les faits.

Et quels sont les faits d'après Alexander Keith ? Et bien que le Congrès a parfaitement validé le programme de surveillance de la NSA et que la cour qui gère les demandes FISA doit valider les cas où ce sont des citoyens américains qui sont mis sous surveillance. D'après Keith, cette cour fait un travail très sérieux et respecte la loi et la constitution américaine. Fait amusant, le directeur adjoint de la NSA était entendu cette même semaine pour l'histoire des enregistrements téléphoniques des Américains.

Hier, Snowden a même révélé l'existence d'un outil baptisé XKeyScore qui permet d'explorer les millions d'emails et d'historiques internet collectés en temps réel par la NSA. Et personne ne peut croire une seconde que dans ces millions d'emails, il n'y en a pas qui aient été reçus et envoyés par des Américains.

Le directeur de la NSA a ensuite déballé toute la propagande et les violons en expliquant que c'était la guerre et que cette surveillance généralisée permettait de sauver des soldats sur le front irakien ou afghan grâce à de précieux renseignements collectés.

Honnêtement, je ne sais pas pour vous, mais je doute que mes emails aident à sauver la vie des soldats américains. Les aider à dépanner leur ordi, à la limite...

Évidemment, suite à ce discours qu'il jure vrai (sur la tête de ses 15 petits-enfants...), la salle a applaudi à tout rompre. Le public était apparemment largement en faveur du directeur de la NSA... Comme quoi, le discours patriote fonctionne encore plutôt bien aux États-Unis malgré les abus révélés et malgré un public de hackers qu'on pourrait penser plus critiques sur ces points-là.

Dans une dernière tentative, Mc Coy cri à nouveau pour dire "Lisez la Constitution !"

Et Keith répond : "Je l'ai lu et vous devriez en faire de même" . Et reapplaudissement ! À croire que la NSA avait embauché des chauffeurs de salle ;-)

Après la conf, le journaliste de Forbes est parti interviewer Mc Coy qui lui a expliqué que tout le monde a parfaitement conscience que le discours du directeur de la NSA sur la guerre et les sacrifices à faire pour garder cette liberté est  téléphoné, similaire à ce qu'on peut voir sur Fox News.

D'après Mc Coy, tout le monde pense comme lui, mais personne n'ose l'ouvrir en public. Chacun croit qu'il est le seul à avoir cette opinion, et pourtant, toujours d'après lui, 98% des Américains ressentent un vrai malaise avec ce qui se passe en ce moment. Mais comme tout le monde se tait, il ne se passe rien et la NSA conserve les mains libres...

30 Jul 13:44

Numergy : petit test...

by francois tonic

nous avons recu l'offre de test gratuit de 2 mois de l'offre Numergy. Nous avons donc créé notre environnement IaaS avec 2 instances Windows Server 2008 (2012 non disponible ), SQL Server, du load balancer, etc. facture mensuelle + 1000 € HT. le tout gratuit durantdeux mois. La configuration est plutôt simple et rapide. Même si le choix en logiciels Windows est très (trop) limité.

ensuite, il faut créer un compte : l'environnement doit se provisionner avant de recevoir le mot de passe utilisateur..

Remarques : il est dommage que l'on ne puisse pas voir l'état du provisionnement immédiatement comme sur d'autres services IaaS. Et surtout, pourquoi attendre la disponibilité de ses VM pour recevoir les mots de passe. L'ordre n'est pas logique.

Après 30 minutes d'attente, nous avons recu notre mot de passe. Bizarre, dans l'environnement créé précédemment, la console dit qu'il n'y a aucun serveur de créer...

Sur l'interface de création des serveurs / VM : pour créer des services, il faut aller dans catalogue puis choisir entre système et systèmes avec logiciels. Première question : pourquoi avoir doubler les options, pourquoi ne pas avoir créer une unique page fédérant l'ensemble des options. L'ergonomie n'est pas mauvaise mais on multiplie inutilement les "pages" (5 en tout) pour choisir le logiciel, l'instance. Petite remarque : quand on crée une VM, le mot de passe utilisateur du système n'est pas défini par l'utilisateur à la création c'est le système Numergy qui le crée (notification par mail.

Je décide de créer une nouvelle VM Windows de type Web+SQL. je valide tout. et surprise : disponibilité d'ici une heure de la VM. Pour du IaaS à la demande, c'est trop long. d'autre part, sur la console admin, il faut attendre la création pour accéder à la console. Là encore, il y a un manque de logique. Sur Azure ou EC2, l'utilisateur n'est pas bloqué.

La VM est maintenant créée. Il faut démarrer le serveur. L'opération est très rapide. Dans la console, on peut configurer le serveur : changer le gabarit, changer le stockage, etc. L'ergonomie n'est pas mauvaise mais la présentation mériterait des améliorations, une barre d'outils moins grosse, un peu sur le modèle d'Azure VM. Reste à se connecter à la VM... Si on veut faire du RDP ou du SSH, il faut associer sa VM à une IP publique. Mais celle-ci n'est pas affectée automatiquement. Il faut le faire manuellement. dommage (section administration -> pack IP). en RDP, message d'erreur. redémarrage de la VM... Nous passons par le RDP de Windows 8.1. La connexion se réalise sans problème. La connexion RDP via OS X est bien entendue possible...

Nos notes :
- configuration : 8/10
- création du compte, provisionnement des VM, envoi mot de passe, disponibilité du compte : 4/10
- statut durant la création de l'environnement : 0/10
- délai de la création de l'environnement (2 VM, load balancer, Windows + SQL Server) : 4 / 10
- sur la console : 7/10

Notre conclusion : notre première expérience Numergy est mitigée. une création d'environnement trop longue, un provisionnement de VM prenant de très longues minutes, le peu d'options dans les systèmes (Windows particulièrement). L'interface de création a besoin d'être revu et simplifiée, idem pour la console qui ne possède pas une interface aussi fluide et pratique que sur EC2 ou Azure. Au final, Numergy offre une service IaaS classique.

Quelques écrans :
Capture_d_ecran_2013-07-30_a_09.22.12.pngCapture_d_ecran_2013-07-30_a_09.25.03.pngCapture_d_ecran_2013-07-30_a_09.28.50.pngCapture_d_ecran_2013-07-30_a_09.32.14.pngCapture_d_ecran_2013-07-30_a_09.32.26.pngCapture_d_ecran_2013-07-30_a_09.37.14.png

30 Jul 09:26

Décès d'un hacker qui devait révéler des informations sensibles jeudi

by Jacques Le Bris

Barnaby Jack, un "gentil" pirate, était notamment célèbre pour avoir dévoilé des failles dans les distributeurs de billets, dans le but de les combler.

 

Sale temps pour les hackers "white hat" (chapeau blanc, donc "gentils") : après le suicide en janvier d'Aaron Swartz, 26 ans, c'est le génie Barnaby Jack, 35 ans, qui a été retrouvé sans vie à son domicile de San Francisco jeudi. L'agence Reuters a pu confirmer le décès auprès de la police, sans toutefois obtenir d'informations sur les circonstances du drame. L'homme était notamment célèbre pour avoir mis au jour les faiblesses des distributeurs automatiques de billets (voir la vidéo du "jackpotting"), au grand dam des banques qui avaient tout fait pour décrédibiliser ses découvertes. Lui affirmait avoir travaillé "simplement pour prouver la faiblesse des dispositifs électroniques du quotidien". Deux mondes qui ne pouvaient se comprendre...

Internet s'émeut de la mort du hacker, l'un des leaders des "white hats", d'autant plus qu'il devait dévoiler ce jeudi à la conférence Black Hat de Las Vegas des informations cruciales sur la sécurité des systèmes de santé, dont notamment les pacemakers et les défibrillateurs implantés. Barnaby Jack affirmait que la scène de la série Homeland dans laquelle un homme est tué par la désactivation malicieuse de son pacemaker à distance est parfaitement réalisable. Ses affirmations étaient prises au sérieux, puisqu'il avait déjà prouvé qu'il était capable de détourner une pompe à insuline pour déclencher une dose mortelle à un patient.

Tensions avec les autorités

(...)



29 Jul 08:22

Anamorphic 3D Illusion Drawings

by Solene

L’artiste italien Alessandro Diddi questionne le point de vue et la pertinence du regard au travers de ses anamorphoses. Selon le point de vue selon lequel on se place, les croquis faits au crayon de papier semblent être en 3 dimensions. Des trompes l’oeil incroyables à découvrir en images.

 width=

 width=

 width=

 width=

 width=

 width=

 width=

 width=

 width=

ad2 ad4 ad1 ad5 ad6 ad8 ad9 ad ad3
28 Jul 19:31

One of the largest space battles in human history is now unfolding (updating live)

by Ellis Hamburger
War_fleet_large

In less than an hour, a battle of interstellar proportions will break out in the MMORPG Eve Online, a spacefaring simulation with its own politics, economies, and wars — all controlled exclusively by players. Between three and four thousand pilots are set to do battle in one of the largest fights ever on Eve, which you can watch live below or on Twitch.tv.

The battle is expected to rival the legendary Battle of Asakai as one of the most epic battles in Eve history — which totalled equivalent to $20,000 in losses for the losing team. Today's battle doesn't yet have its own name, but is taking place in a system known as 6VDT between two of the largest player alliances in the game, TEST Alliance and the CFC. In order to keep lag to a...

Continue reading…

27 Jul 10:12

Post-mortem – naissance, vie et mort de ma startup — #fail | Création d'entreprise & startups ! | Guilhem Bertholet

by Julien André

TL;DR En partant il y a presque 2 ans de l’incubateur HEC pour lancer une startup (sans encore en avoir l’idée fondatrice), je ne m’imaginais


26 Jul 11:50

Le Monopoly perd sa case prison

by Ben
L’heure est grave : le Monopoly sera prochainement décliné en une nouvelle version, dénuée de sa case prison. Et ce afin de réduire la durée des parties ! Hasbro va donc lancer d’ici peu une nouvelle mouture de son célèbre … Continuer la lecture →
22 Jul 20:04

OVH piraté, les clients européens invités à changer leur mot de passe

Après Apple et Ubuntu, c'est au tour d'OVH de faire savoir que la sécurité de ses serveurs a été compromise et que les données clients européens sont dans la nature. Une vaste campagne de mail partira ce jour pour demander à ce que les mots de passe soient réinitialisés.
Rédigé par Damien Labourot
19 Jul 19:01

Geektastic Yoda Inspired Hoodie [Pic]

by Geeks are Sexy

yoda

[GAS] reader Erin just sent me this fantastic Yoda inspired hoodie she recently made, and the best thing about it is that she’s selling it on Etsy! The product is tagged as “made to order” so if you really want one, she’ll create as many as it takes to fulfill the orders.

[Yoda Inspired Hoodie]