background preloader

Dev

Facebook Twitter

Проблемы CSS. Часть 1. От переводчика Статья большая решил разбить на две части.

Проблемы CSS. Часть 1

Впервые css был представлен примерно в 1995 году, и был предназначен для стилизации простых текстовых документов. Не веб сайтов. Не приложений. А именно текстовых документов. Для многих вещей, css, не был предназначен изначально, например для таких как: многоколоночность, отзывчивый веб дизайн и т.д. В лучшем случае — работу с css можно назвать веселым занятием. Перейдем к сути, ведь я здесь не для того, что бы высказать свое мнение о css. Я старался выбрать несколько действительно очень распространенных: Проблемы CSS. Часть 2. Bootstrap Editor and Playground for JavaScript, CSS, HTML5 and jQuery. Bootstrap Builder - Brix.io - Premium Interface Builder. The Most Advanced Responsive Front-end Framework from ZURB. Squire. Color Palette for Material Design. Material Design Color Palette Generator - Material Palette.

Material palette Material Design Examples Palette preview Full Palette colors below Label November 3rd Label November 1st Your Palette CSS SASS LESS SVG XML PNG POLYMER DOWNLOAD TWEET Dark primary color #303f9f Primary color #3f51b5 Light primary color #c5cae9.

Material Design Color Palette Generator - Material Palette

LayoutIt! - Interface Builder for Bootstrap. Dropify — Override your input files with style. Jets.js. Dottoro Slider Demo. Since popup slideshows are needed on almost every website, the theme comes with a couple of predefined popup slideshows that are designed to meet the most common needs.

Dottoro Slider Demo

They are fully responsive meaning they auto-adjust depending on the screen size of the device in both directions, horizontally and vertically. Builtin popup slideshows are readonly, but with the help of premade slider configurations (profiles) you can easily create custom ones. Check out the predefined popups slideshows by clicking on the plus sign appearing over the images. How to add an image to the content of a page/post that opens a popup slideshow when the user click on it?

When you insert an image via the WordPress media dialog, you will find an Overlay option on the right hand side of the dialog. jQuery Popup Overlay. Dans Tools - Online tools for users and developers. Sundgaard.dk. Fancyboot - Customize · Bootstrap. 18 Essential Bootstrap UI Editors. Bootstrap has exploded since Twitter released it in 2011, becoming one of the most popular responsive frameworks available.

18 Essential Bootstrap UI Editors

It boasts an extensive library of pre-styled components, plugins and add-ons that make kickstarting your next web project a breeze. There is no shortage of Bootstrap resources, but in this post, we will focus on the editing tools that allow you to customize the framework to suit your requirements. We gathered 18 of the best free and paid Bootstrap editors, available online or as desktop tools, to help boost your web development productivity.

Are there any Bootstrap editors that you use and would recommend? If so, please share with our readers in the comments below. PaintStrap - Generate Bootstrap themes using the color scheme. LayoutIt! - Interface Builder for Bootstrap. SEO Tools. Prototype JavaScript framework: a foundation for ambitious web applications. 80+ AJAX-Solutions For Professional Coding. Web-developers can create amazing web-applications with AJAX.

80+ AJAX-Solutions For Professional Coding

Stikkit1, Netvibes2, GMail3 and dozens of further web-projects offer a new level of interactivity we’ve used to give up the idea of. Modern web-applications can be designed with enhanced user interfaces and functionalities, which used to be the privelege of professional desktop-applications. AJAX makes it possible to create more interactive, more responsive and more flexible web-solutions. And it’s the first step towards rich internet applications of the future. Asynchronous JavaScript and XML isn’t a new programming language, as it is often mistakingly called. Kira's Web Toolbox. Приятная сборка frontend проекта.

В этой статье мы подробно разберем процесс сборки фронтенд проекта, который прижился в моей повседневной работе и очень облегчил рутину.

Приятная сборка frontend проекта

Contents. #c2a2b2 hex color. In a RGB color space, hex #c2a2b2 is composed of 76.1% red, 63.5% green and 69.8% blue.

#c2a2b2 hex color

Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 8.2% yellow and 23.9% black. It has a hue angle of 330 degrees, a saturation of 20.8% and a lightness of 69.8%. #c2a2b2 color hex could be obtained by blending #ffffff with #854565. Closest websafe color is: #cc9999. R 76 G 64 B 70 RGB color chart C 0 M 16 Y 8 K 24 CMYK color chart. Learn how to code. Html5 css. Improve Your Email Workflow With Modular Design. Whether you’re in a Fortune 500 company or part a two-person team launching your first web app, email is one of the most important tools for reaching your customer base.

