Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Mjukvara för Webdesign?

1 2
Skriv svar
Permalänk
Medlem
●

Mjukvara för Webdesign?

Jag har pillat en del med html och css programmering ett tag nu. Har hela tiden använt mig att NotePad++.

Men vilka program använder ni andra? Dela med er!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag använder också Notepad++, eller ja, jag gick över till Linux för ett år sedan och sedan dess har jag använt den inbyggda texteditorn Kate med motsvarande funktioner som Notepad++.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Kör Sublime Text 2 och Webmatrix.

Visa signatur

How to program

Redigera
Citera flera Citera
Permalänk
Medlem
●

Sublime Text 2 och Vim
Coda är ganska trevligt när man håller sig till enbart Html/Css

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Netbeans, kraftfullt och gratis IDE för webb och programmering.
https://netbeans.org/

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Slänger en till röst på Sublime text 2, har dock länge kört notepad++.

Visa signatur

Maximus X Hero - 8700k @5.1GHz - H115i - 32GB LPX@3466MHz - MSI 980Ti Gaming - EVGA SuperNova 750 G2 - Asus vg248qe - FD R5

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag kör med VS2012, fast dock så håller jag på mycket med ASP.NET, lol. D:

Visa signatur

"Helghan belongs to the Helghast!"

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Körde med Dreamweaver, sen bytte jag till Notepad++ därefter bidde det Sublime.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Gillar Sublime text 2 och netbeans.

Visa signatur

i5 6700K @4.5GHz -Noctua NH-U14S -Asus Geforce GTX 980 Ti Strix DirectCU III -ASUS PRO GAMING Z170 -Crucial DDR4 16 GB -Crucial MX300 750GB -Corsair RM750i - NZXT H440W Silent Ultra - ASUS VC239 -Dell Professional P1914S IPS

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Vim

Skickades från m.sweclockers.com

Visa signatur

9800x3d | Noctua NH-D15S Chromax Black | Gigabyte B650 | 64 GB G.Skill Trident Z | 3 * WD Black SN850 | Asus Prime 9070 XT | Fractal Design Torrent | Seasonic 850W | Samsung Odyssey G9 49" |

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag använder uteslutande enbart Vim.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Är upplärd i Adobes programvaror, så grafik görs i Photoshop och ska något kodas är det enbart Dreamweaver som är används.

Visa signatur

Vill ni ha svar från mig underlättar det enormt om ni citerar mig.

AMD R7 1700X | Gigabyte Aorus AX370 Gaming K7 | Zotac 1070Ti Mini 8GB | 16GB Corsair Vengeance DDR4 @ 3000MHz | Seasonic Prime 650W Platinum | NZXT Elite S340

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag kör grafik och planering i Photoshop och på papper, använder små plugins som förenklar arbetet såsom CSS-Hat.

För att skriva själva koden använder jag mig av Notepad++ mest eftersom det var det första programmet jag använde för kod och för att det är väldigt "lätt".

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Kör Komodo edit för tillfället... körde Dreamweaver innan. Kommer troligen hoppa runt mellan program under sommaren för att hitta något trevligt

Visa signatur

| MSI B650 Tomahawk | Ryzen 7 9800X3D | ASUS RTX 3070 | 64GB DDR5 6000MHz | MSI MPG A1000G | Samsung 970 Evo M.2 1TB + 2x WD Black SN850X 2TB|

Redigera
Citera flera Citera
Permalänk
Avstängd
●

Jag kör VS2012 då jag sysslar väldigt lite med ren html, oftast en UI designer som gör den biten.
I mindre projekt när jag tvingas göra htmldesignen själv så använder jag Twitter bootstrap, otroligt trevligt ramverk och den har inbyggd css reset etc.

http://twitter.github.io/bootstrap/

Visa signatur

Min blogg

Redigera
Citera flera Citera
Permalänk
Entusiast
●

Mix mellan Dreamweaver och notepad++
Älskar hör deamweaver fyller i orden åt en medan man skriver.

Hur är det med de andra programmen folk har nämnt här? Har något av dem liknande funktioner för textförslag som Dreamweaver?

Visa signatur

Mörkt tema till sweclockers | Taklampa med socket 1155

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Blargmode:

Mix mellan Dreamweaver och notepad++
Älskar hör deamweaver fyller i orden åt en medan man skriver.

