وب کاران – طراحی وب سایت

برای سفر به نزدیکترین منظومه ستاره ای به چه فضاپیمایی نیاز داریم؟

در سفر به کهکشان برای رسیدن به نزدیکترین منظومه هیچ راه بازگشتی در کار نیست و این یک سفر یک طرفه خواهد بود. دلیل موضوع به محدودیت های تعریف شده بر اساس نظریه نسبیت خاص اینشتین باز می گردد. بر طبق این نظریه هیچ چیزی نمی تواند سریعتر از نور حرکت کند. در این صورت سفر به نزدیکترین سامانه ستاره ای هزاران سال طول خواهد کشید.

…

اسکریپت نمایش درختی (tree view)

نوشته شده توسط: وب کاران ۳ اسفند, ۱۳۹۷

کدهای جاوااسکریپت

tree view , اسکریپت نمایش درختی

با استفاده از این اسکریپت ساده می توانید دسته بندی ها، فایل ها، گروه ها و سایر موارد مشابه را به صورت درختی نمایش دهید. این اسکریپت مطابق کد نمونه در دو بخش head و body قرار می گیرد. آیکن های استفاده شده از آیکن های fontawesome بوده که به صورت CDN در قسمت head صفحه فراخوانی شده است.

<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
  $(function(){
  $('.tree-wrapper li').each(function(){
  if($(this).find('> ul').size() > 0)
  $(this).addClass('p-right').append('<i class="fa fa-plus"></i>')
  $(this).siblings().addClass('line-hor');
  $(this).parent('ul').addClass('line-ver');
  });
  $('.fa-plus:not(.fa-minus)').parent('li').siblings().addClass('p-right'); 
  $('.tree-wrapper li > i').each(function(){
  $(this).click(function(){
  $(this).parent('li').find('> ul').slideToggle(150);
  $(this).toggleClass('fa-minus');
  });
  }); 
  });
  </script>
<style>
   .tree-wrapper {
  direction:rtl;
  line-height:100%;
  width:350px;
  margin:0 auto;
  font:normal 12px tahoma;  
  } 
  .tree-wrapper ul, .tree-wrapper li {
  list-style:none;
  padding:0;
  margin:0;
  }
  .tree-wrapper li,.tree-wrapper a {
  box-sizing: border-box;
  line-height:100%;
  } 
  .tree-wrapper li {
  position:relative;   
  }  
  .tree-wrapper li span.text {
  padding:15px;
  display:inline-block;   
  }
  .tree-wrapper li.p-right {
  padding-right:15px;
  }
   .tree-wrapper li a:hover {
   background-color:#fafafa;
   box-shadow:inset 0 0 0 1px #ddd;
   }   
  .tree-wrapper li span[class*="fa-"]{
  display:inline-block;
 vertical-align:middle;
 margin-right:10px;
 color:#f1a734;
 font-size:14px;
  }
  .tree-wrapper li:last-child {
  border-bottom:0;
  }
  .tree-wrapper li > a {
  padding:15px 10px;
  display:inline-block;
  text-decoration:none;
  font-family:tahoma;
  font-size:12px;
  vertical-align:middle;
  }
  .tree-wrapper li > i {
  position:absolute;
  right:0;
  color:#666;
  top:15px;  
  cursor:pointer; 
  font-size:14px;  
  }
  .tree-wrapper ul li ul {
  display:none;
  position:relative; 
  }  
  .tree-wrapper ul.line-ver::before {
  content:"";
  position:absolute;  
  right:-15px;
  width:1px;
  top:-12px;
  height:calc(100% - 8px);
  background-color:#ddd;
  }
  .tree-wrapper > ul.line-ver::before{
  display:none;
  }
   .tree-wrapper li ul li.line-hor::before{
   content:"";
  position:absolute;  
  right:-15px;
  width:10px;
  top:21px;
  height:1px;
  background-color:#ddd;
  }
  </style>
