شاطی رودخانه ای به سوی دنیای متن باز

پروژه ها و برنامه ها و سمینار های اینجانب به صورت آزاد در این سایت قرار می گیرد

شاطی رودخانه ای به سوی دنیای متن باز

پروژه ها و برنامه ها و سمینار های اینجانب به صورت آزاد در این سایت قرار می گیرد

پروژه ها و برنامه ها و سمینار های اینجانب به صورت آزاد در این سایت قرار می گیرد. امیدوارم با این کار سرآغازی برای آزادی در مرز های دانش باشم .

طبقه بندی موضوعی
کلمات کلیدی

prolinux
بایگانی
آخرین مطالب
پیوندها

۲۲ مطلب با موضوع «html css jquery ide» ثبت شده است

۲۹
آذر ۹۴

html form to select data for send to ajax

html form to select data for send to ajax

 

https://scotch.io/tutorials/submitting-ajax-forms-with-jquery

۰ نظر موافقین ۰ مخالفین ۰ ۲۹ آذر ۹۴ ، ۱۴:۴۸
مبین
۰۴
آبان ۹۴

admin panel

http://speckyboy.com/2014/05/16/free-bootstrap-admin-themes/

۰ نظر موافقین ۰ مخالفین ۰ ۰۴ آبان ۹۴ ، ۱۲:۲۴
مبین
۱۷
مهر ۹۴

ایجاد اسلاید شو در وب

https://github.com/impress/impress.js?utm_source=twitterfeed&utm_medium=twitter

 

 

https://github.com/impress/impress.js/wiki/Examples-and-demos

 

 

https://github.com/impress/impress.js/wiki/impress.js-tutorials-and-other-learning-resources

 

https://www.opensesame.com/c/create-impressjs-presentation-10-minutes-training-course

 

مثال

 

http://parhumm.github.io/presentation-learning-to-design/#/title

https://github.com/impress/impress.js/wiki/impress.js-tutorials-and-other-learning-resources

۰ نظر موافقین ۰ مخالفین ۰ ۱۷ مهر ۹۴ ، ۱۰:۵۹
مبین
۱۲
مهر ۹۴

افقی کردن متن

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
 
<style>
  h1 {
    width: 50px;
    font-size: 50px;
    word-wrap: break-word;
  }
</style>
</head>
<body>
  <h1> NETTUTS </h1>
</body>
</html>
 
 
http://code.tutsplus.com/tutorials/the-easiest-way-to-create-vertical-text-with-css--net-15284
 
 
------------------------------------------------------
 
.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
}

 

http://davidwalsh.name/css-vertical-text

http://stackoverflow.com/questions/1080792/how-can-i-draw-vertical-text-with-css-cross-browser

۰ نظر موافقین ۰ مخالفین ۰ ۱۲ مهر ۹۴ ، ۱۵:۳۳
مبین
۳۱
شهریور ۹۴

اضافه کردن داینامیک js در هنگام ajax

برخی از توابع jquery بعد از Ajax  از کار می افتند که راه حلش به شرح زیر است :

 

        var myStylesLocation = "jquery.countdown.min.js";
        $.get(myStylesLocation, function (js) {
            $('<script></script>').html(js).appendTo("head");
        });

۰ نظر موافقین ۰ مخالفین ۰ ۳۱ شهریور ۹۴ ، ۱۲:۵۵
مبین
۳۰
شهریور ۹۴

jquery after ajax not working

 


        $(".star").click(function () {
            $(".rate").addClass('bounceOut');
            setTimeout(function () {
                $(".rateresult").css('display', 'block');
                $(".rateresult").addClass('bounceIn');
            }, 500);
        });
 

 

use this code

 

 


    $(document).on('click', ".star", function () {
        $(".rate").addClass('bounceOut');
        setTimeout(function () {
            $(".rateresult").css('display', 'block');
            $(".rateresult").addClass('bounceIn');
        }, 500);
    });

 

 

 