Hur är det med de andra programmen folk har nämnt här? Har något av dem liknande funktioner för textförslag som Dreamweaver?

Gå till inlägget

Ja, auto-completion och kod hjälp finns i de flesta program för webb och programmering.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●

emacs

Visa signatur

CPU: AMD FX-8350 @ 4.7GHz | RAM: 32GB Vengeance @1600MHz | GPU: Asus HD7970 DCII Top @ 1.0/5.6 GHz | ASRock 990FX Fatal1ty | PSU: Newton R3 800W Platinum | HD: 128 GB Plextor M3 Pro, 300 GB WD Green | triple-boot: Win7-64,WinXP-32,debian-64

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Mestadels Notepad++ och Sublime när det är små enkla projekt.

För större saker har är det Visual Studio 2012 (2010 innan) för ASP.Net C#
och PhpStorm för ..., ja just det PHP.

Visa signatur

/dev/null

Redigera
Citera flera Citera
Permalänk
Medlem
●

Sublime Text 2

Med dessa plugins:

  • AdvancedNewFile

  • Alignment

  • BracketHighlighter

  • Color Highlighter

  • Dayle Rees Color Schemes (Laravel)

  • DocBlockr

  • Emmet

  • Inc-Dec-Value

  • Laravel Blade Highlighter

  • Laravel Generator

  • Minifier

  • Package Control

  • Sass

  • SideBarEnhancements

  • SublimeCodeIntel

Finns gott om fler plugins till allt.

Emmet (förut Zen coding) är nog det bästa som finns enligt mig. Det snabbar verkligen på att skriva HTML och CSS.
Här är ett exempel i HTML.