</head>
<body>
<div class="tree-wrapper">
  <ul>
    <li><span class="fa fa-file-o"></span><span class="text">بدون لینک</span></li>
    <li><span class="fa fa-file-o"></span><a href="">لینک 2</a>
      <ul>
        <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
        <li><span class="fa fa-file-o"></span><a href="">لینک 2</a>
          <ul>
            <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
            <li><span class="fa fa-file-o"></span><a href="">لینک 2</a></li>
            <li><span class="fa fa-file-o"></span><a href="">لینک 3</a>
              <ul>
                <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
                <li><span class="fa fa-file-o"></span><a href="">لینک 2</a></li>
                <li><span class="fa fa-file-o"></span><a href="">لینک 3</a>
                  <ul>
                    <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
                    <li><span class="fa fa-file-o"></span><a href="">لینک 2</a></li>
                    <li><span class="fa fa-file-o"></span><a href="">لینک 3</a></li>
                    <li><span class="fa fa-file-o"></span><a href="">لینک 4</a></li>
                    <li><span class="fa fa-file-o"></span><a href="">لینک 5</a></li>
                  </ul>
                </li>
                <li><span class="fa fa-file-o"></span><a href="">لینک 4</a></li>
                <li><span class="fa fa-file-o"></span><a href="">لینک 5</a></li>
              </ul>
            </li>
            <li><span class="fa fa-file-o"></span><a href="">لینک 4</a></li>
            <li><span class="fa fa-file-o"></span><a href="">لینک 5</a></li>
          </ul>
        </li>
        <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
        <li><span class="fa fa-file-o"></span><a href="">لینک 1</a> </li>
        <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
      </ul>
    </li>
    <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
    <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
    </li>
    <li><span class="fa fa-file-o"></span><a href="">لینک 1</a></li>
  </ul>
</div>
</body>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

<head>