Improve Your Email Workflow With Modular Design

But with the ever-growing number1 of emails to send2, getting them all out the door can seem a little overwhelming. By putting in place a solid email design workflow, you’ll be able to regularly ship engaging and mobile-friendly emails with ease. Behind The Responsive Redesign Of Kremlin.ru. Relaunching a large-scale website is always quite an undertaking, especially if the task involves a huge political entity with content accumulated over a dozen years.

Behind The Responsive Redesign Of Kremlin.ru

In this article, we look behind the scenes of the responsive redesign of Kremlin.ru41, Russia’s most prominent government website. We had an opportunity to talk with Artyom Geller2, one of the creative minds responsible for the design and UX of the project. We talked about the design process, the challenges and constraints, creative front-end solutions, as well as unusual budgets and stakeholders.

—Ed. “We Tried To Keep The Big Picture Consistent” Link Q: Artyom, let’s cut to the chase: working on a project of the scale of Kremlin.ru must be quite challenging and almost overwhelming. Working with a government entity isn’t that different from working with a commercial client. Work on the project started many years ago. The previous version of the site had served its purpose for six to seven years. Building With Gulp. Optimizing your website assets and testing your design across different browsers is certainly not the most fun part of the design process.

Building With Gulp

Luckily, it consists of repetitive tasks that can be automated with the right tools to improve your efficiency. Gulp is a build system that can improve how you develop websites by automating common tasks, such as compiling preprocessed CSS, minifying JavaScript and reloading the browser. In this article, we’ll see how you can use Gulp to change your development workflow, making it faster and more efficient.

EknowledgeTree Programming Blog. Today I will teach you how to create user login using codeigniter ,Let’s create login controller as below. With this login we can create a function called as user_login(); that will load our login view. keep in mind, for good programming behavior, we will also include our constructor function, with in that call the parent constructor as well. create controller file as welcome.php Once we created our login controller, we can go to the front and create our login view file.

Here we will create a very easy form, using some css styles to look superior. if needed, you can add this view file directly to your project. create view file as login.php If you observe above, the form action is set to – user_login. Introduction To CodeIgniter Template System. Templating system is one feature or library that must be thought in CodeIgniter, because CodeIgniter has a very simple method. Do not have the system layouts, widgets and more. Templating system to create in CodeIgniter we can make your own by using the functions provided by CodeIgniter or we can also use a templating system that already exists and is popular.

The usefulness of the templating system is: Most Simple Template Library for CodeIgniter. I know i'm being dense, but how would you change the nav_list items anchor build? Say you want the menu item in the nav list to say Photos but the link itself for navigation purposes needs to point to a controller that may not be named photos? It will build like but i really need Suzi Nov 21, 2008 #1 You're not being dense at all. In libraries/Template.php, set nav_list like that: $this->set('nav_list', array('photos' => 'Photos', '/gallery/add' => 'Add Photo')); Library. How To Run A Content-Planning Workshop. Content is hard. It takes a lot of planning, collaboration and governance to produce high-quality content that meets business needs, speaks in an authentic way and targets an audience effectively. Whether you’re an agency working with clients, or an in-house team working with others around your organization, getting people onboard with producing content is challenging.

Thankfully it isn’t all doom and gloom. PuPHPet - Online GUI configurator for Puppet & Vagrant. How do you pronounce PuPHPet? The p is silent. What do I need to get started with PuPHPet? There are a few pre-requisites before you can begin your virtualized journey. First, you must install the necessary tools. They're easy to get and will only take a minute: Second … well, that's all you need, really. I downloaded the zip file, now what? Using the terminal, or cmd line, cd into your extracted directory and run $ vagrant up. Vagrant will download the box file, which can take a few minutes.

Then, it will hand control over to Puppet which will begin setting up your environment by installing required packages and configuring tools as desired. A Simple Development to Deployment Workflow. In this article I’ll be taking a look at how to build a simple yet robust workflow for developing sites that require PHP and MySQL. I’ll show you how to use Vagrant51 to create and run a web server on your own computer, with the version of PHP your live site runs. I also demonstrate a process for using a hosted service to deploy files in a robust way to your live server. This article is for you if you currently have no way to test your PHP and MySQL sites locally, or use something like MAMP2 or XAMPP3.