when addclass and remove class not work

 

            $("#star1").attr('class', 'star animated pulse');

۰ نظر موافقین ۰ مخالفین ۰ ۳۰ شهریور ۹۴ ، ۱۷:۴۲
مبین
۲۹
شهریور ۹۴

editor tpl

http://stackoverflow.com/questions/905416/add-a-custom-file-extension-to-netbeans

 

 

از bracket هم میشه استفاده کرد.

۰ نظر موافقین ۰ مخالفین ۰ ۲۹ شهریور ۹۴ ، ۱۶:۵۱
مبین
۲۹
شهریور ۹۴

jquery 3d

http://threejs.org/

 

http://zufallsgenerator.github.io/firesimulation/realistic.html

 

http://zufallsgenerator.github.io/firesimulation/realistic.html

canves

۰ نظر موافقین ۰ مخالفین ۰ ۲۹ شهریور ۹۴ ، ۱۶:۰۸
مبین
۲۷
شهریور ۹۴

نمایش مپ خیابانی با ابزار متن باز

می شود به جای گوگل مپ که ابزاری انحصاری است و بعضا مشکلات تحریم و عدم دسترسی به ایرانیان را ایجاد می کند

از ابزار متن باز زیر استفاده نمود.

https://www.openstreetmap.org

۱ نظر موافقین ۰ مخالفین ۰ ۲۷ شهریور ۹۴ ، ۲۲:۵۷
مبین
۱۷
شهریور ۹۴

تعیین مختصات برای گوگل مپ

http://itouchmap.com/latlong.html

۰ نظر موافقین ۰ مخالفین ۰ ۱۷ شهریور ۹۴ ، ۰۶:۱۷
مبین
۱۶
شهریور ۹۴

font svg icon

svg font to use in website

http://fontawesome.io/

۰ نظر موافقین ۰ مخالفین ۰ ۱۶ شهریور ۹۴ ، ۱۷:۰۴
مبین
۱۶
شهریور ۹۴

ابزار روی فایرفاکس برای کنترل بروزر

Web Developer

را در add one fire fox  جستجو کنید

 

http://chrispederick.com/work/web-developer/

۰ نظر موافقین ۰ مخالفین ۰ ۱۶ شهریور ۹۴ ، ۱۵:۳۴
مبین
۱۲
شهریور ۹۴

svg

http://www.transformicons.com/

 

http://tympanus.net/Development/AnimatedSVGIcons/

۱ نظر موافقین ۰ مخالفین ۰ ۱۲ شهریور ۹۴ ، ۱۷:۳۹
مبین
۰۸
شهریور ۹۴

css dynamic

Sass (stylesheet language)

 

https://en.wikipedia.org/wiki/Sass_%28stylesheet_language%29

 

http://sass-lang.com/

۰ نظر موافقین ۰ مخالفین ۰ ۰۸ شهریور ۹۴ ، ۲۰:۱۳
مبین
۰۸
شهریور ۹۴

plugin bracket

Brackets Beautify

Brackets Beautify can be run manually on the whole file or on a selection. Use the menu entry Edit > Beautify, the context-menu entry Beautify, or one of the keyboard shortcuts Ctrl-Alt-B(Windows/Linux), Ctrl-Shift-L (Windows), Cmd-Shift-L (Mac), or define your own.

Alternatively it can be enabled to run automatically on save. Use the menu entry Edit > Beautify on save or the more advanced settings to activate.

 

https://github.com/Hirse/brackets-beautify

 

 

۰ نظر موافقین ۰ مخالفین ۰ ۰۸ شهریور ۹۴ ، ۱۵:۲۷
مبین
۰۸
شهریور ۹۴

مشکل bracket libgcrypt 11

برای حل این مشکل

 

http://www.webupd8.org/2015/04/fix-missing-libgcrypt11-causing-spotify.html

 

۶۴ بیتی

https://launchpad.net/ubuntu/+archive/primary/+files/libgcrypt11_1.5.3-2ubuntu4.2_i386.deb