$(function(){

$('.tree-wrapper li').

…

spaceX با یک راکت Falcon 9 سه فضاپیما را به مدار فرستاد

نوشته شده توسط: وب کاران ۳ اسفند, ۱۳۹۷

Falcon 9 , SpaceX

کمپانی spaceX امروز برای دومین بار در سال ۲۰۱۹ یک راکت فالکن ۹ را به فضا پرتاب کرد و در این مأموریت، سه فضاپیمای مختلف را در مدار زمین قرار داد. محموله راکت فالکن ۹ شامل دو ماهواره و یک ماه نشین بوده است محموله راکت فالکن ۹ شامل یک ماهواره ارتباطی اندونزیایی، یک ماهواره کوچک تحقیقاتی متعلق به نیروی هوایی ایالات متحده و یک کاوشگر ماه نشین بوده که از طریق شرکت Spaceflight Industries برای پرتاب امروز هماهنگ شده اند.

…

ژاپنی‌ها برای دومین بار موفق به نمونه‌ برداری از سطح یک سیارک شدند

نوشته شده توسط: وب کاران ۳ اسفند, ۱۳۹۷

سیارک Ryugu

آژانس کاوش های هوافضای ژاپن (JAXA) به تازگی موفق شده با فرود فضاپیمای بدون سرنشین Hayabusa2 روی سیارک Ryugu (در فاصله ۳۲۰ میلیون کیلومتری زمین) ، برای دومین بار در تاریخ از سطح یک سیارک نمونه برداری کند. جالب است بدانید که نخستین نمونه برداری از سطح یک سیارک نیز در سال ۲۰۱۰ توسط ژاپنی ها و با فضاپیمای هایابوسا (نسل قبلی هایابوسا ۲) انجام شده و حالا برای بار دوم، نمونه های جدیدی از یک سیارک به زمین آورده خواهند شد و مطالعه آنها به شناخت بهتر روزهای ابتدایی شکل گیری منظومه شمسی کمک خواهد کرد.

…

زمان برخورد کهکشان راه شیری با کهکشان آندرومدا مشخص شد!

نوشته شده توسط: وب کاران ۱ اسفند, ۱۳۹۷

آندرومدا , کهکشان راه شیری

دانشمندان حوزه نجوم بر اساس بررسی‌های جدید خود متوجه شدند که زمان برخورد کهکشان راه شیری با کهکشان آندرومدا در حدود ۴.۵ میلیارد سال آینده خواهد بود و در آن زمان این دو کهکشان نابود خواهند شد. کهکشان آندرومدا (Andromeda Galaxy) که اغلب با نام‌های المراه المسلسله یا کهکشان زن بر زنجیر شناخته می‌شود، یک کهکشان مارپیچی است و در صورت فلکی آندرومدا قرار دارد.

…

ترامپ دستورالعمل چهارم در خصوص نیروی فضایی آمریکا را امضا کرد

نوشته شده توسط: وب کاران ۱ اسفند, ۱۳۹۷

ترامپ , نیروی فضایی آمریکا

بعد از هفته‌ها گمانه زنی روز گذشته دونالد ترامپ بالاخره دستورالعمل چهارم سیاست فضایی آمریکا را در جریان جنشی در کاخ سفید به امضا رساند؛ سندی که نشان می دهد چطور دولت وی می خواهد نیروی فضایی آمریکا را راه اندازی کند. مایک پنس معاون ترامپ در سخنرانی ماه اوت خود در رابطه با نیروی فضایی آمریکا گفته بود: درست مانند گذشته ایالات متحده آمریکا با تهدیداتی نوظهور در میدان های نبرد تازه روبرو شده.

…

پنج حقیقت جذاب تاریخی؛ از ارابه پرنده تا سونامی شیره در بوستون

نوشته شده توسط: وب کاران ۳۰ بهمن, ۱۳۹۷

«ناظم حکمت»، شاعر آزادی خواه و نمایشنامه نویس چیره دست ترکیه‌ای در نامه‌ای به همسر محبوبش توصیه می کند که تاریخ را مانند رمان بخواند اما برای درس گرفتن از آن هنگام برخورد به پیشرفت های صنعتی و نکات جالب زیر آنها خط کشیده و دوباره مرورشان کند. در این مطلب به پنج واقعیت جذاب تاریخی اشاره می کنیم که حتما توسط همسر ناظم حکمت هم زیر آنها خط کشیده می شد.

…

اسکریپت شمارنده کاهشی (Countdown)

نوشته شده توسط: وب کاران ۳۰ بهمن, ۱۳۹۷

کدهای جاوااسکریپت

اسکریپت شمارنده کاهشی

این اسکریپت امروزه در بسیاری از سایت ها، بویژه سایت های حراجی و فروشگاهی کاربرد زیادی دارد. شمارنده کاهشی مدت زمان باقیمانده به یک اتفاق و رویداد را برای کاربر نمایش میدهد. مانند زمان باقیمانده به پایان حراجی، یا شروع حراجی و…

این اسکریپت بسیار ساده و کاربردی بوده و با آشنایی خیلی مختصر با CSS می توانید ظاهر آن را طبق سلیقه خود تغییر دهید.

…

جدیدترین ماموریت فضایی ناسا شناخت آغاز و تکامل جهان خواهد بود

نوشته شده توسط: وب کاران ۳۰ بهمن, ۱۳۹۷

SPHEREx , تکامل جهان , ناسا

جدیدترین ماموریت فضایی ناسا با هدف شناخت آغاز و تکامل جهان انجام خواهد شد. فضاپیمای SPHEREx در طول ماموریت دو ساله خود ۳۰۰ میلیون کهکشان و ۱۰۰ میلیون ستاره را در کهکشان راه شیری بررسی خواهد کرد. ماموریت (SPHEREx) جدیدترین ماموریت فضایی ناسا محسوب می‌شود که عمر این ماموریت دو ساله بوده و با هدف شناخت آغاز و تکامل جهان انجام می‌شود.

…

ناسا تکنیک پرینت سه بعدی بانوی بنگلادشی را برای تولید سخت افزار بکار می‌بندد

نوشته شده توسط: وب کاران ۳۰ بهمن, ۱۳۹۷

ناسا , پرینت سه بعدی

پرینت سه بعدی تقریباً فرآیند تولید را در دنیای مدرن دگرگون کرده و می‌توان با کمک این فناوری، هر شئی را بدون راه انداختن خط تولید بزرگ ساخت. حال محققی بنگلادشی تکنولوژی جدیدی در این زمینه ابداع کرده و ناسا نیز قصد دارد از آن برای تولید سخت افزار بهره ببرد. با این تکنولوژی ابداعی می‌توان سنسور‌ها و حتی مدار‌های پیچیده ارتباطات بی سیم را روی یک بورد سخت افزاری پرینت کرد.

…