!((hdr>img[src="bild.jpg"]+h1{Min sida})+(#content>.post*5>h2{Post $}+p>lorem10^span.date{2013-05-27})+ftr>p>{Copyright }+lorem2+{ 2013})

Jag skriver denna kod, som är Emmet-formatet. (Man brukar oftast inte skriva såhär långt, men nu bara för att visa)

Med ett tryck på tab så är resultatet följande.

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<header>
		<img src="bild.jpg" alt="">
		<h1>Min sida</h1>
	</header>
	<div id="content">
		<div class="post">
			<h2>Post 1</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, laborum.</p>
			<span class="date">2013-05-27</span>
		</div>
		<div class="post">
			<h2>Post 2</h2>
			<p>Nemo et architecto repudiandae pariatur consectetur rem id natus neque!</p>
			<span class="date">2013-05-27</span>
		</div>
		<div class="post">
			<h2>Post 3</h2>
			<p>Laborum, provident sit magni ipsa officiis amet neque voluptate optio.</p>
			<span class="date">2013-05-27</span>
		</div>
		<div class="post">
			<h2>Post 4</h2>
			<p>Nobis eaque temporibus doloribus quaerat pariatur iste sequi facilis reiciendis.</p>
			<span class="date">2013-05-27</span>
		</div>
		<div class="post">
			<h2>Post 5</h2>
			<p>Quam, incidunt dignissimos necessitatibus quidem cum doloremque sequi laborum nobis.</p>
			<span class="date">2013-05-27</span>
		</div>
	</div>
	<footer>
		<p>Copyright Lorem ipsum. 2013</p>
	</footer>
</body>
</html>

Den gjorde alltså om 137 tecken till 1173.
Bra exempel är också ul>li*10, så gör man en lista med 10st listitems.

EDIT: Temat och mitt valda typsnitt ser ut såhär. ( http://i.imgur.com/Ij7x55e.png )

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Jag kör med Aptana Studio 3 vilket är ett plugin till eclipse. Riktigt nöjd.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

UltraEdit eller UEStudio för PHP, Visual Studio 2010 för allt annat. Inte vågat installera 2012 annat än på hemmaburken än!

Redigera
Citera flera Citera
Permalänk
Medlem
●

BlueFish !

Visa signatur

// Lian Li PC-888 // i7 4790s // MSI vega 56 8gb O.C. // 16GB //

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Sephinator:

Sublime Text 2

Med dessa plugins:

  • AdvancedNewFile

  • Alignment

  • BracketHighlighter

  • Color Highlighter

  • Dayle Rees Color Schemes (Laravel)

  • DocBlockr

  • Emmet

  • Inc-Dec-Value

  • Laravel Blade Highlighter

  • Laravel Generator

  • Minifier

  • Package Control

  • Sass

  • SideBarEnhancements

  • SublimeCodeIntel

Finns gott om fler plugins till allt.

Emmet (förut Zen coding) är nog det bästa som finns enligt mig. Det snabbar verkligen på att skriva HTML och CSS.
Här är ett exempel i HTML.

!((hdr>img[src="bild.jpg"]+h1{Min sida})+(#content>.post*5>h2{Post $}+p>lorem10^span.date{2013-05-27})+ftr>p>{Copyright }+lorem2+{ 2013})

Jag skriver denna kod, som är Emmet-formatet. (Man brukar oftast inte skriva såhär långt, men nu bara för att visa)

Med ett tryck på tab så är resultatet följande.

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<header>
		<img src="bild.jpg" alt="">
		<h1>Min sida</h1>
	</header>
	<div id="content">
		<div class="post">
			<h2>Post 1</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, laborum.</p>
			<span class="date">2013-05-27</span>
		</div>
		<div class="post">
			<h2>Post 2</h2>
			<p>Nemo et architecto repudiandae pariatur consectetur rem id natus neque!</p>
			<span class="date">2013-05-27</span>
		</div>
		<div class="post">
			<h2>Post 3</h2>
			<p>Laborum, provident sit magni ipsa officiis amet neque voluptate optio.</p>
			<span class="date">2013-05-27</span>
		</div>
		<div class="post">
			<h2>Post 4</h2>
			<p>Nobis eaque temporibus doloribus quaerat pariatur iste sequi facilis reiciendis.</p>
			<span class="date">2013-05-27</span>
		</div>
		<div class="post">
			<h2>Post 5</h2>
			<p>Quam, incidunt dignissimos necessitatibus quidem cum doloremque sequi laborum nobis.</p>
			<span class="date">2013-05-27</span>
		</div>
	</div>
	<footer>
		<p>Copyright Lorem ipsum. 2013</p>
	</footer>
</body>
</html>

Den gjorde alltså om 137 tecken till 1173.
Bra exempel är också ul>li*10, så gör man en lista med 10st listitems.

EDIT: Temat och mitt valda typsnitt ser ut såhär. ( http://i.imgur.com/Ij7x55e.png )

Gå till inlägget
Dold text

Kör i stort sett likadant förutom att jag kör Monokai
Emmet är bra att lära sig, fler och fler implementerar det. Finns på både codepen och jsfiddle t.ex.
Enligt mig går det inte att få en effektivare editor för html/css än Sublime 2 med ovanstående plugins.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Blargmode:

Mix mellan Dreamweaver och notepad++
Älskar hör deamweaver fyller i orden åt en medan man skriver.

Hur är det med de andra programmen folk har nämnt här? Har något av dem liknande funktioner för textförslag som Dreamweaver?

Gå till inlägget

ja. autocomplete har jag implementerat i min vim config.
Finns för allmän beskådan här: https://github.com/jonaz/jonaz-vim-rc/

Redigera
Citera flera Citera
Permalänk
Medlem
●

Använder mig utav:

Sublime Text med en rad olika addons.
Firebug
Webdeveloper Toolbar
LiveReload
Guard
Console2 som terminal om jag använder Windows.
Git

och säkert lite fler saker som jag inte kommer på just nu.

Visa signatur

Programmers.se

Redigera
Citera flera Citera
Permalänk
Medlem
●

Kör i huvudsak Geany för all form utav text editing, förutom när jag skriver Java, då är det Eclipse som gäller. Även Chromes konsoll och Nautilus om man nu vill gå in på detaljer. (Nautilus mest för SFTP)

Redigera
Citera flera Citera
Permalänk
Avstängd
●

Notepad++ och Netbeans.

Visa signatur

► rlm - intervjuar Mona Walter ► Glary-Utilities ► Fallacyaday ► FREE Microsoft eBooks

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Drager:

Firebug

Gå till inlägget

Firebug?
Ligger ju ett par steg efter chrome developer tools.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Visual Studio 2012 mestadels till javascript och annat, <3 Intellisence biten.

Utöver detta så använder jag en hel del Sublime Text.

Visa signatur

Speldator: Ryzen 7800X3D, 64GB DDR5, RTX 5090
Server: i7-8700k, 32GB DDR4, RTX2080
Steam deck, Rog Ally + de fiesta konsoler.

Redigera
Citera flera Citera
1 2
Skriv svar