The second half of the article will help you move away from uploading files using FTP to a process that is far less likely to cause you problems. WordPress HHVM Composer Capistrano - RichardTape.com. Note: This is a long tutorial (Over 4500 words) on how to set up WordPress on HHVM deployed with Capistrano and Composer. The actual process took me about an hour from start to finish. I’ve tried to be as complete as I could, but please leave comments if you see anything wrong or things that can be improved. Also, I have absolutely no idea who my audience is for this post, so I apologise in advance if the level of verbosity isn’t quite for you. Cleaning Up The Mess: How To Keep Your Coding Workflow Organized. Bootstrap Hover Image Gallery. Психотипы Бартла и балансировка аудитории / Блог компании Mail.Ru Group / Хабрахабр.

Несколько десятилетий назад профессор Университета Эссекса Ричард Алан Бартл придумал модель сегментации игроков по психологическим типам. Сегодня её используют разработчики игр во всем мире, в том числе и в Mail.Ru Group. HTML5 Playground. Небольшое хранилище для небольших файлов / Блог компании Webnames.ru / Хабрахабр - Vimperator. Во время разработки одного проекта возникла необходимость хранить множество файлов (более 4 млн. штук).

CodeIgniter / EllisLab - Vimperator. Vimperator. «Резиновая вёрстка»: используем отрицательные поля - Вёрстка - Webmascon. Я недавно столкнулся с задачей, в которой надо было создать двухколоночный макет страницы с "шапкой" и "подвалом", причём в коде страницы контент должен был быть расположен перед блоком боковой колонки. CSS3: свойство Box-Sizing / Хабрахабр - Vimperator. Thumbr script - Raymii.org - Vimperator. Use Nginx As Reverse Proxy Server - Vimperator. Nginx is an open source Web server and a reverse proxy server. PEAR DB Basics (Programming PHP) - e-Reading Library - Vimperator. PHP - Getting notice Undefined index - FAQ's - Extensions - DMXzone.COM - Vimperator.

Question: Search Forms and Results. Web Database Applications with PHP & MySQL - e-Reading Library - Vimperator. Юникс и другие » Blog Archive » Как в действительно выглядит оценка времени исполнения задачи или почему программисты не умеют прогнозировать сроки - Vimperator. ROBOT…OR NOT? - Vimperator. Yahoo! Smush.it™ - Vimperator. Data URL Maker, Data URL CSS Optimizer and the Data URL Toolkit - Vimperator.

Spritebaker - Ridiculously easy Base64 encoding for Designers - Vimperator. Форум на CrossPlatform.RU (Работает на Invision Power Board) - Vimperator. Code Beautifier: CSS Formatter and Optimiser - Vimperator. CSS. Google Browser Size. When can I use... Support tables for HTML5, CSS3, etc - Vimperator. Box-model.gif (GIF Image, 536 × 289 pixels) - Vimperator. Tsung Documentation and Release Notes - ProcessOne - Vimperator.

Load Test : Performance Testing : Load Testing Tool - Vimperator. Справочник по PHP : Управляющие функции : Управление выводом : Функции управления выводом — Справочник Web-языков - Vimperator. Поток документа - Vimperator. 9 of the Best Free Linux Groupware Software - Linux Links - The Linux Portal Site - Vimperator. 9 of the Best Free Linux Project Management Software - Linux Links - The Linux Portal Site - Vimperator.

6 of the Best Free Linux Documentation Generators - Linux Links - The Linux Portal Site - Vimperator. 9 of the Best Free Linux Integrated Development Environments - Linux Links - The Linux Portal Site - Vimperator. 7 Best Free Linux Time Tracking Software - Linux Links - The Linux Portal Site - Vimperator. 10 Best Free Linux Issue Tracking Systems - Linux Links - The Linux Portal Site - Vimperator. 10 Best Free Web Application Frameworks - Linux Links - The Linux Portal Site - Vimperator. Вещи, о которых следует помнить, программируя на Python / Хабрахабр - Vimperator. Засеки 25 минут! / Хабрахабр - Vimperator.

50 цитат о программировании всех времён / Хабрахабр - Vimperator. Вышел Zabbix 2.0 / Хабрахабр - Vimperator. Недуги проект-дезориентированного ПО / Хабрахабр - Vimperator. jClever — умный jNice с плюшками. Стилизация HTML-форм / Хабрахабр - Vimperator.