With so many easy ways to build your website, it can be a real test of your patience trying to get everything to look like you want it to look. Then, to make matters worse, along comes Google and their now infamous Mobilegeddon and you need to develop and learn how to style your website so that it can be viewed well on different mobile screens. It is hard enough learning to use a template let alone trying to modify the style so that it functions and looks like you need it to. Continue reading
CSS has a lot of potential, and you can use it to create a whole lot of stuffs from buttons, to transition effects, and even animations. However, creating complex stuffs such as buttons and animations can be challenging and time consuming.
Time is everything. Utilizing your available time and making sure that you waste only a minimum might be your priority like a whole lot of other people. In such a situation online CSS generators come in handy.
You just need to select what you want, customize the output according to your needs and in no time you will have the full CSS coding right in front of you.
GenerateCSS is one such website where you can generate CSS in minutes, and the best part is that its absolutely free to use.
CSS or Cascading Style Sheets helps the web designers to stylize the visual elements of a web page. It was first developed in 1997, to enhance the look of their creation as it intended to segregate design and content. But it was in 2000, when CSS soared into community among the community of web designers with a remarkable increase in the use of various colors and texts for the web pages. This style sheet language is used for the layout of the interfaces and the web pages that are coded with markup languages. This language helps to describe the different elements of designs of a website that includes font, layout and color. Continue reading
Tricks are often useful when handling complex or time consuming works by speeding up your work process with some shortcuts. And so are some CSS tricks, which can dramatically improve your work process and help you code and design better in no time.
In this article, I will be discussing 5 very handy CSS tricks which can really save time and ensure that you complete your project before your deadline. Note: – Some of these CSS tricks are still in the experimental stage, and haven’t been widely implemented in all the browsers. They are yet to be implemented in all the major browser, though you can still see these effects in some specific browsers like Opera.
1) Using CSS Variables
You can use CSS variables to ease your job when setting a preferred colour palette or defining some pre-decided sizes. Continue reading
The beginning of May ‘corePHP’ attended the CMS Expo for the 4th time. This year was a complete blast and the best yet. Over the 4 days of attending the Expo we learned a lot of useful new material and met a great deal of new faces. We thank everyone who came out to make the Expo a complete success and we look forward to attending next year.
What is this?
Anyone who has tried to add CSS3 to their site knows how difficult and time consuming it is to figure out the correct code for the correct browsers. Also, how do I make it work with IE? Wonder no more! With the Automated CSS3 Generator Plugin all you need to do is enter the values for the CSS3 you need and it does the rest. It also only outputs the CSS for the browser you are using so you won’t need 4 lines of CSS to do a simple rounded corner anymore. Continue reading
By now, I’m sure everyone has choked back a tear or two at the final release of Internet Explorer 9. We immediately started getting support requests asking why their websites look broken in this new ‘revolutionary’ browser (hard to say that with a straight face.) Yes, we are again submerged into Microsoft hell, needing to find fixes for yet another browser. We have done a lot of legwork figuring out the best way to handle supporting this IE9 so we wanted to share the information we have learned to make developing (a little) easier.
We have been working on building a multi-school Joomla! website and there have been many hurdles to overcome since Joomla! isn’t a multi-site CMS. After searching for anything that’s common across each school, I realized the menu for each school could be used as a common denominator. If I could set a variable depending on which menu is loaded on the page then I can do just about anything I want, such as change the logo, set a unique CSS class, etc. After meeting with our developers we figured out how to do this and I’ll share it with all of you in case you ever need to do the same.
Oh the fun we have working on so many different projects! Today I had to put a style on the actual embedded object since the div around it didn’t work out for it. Obviously, it couldn’t be as easy as it sounds so I thought I would pass on my workarounds for all of you. The following code assumes you are using the conditional IE CSS code from our blog at https://www.corephp.com/blog/easy-ie-conditional-css-with-no-hacks/
I know there are a million and one examples out there about how to create horizontal menus using unordered lists. The issue is that most don’t center and have no fixes for menu items that break in the middle of the phrase. This example is for a “typical” horizontal footer menu. Continue reading
I have been developing for IE8 since it was first released. Although they say it’s a final build, it’s actually in a late beta stage. There are several key CSS commands that haven’t been completed yet (such as :first-letter) and some calculations that still aren’t right in the browser. This is why they built the compatibility mode into it. This creates a major issue for web developers because any conditional statements for IE8 that are put in will break the page once it is fixed. I have thought about every possible fix and the only reasonable solution that I’ve found is… kill it!
Any serious CSS person has hacked their way through more ‘Internet Exploder’ issues than they care to talk about. Even if there are only a few small issues to fix in an area, it can be difficult to track them through multiple style sheets (ie. conditional sheet for IE6 & 7). Hacks are just bad practice, so what can you do? There is a better way! I came up with a neat little piece of code that has greatly simplified my life when dealing with cross-browser compatibility.