۰ نظر موافقین ۰ مخالفین ۰ ۰۸ شهریور ۹۴ ، ۱۵:۱۰
مبین
۲۲
مرداد ۹۴

css reset normalize

http://meyerweb.com/eric/tools/css/reset/

 

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 

 

and normalize

https://necolas.github.io/normalize.css/

۰ نظر موافقین ۰ مخالفین ۰ ۲۲ مرداد ۹۴ ، ۱۱:۰۳
مبین
۲۱
مرداد ۹۴

extention for bracket

http://blog.brackets.io/2012/12/07/zen-coding-emmet-io-brackets-extension/?lang=en

۰ نظر موافقین ۰ مخالفین ۰ ۲۱ مرداد ۹۴ ، ۲۲:۲۷
مبین
۲۱
مرداد ۹۴

نکات css

float: left;

شناور ساختن جعبه ها

 

min-width: 600px;

حداقل جعبه
 

max-width: 100px;

 

 

min-width: 600px;

width: 80%

 

 

http://www.w3schools.com/cssref/pr_class_clear.asp

clear: both;

no float

 

overflow: scroll;

 

----------------------------------------------

list

display:inline

برداشتن خط

text-decoration: none;

 

a:hover

 

 

تنظیمات زمانی که خواهان تغییر قرار دادن موس روی المان باشبم

 

--------------------------------------------------------

index of first text

text-indent: 50px;

 

------------------------------------------------------------

فاصله بین حروف

letter-spacing: 2px;

 

--------------------------------------------------------------

نوشتن بزرگ

    text-transform: uppercase;

 

-------------------------------------------------------------------

گوگل فونت

https://www.google.com/fonts/

 

-------------------------------------------------------------

p::after {
    content: " - Remember this";
}

بعد از هر پارگراف عبارت خاصی را بنویسد

 

برای اخرین پاراگراف

 

p:last-child {
    background: #ff0000;
}

 

p:last-child:after {
    content: " - Remember this";
}

 

----------------------------------------------------------

فاصله بین خطوط

p.small {
    line-height: 70%;
}

p.big {
    line-height: 200%;
}

۰ نظر موافقین ۰ مخالفین ۰ ۲۱ مرداد ۹۴ ، ۱۳:۰۵
مبین
۱۸
مرداد ۹۴

text

text-decoration: underline;

 

تعیین خط روی عبارت

 

------------------------------------------------------

link css to html

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
 
----------------------------------------------------------
 
nth child css
 
p:nth-child(2) {
    background: #ff0000;
}
 
--------------------------------------------------------------
 
p:first-of-type {
    background: #ff0000;
}
 
--------------------------------------------------------------
p.thick {
    font-weight: bold;
}
-------------------------------------------------------------
 
p.serif {
    font-family: "Times New Roman", Times, serif;
}
۰ نظر موافقین ۰ مخالفین ۰ ۱۸ مرداد ۹۴ ، ۱۶:۲۳
مبین
۱۸
مرداد ۹۴

list

list
 

<ol>

<ul>

<dl>

    <dt>

    <dd>

 

 

----------------------------------------

blockquote

 

صرفا برای مشخص کردن نقل قول در کد

 

_____________________________

 

۰ نظر موافقین ۰ مخالفین ۰ ۱۸ مرداد ۹۴ ، ۱۴:۴۳
مبین
۰۴
خرداد ۹۴

ابزار مانیتور وب سایت

 

 

سایت ابزار کلی

http://www.infobyip.com

 

مانیتور وب سایت

http://www.infobyip.com/testwebsiteresolution.php

 

وب سایت کلی

http://quirktools.com/

 

مانیتور وب سایت

http://quirktools.com/screenfly/

 

۰ نظر موافقین ۰ مخالفین ۰ ۰۴ خرداد ۹۴ ، ۱۶:۲۴
مبین
ساخت وبلاگ در بلاگ بیان، رسانه متخصصان و اهل قلم