divCSSter: A DIV Manipulation Tool

6 posts Page 1 of 1
Contributors
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Webpage: http://divcsster.sourceforge.net/
Linux App: http://sourceforge.net/projects/divcsst ... z/download
Chrome Extension: https://chrome.google.com/webstore/deta ... mnndcbcbk/

Screenshot:
divcsster.png
I recently found this site (cssmatic.com) which has a few useful tools for designers such as a gradient generator, border radius, and drop shadow.

After experimenting a bit with generators before I wanted to make my own css tool that has other css tools implemented in with it to make designing a single div a bit easier and faster.
You do not have the required permissions to view the files attached to this post.
Last edited by mikethedj4 on Fri Jun 27, 2014 1:00 pm, edited 10 times in total.
User avatar
Master M1nd
Top Poster
Top Poster
Posts: 82
Joined: Thu Aug 15, 2013 7:51 pm

Re: My CSS Tools Web App
Master M1nd
yea, it is nice, I just downloaded That! Good Share bro! cooll;
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: My CSS Tools Web App
mikethedj4
css-tools.png
I spent a few hours today reconstructing the app today.

What you think?
You do not have the required permissions to view the files attached to this post.
Last edited by mikethedj4 on Thu Dec 26, 2013 1:18 am, edited 1 time in total.
User avatar
noypikami
VIP - Donator
VIP - Donator
Posts: 151
Joined: Sat Dec 22, 2012 1:49 am

Re: My CSS Tools Web App
noypikami
it's pretty awesome. it works perfectly.
i have just tried that.
Image
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Fixed a lot of bugs, and haven't came across a single one now wahooo;

What's New:
- App's name is now divCSSter
- New logo
- Added rotateX, rotateY, and scale transformation properties.
- Resizable dialog boxes
- Can now add multiple shadows, and backgrounds to your div with added opacity sliders and rgb/hex converters.
- Can choose between a slider or a text input box to set the value for width, height, box-shadow, etc:
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

If anyone has any ideas on the UI to help improve it I'd love to hear/see you're suggestions.

I was thinking about trying to incorporate something like Photoshop's Layer Effects. After doing some searching I came across Layer Styles. Which is nice, but the content is a bit small for a tablets. So I'll be experimenting on different designs to see which suites the best for tablet users. NOTE: The current ui will remain the same for smart phones.

Anyway what are your thoughts?
6 posts Page 1 of 1
Return to “Tutorials”